@keyframes landing-spin{to{transform:rotate(1turn)}}@keyframes landing-spin-reverse{to{transform:rotate(-1turn)}}@keyframes landing-breathe{50%{opacity:.8;transform:scale(1.12)}}@keyframes landing-drift{50%{translate:3rem -2rem;scale:1.08}}@keyframes landing-stream{0%{opacity:0;transform:translate(-70%)scaleX(.35)}35%{opacity:1}to{opacity:0;transform:translate(75%)scaleX(1)}}@keyframes landing-blink{50%{opacity:.25}}.landing-experience{--mx:72%;--my:35%;--tone:#ff7a1a;--landing-bg:var(--background);--landing-fg:var(--foreground);--landing-card:var(--card);isolation:isolate;background:radial-gradient(circle at 75% 45%, color-mix(in srgb, var(--tone) 11%, transparent), transparent 28%), linear-gradient(145deg, color-mix(in srgb, var(--landing-bg) 96%, var(--landing-fg) 4%) 0%, var(--landing-bg) 58%, color-mix(in srgb, var(--landing-bg) 97%, var(--tone) 3%) 100%);min-height:100svh;color:var(--landing-fg);transition:--tone .6s;position:relative;overflow:hidden}.landing-noise{z-index:-1;opacity:.16;background-image:linear-gradient(color-mix(in srgb, var(--landing-fg) 3%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--landing-fg) 3%, transparent) 1px, transparent 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 65% 45%,#000,#0000 78%);mask-image:radial-gradient(circle at 65% 45%,#000,#0000 78%)}.landing-cursor-light{z-index:-1;pointer-events:none;background:radial-gradient(520px circle at var(--mx) var(--my), color-mix(in srgb, var(--tone) 16%, transparent), transparent 68%);transition:background .35s;position:absolute;inset:0}.landing-aurora{z-index:-2;filter:blur(110px);pointer-events:none;border-radius:999px;animation:12s ease-in-out infinite landing-drift;position:absolute}.landing-aurora-a{background:color-mix(in srgb, var(--tone) 20%, transparent);width:48rem;height:38rem;top:-24rem;left:18%}.landing-aurora-b{background:#7455ff1f;width:44rem;height:44rem;animation-delay:-5s;bottom:-24rem;right:-15rem}.landing-wordmark{z-index:-1;color:#0000;letter-spacing:-.1em;-webkit-text-stroke:1px color-mix(in srgb, var(--landing-fg) 4%, transparent);-webkit-user-select:none;user-select:none;font-size:clamp(12rem,29vw,31rem);font-weight:800;line-height:.7;position:absolute;top:48%;left:48%;translate:-50% -50%}.landing-shell{grid-template-columns:.72fr 1.28fr;align-items:center;gap:clamp(2rem,5vw,7rem);width:min(92vw,82rem);min-height:100svh;margin:0 auto;padding:6rem 0 2rem;display:grid}.landing-copy{z-index:3;position:relative}.landing-kicker{color:color-mix(in srgb, var(--landing-fg) 48%, transparent);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.65rem;font-size:.7rem;font-weight:600;display:inline-flex}.landing-live-dot{background:var(--tone);width:.45rem;height:.45rem;box-shadow:0 0 0 .35rem color-mix(in srgb, var(--tone) 12%, transparent), 0 0 1.4rem var(--tone);border-radius:50%;animation:1.8s ease-in-out infinite landing-blink}.landing-copy h1{letter-spacing:-.075em;margin-top:1.45rem;font-size:clamp(3.5rem,6.6vw,7rem);font-weight:650;line-height:.84}.landing-copy h1 span{color:var(--tone);text-shadow:0 0 3rem color-mix(in srgb, var(--tone) 30%, transparent);margin-top:.18em;transition:color .5s,text-shadow .5s;display:block}.landing-copy>p{color:color-mix(in srgb, var(--landing-fg) 48%, transparent);letter-spacing:.08em;margin-top:1.75rem;font-size:clamp(.95rem,1.2vw,1.08rem)}.landing-actions{align-items:center;gap:.75rem;margin-top:2.4rem;display:flex}.landing-primary-action{background:var(--landing-fg);height:3rem;color:var(--landing-bg);box-shadow:0 1rem 3rem -1.2rem color-mix(in srgb, var(--landing-fg) 48%, transparent);border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:0 1.25rem;font-size:.8rem;font-weight:650;transition:transform .22s,background .22s,border-color .22s;display:inline-flex}.landing-primary-action svg{width:1rem;height:1rem}.landing-primary-action:hover{transform:translateY(-2px)}.landing-primary-action:focus-visible,.landing-mode:focus-visible,.landing-mobile-modes button:focus-visible,.landing-core:focus-visible{outline:2px solid var(--tone);outline-offset:4px}.landing-status{color:color-mix(in srgb, var(--landing-fg) 25%, transparent);letter-spacing:.12em;gap:1.2rem;margin-top:2.2rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;display:flex}.landing-status span{align-items:center;gap:.4rem;display:flex}.landing-status svg{width:.75rem;height:.75rem;color:var(--tone)}.landing-stage{aspect-ratio:1;justify-self:center;width:min(44rem,55vw);position:relative}.landing-orbit{border:1px solid color-mix(in srgb, var(--landing-fg) 8%, transparent);pointer-events:none;border-radius:50%;position:absolute}.landing-orbit:before,.landing-orbit:after{content:"";background:var(--tone);width:.35rem;height:.35rem;box-shadow:0 0 1rem var(--tone);border-radius:50%;position:absolute}.landing-orbit-outer{border-style:dashed;animation:38s linear infinite landing-spin;inset:5%}.landing-orbit-outer:before{top:14%;left:14%}.landing-orbit-outer:after{opacity:.35;bottom:28%;right:5%}.landing-orbit-inner{border-color:color-mix(in srgb, var(--tone) 20%, transparent);animation:24s linear infinite landing-spin-reverse;inset:18%}.landing-orbit-inner:before{top:-.2rem;left:50%}.landing-orbit-inner:after{opacity:.25;bottom:-.2rem;left:50%}.landing-orbit-track{pointer-events:none;border-radius:50%;animation:17s linear infinite landing-spin;position:absolute;inset:11%}.landing-orbit-track i{background:linear-gradient(to bottom, var(--tone), transparent);transform-origin:50% 390%;width:1px;height:10%;position:absolute;left:50%}.landing-orbit-track i:nth-child(2){opacity:.5;transform:rotate(120deg)}.landing-orbit-track i:nth-child(3){opacity:.25;transform:rotate(240deg)}.landing-portal{border:1px solid color-mix(in srgb, var(--landing-fg) 10%, transparent);background:radial-gradient(circle, color-mix(in srgb, var(--tone) 12%, var(--landing-card)) 0%, color-mix(in srgb, var(--landing-bg) 96%, transparent) 58%), var(--landing-bg);box-shadow:inset 0 0 5rem color-mix(in srgb, var(--landing-fg) 3%, transparent), 0 0 8rem color-mix(in srgb, var(--tone) 8%, transparent);border-radius:50%;transition:border-color .5s,box-shadow .5s;position:absolute;inset:23%;overflow:hidden}.landing-scene{position:absolute;inset:0}.landing-core{z-index:5;border:1px solid color-mix(in srgb, var(--tone) 45%, white 8%);background:color-mix(in srgb, var(--landing-card) 90%, transparent);width:clamp(3.8rem,6vw,5.3rem);height:clamp(3.8rem,6vw,5.3rem);color:var(--tone);box-shadow:0 0 2.4rem color-mix(in srgb, var(--tone) 24%, transparent);cursor:pointer;border-radius:50%;place-items:center;transition:transform .24s,color .5s,border-color .5s;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.landing-core:hover{transform:scale(1.08)}.landing-core svg{z-index:2;width:1.25rem;height:1.25rem;position:relative}.landing-core-glow{background:var(--tone);filter:blur(18px);opacity:.4;border-radius:50%;animation:2.4s ease-in-out infinite landing-breathe;position:absolute;inset:18%}.landing-pulse{border:1px solid var(--tone);pointer-events:none;border-radius:50%;position:absolute;inset:0}.landing-mode{z-index:8;border:1px solid color-mix(in srgb, var(--landing-fg) 10%, transparent);background:color-mix(in srgb, var(--landing-card) 82%, transparent);width:2.8rem;height:2.8rem;color:color-mix(in srgb, var(--landing-fg) 35%, transparent);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-radius:50%;place-items:center;transition:border-color .24s,box-shadow .24s,background .24s,color .24s,transform .24s;display:grid;position:absolute}.landing-mode svg{width:1rem;height:1rem}.landing-mode:hover,.landing-mode[aria-selected=true]{border-color:var(--mode-tone);background:color-mix(in srgb, var(--mode-tone) 12%, var(--landing-card));color:var(--landing-fg);box-shadow:0 0 1.8rem color-mix(in srgb, var(--mode-tone) 22%, transparent)}.landing-mode-0{top:1%;left:50%;translate:-50%}.landing-mode-1{top:50%;right:-2%;translate:0 -50%}.landing-mode-2{bottom:1%;left:50%;translate:-50%}.landing-mode-3{top:50%;left:-2%;translate:0 -50%}.landing-feed-scene span{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--landing-fg) 9%, transparent), transparent);height:1px;position:absolute;left:12%;right:12%;overflow:visible;transform:rotate(-12deg)}.landing-feed-scene span:first-child{top:28%}.landing-feed-scene span:nth-child(2){top:41%;transform:rotate(8deg)}.landing-feed-scene span:nth-child(3){top:58%;transform:rotate(-4deg)}.landing-feed-scene span:nth-child(4){top:70%;transform:rotate(14deg)}.landing-feed-scene i{background:linear-gradient(90deg, transparent, var(--tone));width:35%;height:3px;filter:drop-shadow(0 0 6px var(--tone));border-radius:999px;animation:2.4s ease-in-out infinite landing-stream;position:absolute;top:-1px;left:0}.landing-feed-scene span:nth-child(2) i{animation-delay:-.6s}.landing-feed-scene span:nth-child(3) i{animation-delay:-1.2s}.landing-feed-scene span:nth-child(4) i{animation-delay:-1.8s}.landing-ai-scene{animation:22s linear infinite landing-spin;position:absolute;inset:0}.landing-ai-scene span{color:color-mix(in srgb, var(--landing-fg) 23%, transparent);letter-spacing:.18em;font-size:.48rem;position:absolute}.landing-ai-scene span:first-child{top:20%;left:38%}.landing-ai-scene span:nth-child(2){top:55%;right:10%;transform:rotate(90deg)}.landing-ai-scene span:nth-child(3){bottom:20%;left:14%;transform:rotate(-45deg)}.landing-ai-scene>svg{width:1rem;color:var(--tone);filter:drop-shadow(0 0 .8rem var(--tone));position:absolute;top:18%;right:18%}.landing-script-scene{grid-template-columns:auto auto 1fr;align-content:center;gap:.5rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.42rem,.65vw,.6rem);display:grid;position:absolute;inset:20% 13%}.landing-script-scene>span:first-child,.landing-script-scene>span:nth-child(4),.landing-script-scene>span:nth-child(7){color:color-mix(in srgb, var(--landing-fg) 16%, transparent)}.landing-script-scene b{color:var(--tone);font-weight:500}.landing-script-scene span{color:color-mix(in srgb, var(--landing-fg) 42%, transparent);white-space:nowrap}.landing-todo-scene{flex-direction:column;justify-content:center;gap:.65rem;display:flex;position:absolute;inset:22% 17%}.landing-todo-scene>span{border:1px solid color-mix(in srgb, var(--landing-fg) 7%, transparent);background:color-mix(in srgb, var(--landing-fg) 3%, transparent);border-radius:.65rem;align-items:center;gap:.6rem;padding:.55rem;display:flex}.landing-todo-scene i{border:1px solid color-mix(in srgb, var(--landing-fg) 16%, transparent);border-radius:50%;place-items:center;width:1rem;height:1rem;display:grid}.landing-todo-scene i svg{width:.65rem;color:var(--landing-bg)}.landing-todo-scene b{background:color-mix(in srgb, var(--landing-fg) 12%, transparent);border-radius:999px;width:62%;height:.22rem}.landing-todo-scene .is-done i{border-color:var(--tone);background:var(--tone)}.landing-todo-scene .is-done b{opacity:.35}.landing-mobile-modes{display:none}@media (width<=900px){.landing-experience{overflow-y:auto}.landing-wordmark{font-size:48vw;top:35%}.landing-shell{text-align:center;grid-template-columns:1fr;gap:1rem;min-height:auto;padding:6.5rem 0 1rem}.landing-copy h1{font-size:clamp(3.4rem,14vw,5.6rem)}.landing-copy>p{margin-top:1.2rem}.landing-kicker,.landing-actions,.landing-status{justify-content:center}.landing-actions{margin-top:1.7rem}.landing-status{margin-top:1.4rem}.landing-stage{width:min(86vw,29rem)}.landing-mode-ring{display:none}.landing-mobile-modes{z-index:10;border:1px solid color-mix(in srgb, var(--landing-fg) 9%, transparent);background:color-mix(in srgb, var(--landing-card) 86%, transparent);-webkit-backdrop-filter:blur(1.4rem);backdrop-filter:blur(1.4rem);border-radius:1.1rem;grid-template-columns:repeat(4,1fr);width:min(92vw,28rem);margin:-1rem auto 2rem;padding:.35rem;display:grid;position:relative}.landing-mobile-modes button{min-width:0;color:color-mix(in srgb, var(--landing-fg) 32%, transparent);border-radius:.8rem;align-items:center;padding:.8rem .25rem;transition:color .2s,background .2s;display:flex}.landing-mobile-modes button svg{width:.9rem;height:.9rem}.landing-mobile-modes button[aria-selected=true]{color:var(--tone);background:color-mix(in srgb, var(--landing-fg) 6%, transparent)}}@media (width<=520px){.landing-shell{width:min(92vw,25rem);padding-top:5.8rem}.landing-copy h1{font-size:clamp(3.25rem,17vw,4.6rem)}.landing-copy>p{font-size:.78rem}.landing-primary-action{height:2.75rem;padding:0 1rem;font-size:.72rem}.landing-stage{width:min(94vw,23rem);margin-top:-.5rem}.landing-portal{inset:19%}.landing-orbit-outer{inset:1%}.landing-orbit-inner{inset:14%}}@media (prefers-reduced-motion:reduce){.landing-aurora,.landing-live-dot,.landing-orbit,.landing-orbit-track,.landing-core-glow,.landing-feed-scene i,.landing-ai-scene{animation:none}}
