:root{color-scheme:light;--surface-0: #f3f3f1;--surface-1: #ffffff;--surface-2: #ebebe8;--surface-3: #ffffff;--surface-glass: rgba(255, 255, 255, .82);--surface-overlay: rgba(17, 17, 17, .55);--text-primary: #111111;--text-secondary: #4a4a48;--text-muted: #7c7c78;--text-disabled: #b4b4b0;--border: rgba(17, 17, 17, .1);--border-strong: rgba(17, 17, 17, .18);--border-stronger: rgba(17, 17, 17, .3);--accent: #e0452a;--accent-strong: #c43a22;--accent-dim: rgba(224, 69, 42, .1);--accent-glow: rgba(224, 69, 42, .3);--interactive: #111111;--interactive-strong: #000000;--interactive-dim: rgba(17, 17, 17, .06);--ink: #111111;--ink-soft: #1c1c1c;--warning: #b9770e;--danger: #c43a22;--success: #2f8f5b;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-pixel: "Silkscreen", "JetBrains Mono", monospace;--font-hand: "Caveat", "Segoe Script", cursive;--display-sm: clamp(1.15rem, .7rem + 2.2vw, 2.4rem);--display-xl: clamp(3.4rem, 1.4rem + 9vw, 8.6rem);--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: clamp(1.15rem, .95rem + .7vw, 1.45rem);--text-xl: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.6;--tracking-tight: -.02em;--tracking-wide: .06em;--tracking-wider: .12em;--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-12: 48px;--radius-sm: 8px;--radius: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(17, 17, 17, .06), 0 4px 14px rgba(17, 17, 17, .06);--shadow-md: 0 2px 6px rgba(17, 17, 17, .08), 0 16px 40px rgba(17, 17, 17, .1);--shadow-lg: 0 6px 16px rgba(17, 17, 17, .12), 0 36px 80px rgba(17, 17, 17, .18);--focus-ring: 0 0 0 2px var(--surface-0), 0 0 0 4px var(--ink);--dur-fast: .11s;--dur-base: .18s;--dur-slow: .28s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-snap: cubic-bezier(.32, .72, 0, 1);--shell-max: 1280px;--terminal-max-height: 760px}.terminal,.palette-overlay,.ai-popup-overlay{color-scheme:dark;--surface-0: #07090d;--surface-1: #0b0f15;--surface-2: #10151e;--surface-3: #161d28;--surface-glass: rgba(16, 21, 30, .72);--text-primary: #eef3fa;--text-secondary: #9daabf;--text-muted: #6c7a91;--text-disabled: #4a5567;--border: rgba(148, 173, 210, .11);--border-strong: rgba(148, 173, 210, .2);--border-stronger: rgba(148, 173, 210, .32);--accent: #5eead4;--accent-strong: #2dd4bf;--accent-dim: rgba(94, 234, 212, .14);--accent-glow: rgba(94, 234, 212, .28);--interactive: #7cc4fb;--interactive-strong: #a5d8ff;--interactive-dim: rgba(124, 196, 251, .12);--warning: #fbbf7c;--danger: #f98a8a;--success: #86dfa8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .24);--shadow-md: 0 2px 6px rgba(0, 0, 0, .44), 0 12px 32px rgba(0, 0, 0, .34);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 28px 70px rgba(0, 0, 0, .46);--focus-ring: 0 0 0 1px var(--surface-0), 0 0 0 3px var(--accent-glow);color:var(--text-primary)}:root{--bg: var(--surface-0);--panel: var(--surface-1);--text: var(--text-primary);--glow: var(--accent-glow);--radius-legacy: var(--radius-lg)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);background:var(--surface-0);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-ligatures:none}h1,h2,h3,p{margin:0}a{color:var(--interactive);text-decoration:none;text-underline-offset:3px;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--interactive-strong);text-decoration:underline}button{font:inherit;color:inherit}:where(a,button,input,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bg-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;display:block;width:100%;height:100%}#mouse-saber{display:none}@media (hover: hover) and (pointer: fine){:root.saber-ready body,:root.saber-ready body *{cursor:none}#mouse-saber{display:block;position:fixed;top:0;left:0;width:72px;height:72px;transform:translate(-50%,-50%) rotate(-90deg) scale(.9);transform-origin:center;pointer-events:none;z-index:9999;opacity:0;transition:opacity .2s ease;background:url(https://assets.codepen.io/28337/anakin-skywalker-hor.svg) center/contain no-repeat;filter:drop-shadow(0 0 6px rgba(125,211,252,.7)) drop-shadow(0 0 16px rgba(56,189,248,.4))}#mouse-saber.is-visible{opacity:1}#mouse-saber.swing{animation:saber-swing .28s ease-out}}@keyframes saber-swing{0%{transform:translate(-50%,-50%) rotate(-90deg) scale(.9)}40%{transform:translate(-50%,-50%) rotate(-120deg) scale(.95)}to{transform:translate(-50%,-50%) rotate(-90deg) scale(.9)}}.saber-spark{position:fixed;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#fef3c7,#f59e0b 55%,#f97316);box-shadow:0 0 6px #f59e0be6,0 0 12px #f9731699;pointer-events:none;z-index:9998;opacity:.9;animation:saber-spark .45s ease-out forwards}@keyframes saber-spark{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important;transition-delay:0ms!important}.saber-spark{display:none}}.app{position:relative;min-height:100dvh;padding:var(--space-5) var(--space-8) var(--space-8);display:flex;justify-content:center}.app-shell{width:min(var(--shell-max),100%);position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-8)}.page{display:flex;flex-direction:column}.sheet{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(var(--space-12),8vh,96px);padding:clamp(var(--space-10),7vh,84px) var(--space-6) clamp(var(--space-10),7vh,84px);background:var(--surface-1);border-top:1px solid var(--border);border-radius:30px 30px 0 0;box-shadow:0 -30px 60px -34px #1116}.fan-head,.sites-head,.stage-head{display:flex;align-items:center;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}.section-rule{flex:1;height:1px;background:var(--border-strong)}.section-count{color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-6);border-radius:var(--radius-sm);border:1px solid var(--ink);font-size:var(--text-base);font-weight:500;letter-spacing:-.005em;cursor:pointer;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.btn-solid{background:var(--ink);color:#fff}.btn-solid:hover{background:var(--ink-soft);box-shadow:0 10px 24px -12px #11111180}.btn-outline{background:transparent;color:var(--ink)}.btn-outline:hover{background:var(--interactive-dim)}.btn:active{transform:translateY(1px)}.hero{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;position:sticky;top:0;z-index:0;min-height:calc(100svh - var(--space-8));padding:clamp(var(--space-4),3vh,var(--space-8)) 0 var(--space-8)}.hero-intro{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-6)}.hero-wave{color:var(--accent);font-size:.85em;display:inline-block;animation:wave-spin 9s linear infinite}@keyframes wave-spin{to{transform:rotate(360deg)}}.hero-title{display:flex;flex-direction:column;align-items:center;font-weight:800;line-height:.9;letter-spacing:-.035em;color:var(--ink);text-wrap:balance}.hero-title-pixel{display:inline-block;font-family:var(--font-pixel);font-weight:700;font-size:var(--display-sm);letter-spacing:.2em;text-transform:uppercase;line-height:1.2;padding-left:.2em}.hero-title-line:first-child{margin-bottom:var(--space-3)}.hero-title-solid,.hero-title-outline{display:inline-block;font-size:var(--display-xl);font-weight:800;white-space:nowrap}.hero-title-outline{color:var(--surface-0);text-shadow:1.5px 0 var(--ink),-1.5px 0 var(--ink),0 1.5px var(--ink),0 -1.5px var(--ink),1px 1px var(--ink),-1px -1px var(--ink),1px -1px var(--ink),-1px 1px var(--ink)}.hero-title-line:last-child{margin-top:-.02em}.hero-tagline{max-width:34rem;margin-top:var(--space-8);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-secondary);text-wrap:pretty}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-8)}.hero-foot{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border);text-align:left;font-size:var(--text-sm)}.hero-based{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);color:var(--text-secondary)}.hero-availability{color:var(--text-muted)}.hero-status-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #2f8f5b29;animation:status-pulse 2.6s var(--ease-out) infinite}@keyframes status-pulse{0%,to{box-shadow:0 0 0 3px #2f8f5b29}50%{box-shadow:0 0 0 6px #2f8f5b0d}}.hero-stack{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);list-style:none;margin:0;padding:0}.hero-stack li{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);color:var(--text-secondary);padding:4px var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-1)}.hero-links{display:flex;justify-content:flex-end;gap:var(--space-5);list-style:none;margin:0;padding:0}.hero-links a{display:inline-flex;align-items:center;gap:2px;color:var(--text-primary);font-weight:500;text-decoration:none}.hero-links a:hover{text-decoration:underline;text-underline-offset:4px}.hero-link-arrow{font-size:var(--text-xs);transform:translateY(1px);transition:transform var(--dur-base) var(--ease-out)}.hero-links a:hover .hero-link-arrow{transform:translate(2px,-1px)}.fan{display:flex;flex-direction:column;gap:var(--space-8)}.fan-deck{--fan-card-w: clamp(150px, 15vw, 210px);--fan-card-h: calc(var(--fan-card-w) * 1.28);--fan-spread: 9deg;--fan-step: .52;position:relative;list-style:none;margin:0;padding:0;height:calc(var(--fan-card-h) + 110px);display:flex;justify-content:center}.fan-slot{--fan-c: calc(var(--fan-i) - (var(--fan-count) - 1) / 2);position:absolute;bottom:56px;left:50%;width:var(--fan-card-w);height:var(--fan-card-h);margin-left:calc(var(--fan-card-w) / -2);transform-origin:50% 240%;transform:translate(calc(var(--fan-c) * var(--fan-card-w) * var(--fan-step))) rotate(calc(var(--fan-c) * var(--fan-spread)));transition:transform .36s var(--ease-snap),z-index 0s;z-index:calc(var(--fan-i) + 1)}.fan-slot:hover,.fan-slot:focus-within{z-index:20;transform:translate(calc(var(--fan-c) * var(--fan-card-w) * var(--fan-step))) translateY(-18px) rotate(calc(var(--fan-c) * var(--fan-spread) * .5)) scale(1.04)}.fan-card{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-4);border:1px solid rgba(17,17,17,.08);border-radius:18px;background:var(--fan-tone);text-align:left;cursor:pointer;box-shadow:0 1px #ffffff59 inset,var(--shadow-md);transition:box-shadow .36s var(--ease-snap)}.fan-slot:hover .fan-card,.fan-slot:focus-within .fan-card{box-shadow:0 1px #ffffff59 inset,var(--shadow-lg)}.fan-card[data-ink=light]{color:#f6f6f3}.fan-card[data-ink=dark]{color:var(--ink)}.fan-card-index,.fan-card-cmd{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);opacity:.72}.fan-card-body{display:flex;flex-direction:column;gap:var(--space-2)}.fan-card-title{font-size:var(--text-lg);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}.fan-card-helper{font-size:var(--text-xs);line-height:var(--leading-snug);opacity:.8}.sites{display:flex;flex-direction:column;gap:var(--space-8)}.sites-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(var(--space-5),3vw,var(--space-8));list-style:none;margin:0;padding:0}.site-slot{min-width:0}.site-card{display:flex;flex-direction:column;height:100%;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-1);overflow:hidden;box-shadow:var(--shadow-sm);color:var(--text-primary);text-decoration:none}.site-card:hover{text-decoration:none}.site-chrome{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface-2)}.site-dots{display:inline-flex;gap:6px;flex:0 0 auto}.site-dots span{width:10px;height:10px;border-radius:50%;background:var(--border-stronger)}.site-url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px var(--space-3);border-radius:var(--radius-pill);background:var(--surface-0);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-muted)}.site-shot{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--site-tone, var(--surface-2))}.site-shot img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.site-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:#ffffffe6;background:var(--site-tone, var(--ink))}.site-open{position:absolute;right:var(--space-3);bottom:var(--space-3);z-index:1;padding:6px var(--space-3);border-radius:var(--radius-pill);background:var(--ink);color:#fff;font-size:var(--text-2xs);font-weight:500}.site-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-4)}.site-name{font-size:var(--text-md);font-weight:700;letter-spacing:var(--tracking-tight)}.site-tag{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}.site-dot{width:3px;height:3px;border-radius:50%;background:var(--accent)}.zigzag{height:14px;background:linear-gradient(135deg,var(--ink) 25%,transparent 25%) 0 0 / 14px 14px,linear-gradient(225deg,var(--ink) 25%,transparent 25%) 0 0 / 14px 14px;background-repeat:repeat-x;opacity:.9}.stage{display:flex;flex-direction:column;gap:var(--space-4);scroll-margin-top:104px}.stage-frame{position:relative;padding-top:64px}.device{padding:10px;border-radius:28px;background:var(--ink);box-shadow:var(--shadow-lg);height:clamp(480px,74vh,var(--terminal-max-height))}.device .terminal{height:100%;max-height:none;border-radius:20px;border-color:#94add229}.stage-note{position:absolute;right:4%;top:4px;z-index:2;display:flex;align-items:flex-start;gap:var(--space-1);font-family:var(--font-hand);font-size:1.45rem;line-height:1.1;color:var(--ink);transform:rotate(-4deg);pointer-events:none}.stage-note code{font-family:var(--font-mono);font-size:.72em;padding:1px 6px;border:1px solid var(--border-stronger);border-radius:6px;background:var(--surface-1);vertical-align:middle}.stage-note-arrow{width:56px;height:42px;margin-top:14px}.footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-muted)}.footer-copy{color:var(--text-muted)}.footer-links{display:flex;justify-content:flex-end;gap:var(--space-5);list-style:none;margin:0;padding:0}.footer-links a{color:var(--text-secondary)}.footer-links a:hover{color:var(--text-primary)}@media (max-width: 1080px){.fan-deck{--fan-spread: 9deg}}@media (max-width: 880px){.app{padding:var(--space-4) var(--space-4) var(--space-8)}.app-shell{gap:var(--space-8)}.hero{min-height:calc(100svh - var(--space-6));padding-top:clamp(var(--space-8),8vh,80px)}.sheet{padding-left:var(--space-4);padding-right:var(--space-4);border-radius:22px 22px 0 0}.hero-title-solid,.hero-title-outline{white-space:normal}.hero-foot{grid-template-columns:1fr;justify-items:center;text-align:center;gap:var(--space-4)}.hero-links{justify-content:center}.sites-grid{grid-template-columns:minmax(0,1fr)}.fan-deck{--fan-card-w: 168px;height:auto;display:flex;justify-content:flex-start;gap:var(--space-3);overflow-x:auto;padding:var(--space-2) var(--space-1) var(--space-4);scroll-snap-type:x mandatory;scrollbar-width:none}.fan-deck::-webkit-scrollbar{display:none}.fan-slot{position:static;flex:0 0 var(--fan-card-w);margin-left:0;transform:none;scroll-snap-align:start}.fan-slot:hover,.fan-slot:focus-within{transform:translateY(-4px)}.device{height:min(78vh,640px);padding:7px;border-radius:22px}.device .terminal{border-radius:16px}.stage-note{right:2%;top:8px;font-size:1.25rem}.footer{flex-direction:column;text-align:center;gap:var(--space-3)}.footer-links{justify-content:center}}@media (max-width: 420px){.app{padding:var(--space-3) var(--space-3) var(--space-6)}.hero-title-pixel{letter-spacing:.12em}.hero-stack li{font-size:10px}.btn{flex:1 1 100%}}.nav{position:sticky;top:var(--space-4);z-index:30;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);container-type:inline-size;container-name:navbar}.nav-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"sigil tabs actions";align-items:center;column-gap:var(--space-2);row-gap:var(--space-2);width:min(100%,1280px);padding:6px 6px 6px var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-glass);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);box-shadow:var(--shadow-md)}.nav-sigil{grid-area:sigil;display:inline-flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3) 0 var(--space-1);border:none;background:transparent;font-weight:800;font-size:var(--text-md);letter-spacing:-.04em;color:var(--ink);cursor:pointer}.nav-logo{height:30px;width:30px;object-fit:contain;padding:4px;border-radius:8px;background:var(--ink);display:block;transition:transform .24s var(--ease-back)}.nav-sigil:hover .nav-logo{transform:rotate(-6deg) scale(1.06)}.nav-tabs{grid-area:tabs;position:relative;display:flex;flex-wrap:nowrap;align-items:center;align-content:center;justify-content:center;column-gap:2px;row-gap:4px;min-width:0}.nav-tab{position:relative;z-index:1;flex:0 0 auto;border:1px solid transparent;background:transparent;border-radius:var(--radius-pill);padding:var(--space-2) 8px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;line-height:1.25;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out)}.nav-tab:hover,.nav-tab:focus-visible{color:var(--text-primary)}.nav-tab[data-active]{color:#fff}.nav-indicator,.nav-hover{position:absolute;top:0;left:0;z-index:0;pointer-events:none;border-radius:var(--radius-pill);opacity:0}.nav-indicator{width:var(--ind-w, 0);height:var(--ind-h, 0);transform:translate3d(var(--ind-x, 0),var(--ind-y, 0),0);background:var(--ink);box-shadow:0 6px 16px -10px #111111b3}.nav-hover{width:var(--hov-w, 0);height:var(--hov-h, 0);transform:translate3d(var(--hov-x, 0),var(--hov-y, 0),0);background:var(--interactive-dim)}.nav-indicator[data-visible],.nav-hover[data-visible]{opacity:1}.nav-indicator[data-armed]{transition:transform .28s var(--ease-snap),width .28s var(--ease-snap),height .28s var(--ease-snap),opacity var(--dur-fast) linear}.nav-tabs[data-ready] .nav-hover{transition:transform .19s var(--ease-snap),width .19s var(--ease-snap),height .19s var(--ease-snap),opacity var(--dur-fast) linear}.nav-actions{grid-area:actions;display:flex;align-items:center;gap:var(--space-2);min-width:0}.nav-lang{display:inline-flex;flex:0 0 auto;gap:var(--space-1);padding:0 var(--space-2)}.nav-lang-option{border:none;background:transparent;padding:4px 4px 2px;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wide);color:var(--text-muted);border-bottom:1.5px solid transparent;cursor:pointer;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.nav-lang-option:hover{color:var(--text-primary)}.nav-lang-option[data-active]{color:var(--text-primary);border-bottom-color:var(--ink)}.nav-command-bar{view-transition-name:command-surface;display:inline-flex;align-items:center;gap:var(--space-2);height:36px;min-width:0;padding:0 var(--space-2) 0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-1);color:var(--text-muted);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.nav-command-bar:hover{color:var(--text-primary);border-color:var(--ink)}.nav-command-bar-icon{color:var(--accent);font-family:var(--font-mono);line-height:1}.nav-command-bar-label,.nav-command-bar-label-short{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-command-bar-label-short{display:none}.nav-kbd,.kbd{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;background:var(--surface-2);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-secondary)}.nav-cta{flex:0 0 auto;height:36px;padding:0 var(--space-4);border:1px solid var(--ink);border-radius:var(--radius-pill);background:var(--ink);color:#fff;font-size:var(--text-sm);font-weight:500;white-space:nowrap;cursor:pointer;transition:background var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.nav-cta:hover{background:var(--ink-soft)}.nav-cta:active{transform:translateY(1px)}.nav-burger{display:none;flex:0 0 auto;width:40px;height:36px;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-1);cursor:pointer}.nav-burger-box{position:relative;width:18px;height:12px}.nav-burger-line{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:var(--ink);transition:transform .24s var(--ease-snap),opacity .14s var(--ease-out)}.nav-burger-line:nth-child(1){top:0}.nav-burger-line:nth-child(2){top:5px}.nav-burger-line:nth-child(3){top:10px}.nav[data-menu-open] .nav-burger-line:nth-child(1){transform:translateY(5px) rotate(45deg)}.nav[data-menu-open] .nav-burger-line:nth-child(2){opacity:0}.nav[data-menu-open] .nav-burger-line:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.nav-menu-cta{display:none}.nav-status{display:inline-flex;align-items:baseline;gap:var(--space-2);max-width:min(100%,720px);min-height:24px;padding:3px var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-glass);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-muted);overflow:hidden}.nav-status-dollar,.nav-status-cmd{color:var(--text-primary)}.nav-status-sep{color:var(--text-disabled)}.nav-status-text,.nav-status-idle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-sans);color:var(--text-muted)}.nav-status-tips{display:flex;gap:var(--space-3);padding-left:var(--space-3);border-left:1px solid var(--border-strong);color:var(--text-muted);white-space:nowrap}.nav-status-tips b{font-weight:500;color:var(--text-secondary)}.nav[data-busy] .nav-status-cmd{color:var(--accent)}@container navbar (max-width: 1280px){.nav-command-bar-label{display:none}.nav-command-bar-label-short{display:block}}@container navbar (max-width: 1120px){.nav-command-bar-label-short{display:none}}@container navbar (max-width: 1040px){.nav-bar{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"sigil actions" "tabs tabs";border-radius:var(--radius-xl);padding:var(--space-2)}.nav-actions{justify-content:flex-end}.nav-tabs{padding-top:var(--space-2);border-top:1px solid var(--border)}.nav-command-bar-label-short{display:block}.nav-status-tips{display:none}}@container navbar (max-width: 720px){.nav-bar{position:relative;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"sigil actions";border-radius:var(--radius-pill);padding:6px 6px 6px var(--space-3)}.nav-actions{justify-content:flex-end}.nav-burger{display:inline-flex}.nav-command-bar,.nav-cta,.nav-status{display:none}.nav-tabs{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top center;pointer-events:none;transition:opacity .18s var(--ease-out),transform .22s var(--ease-snap);z-index:5}.nav[data-menu-open] .nav-tabs{opacity:1;transform:none;pointer-events:auto}.nav-tab{min-width:0;padding:var(--space-3);text-align:center;border-radius:var(--radius);background:var(--surface-2);overflow:hidden;text-overflow:ellipsis}.nav-tab[data-active]{background:var(--ink)}.nav-indicator,.nav-hover{display:none}.nav-menu-cta{display:block;grid-column:1 / -1;margin-top:4px;padding:var(--space-3);border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:#fff;font-weight:500;cursor:pointer}}@media (max-width: 880px){.nav{position:static}}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--surface-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:flex-start;padding:clamp(var(--space-6),11vh,130px) var(--space-4) var(--space-4);animation:palette-fade var(--dur-base) var(--ease-out)}@keyframes palette-fade{0%{opacity:0}to{opacity:1}}.palette{view-transition-name:command-surface;width:min(620px,100%);max-height:min(66vh,520px);display:flex;flex-direction:column;border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--surface-3);box-shadow:var(--shadow-lg);overflow:hidden}@supports not (view-transition-name: none){.palette{animation:palette-rise var(--dur-slow) var(--ease-snap)}}@keyframes palette-rise{0%{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}::view-transition-old(command-surface),::view-transition-new(command-surface){animation-duration:.26s;animation-timing-function:cubic-bezier(.32,.72,0,1)}::view-transition-old(command-surface){animation-name:surface-fade-out}::view-transition-new(command-surface){animation-name:surface-fade-in}@keyframes surface-fade-out{to{opacity:0}}@keyframes surface-fade-in{0%{opacity:0}}.palette-search{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border)}.palette-search-icon{color:var(--accent);font-family:var(--font-mono);font-size:var(--text-md);line-height:1}.palette-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-md)}.palette-input::placeholder{color:var(--text-muted)}.palette-list{flex:1;min-height:0;overflow-y:auto;padding:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--border-stronger) transparent}.palette-list::-webkit-scrollbar{width:8px}.palette-list::-webkit-scrollbar-thumb{background:var(--border-stronger);border-radius:var(--radius-pill)}.palette-section+.palette-section{margin-top:var(--space-3)}.palette-section-label{padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted)}.palette-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-3);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.palette-item[data-active=true]{background:color-mix(in oklab,var(--text-primary) 6%,transparent);border-color:var(--border-strong)}.palette-item-label{font-size:var(--text-base);color:var(--text-primary)}.palette-item-helper{font-size:var(--text-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-item-command{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--accent);opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.palette-item[data-active=true] .palette-item-command{opacity:1}.palette-empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.palette-footer{display:flex;gap:var(--space-5);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:color-mix(in oklab,#000 22%,transparent);font-size:var(--text-2xs);color:var(--text-muted)}.palette-footer span{display:inline-flex;align-items:center;gap:var(--space-2)}.palette-kbd{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;background:color-mix(in oklab,var(--text-primary) 5%,transparent);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-secondary)}@media (max-width: 880px){.palette-overlay{padding:var(--space-4) var(--space-3);align-items:flex-end}.palette{max-height:78vh}.palette-item{grid-template-columns:minmax(0,1fr) auto}.palette-item-helper,.palette-footer{display:none}}.terminal{position:relative;isolation:isolate;width:100%;height:100%;min-height:360px;max-height:var(--terminal-max-height);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-2),var(--surface-1));box-shadow:var(--shadow-md);font-family:var(--font-mono)}.terminal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.028),rgba(255,255,255,.028) 1px,transparent 1px,transparent 3px);opacity:.5;pointer-events:none;mix-blend-mode:screen;z-index:2}.terminal-header,.terminal-body{position:relative;z-index:1}.terminal-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:#ffffff04}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.title{position:absolute;left:50%;transform:translate(-50%);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide)}.terminal-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-4)}.output{flex:1;min-height:0;overflow-y:auto;padding-right:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--border-stronger) transparent}.output::-webkit-scrollbar{width:8px}.output::-webkit-scrollbar-thumb{background:var(--border-stronger);border-radius:var(--radius-pill)}.output::-webkit-scrollbar-track{background:transparent}.line{margin-bottom:var(--space-1);min-height:1.5em;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-primary);overflow-wrap:break-word}.line.muted{color:var(--text-muted)}.line.warning{color:var(--warning)}.line.accent{color:var(--accent)}.line.success{color:var(--success)}.line.info{color:var(--interactive)}.line-heading{display:block;margin:var(--space-2) 0 var(--space-1);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted)}.line-cmd{color:var(--accent)}.cmd-link{flex:0 0 auto;padding:0;border:none;background:none;font:inherit;font-family:var(--font-mono);color:var(--accent);cursor:pointer;text-decoration:underline dotted color-mix(in oklab,var(--accent) 45%,transparent);text-underline-offset:3px;transition:color var(--dur-fast) var(--ease-out),text-decoration-color var(--dur-fast) var(--ease-out)}.cmd-link:hover,.cmd-link:focus-visible{color:var(--accent-strong);text-decoration-color:var(--accent)}.cmd-link:active{color:var(--text-primary)}.line-sep{margin:0 var(--space-2);color:var(--text-muted)}.doc-index{display:inline-block;min-width:1.5em;color:var(--accent)}.doc-label{color:var(--text-primary);font-weight:500}.line-dash{display:inline-block;flex:1;margin:0 var(--space-3);border-bottom:1px dashed var(--border);transform:translateY(-4px)}.line-desc{color:var(--text-secondary)}.line:has(.line-dash){display:flex;align-items:baseline}.line:has(.bullet-mark){display:grid;grid-template-columns:14px minmax(0,1fr);gap:var(--space-2);align-items:baseline}.bullet-mark{color:var(--accent);font-size:.7em}.bullet-text{color:var(--text-secondary)}.project-name{color:var(--text-primary);font-weight:500}.project-year{margin-left:var(--space-3);color:var(--text-muted);font-size:var(--text-2xs)}.project-stack{color:var(--text-muted);font-size:var(--text-xs)}.project-links{margin-left:var(--space-3);font-size:var(--text-xs)}.command-text{color:var(--text-secondary)}.kbd{margin:0 2px}.neofetch{display:flex;gap:var(--space-5);align-items:center;padding:var(--space-2) 0}.neofetch-art{margin:0;color:var(--accent);font-size:var(--text-2xs);line-height:1.15}.neofetch-rows{display:grid;grid-template-columns:auto 1fr;gap:2px var(--space-4);font-size:var(--text-xs)}.neofetch-key{color:var(--accent)}.neofetch-value{color:var(--text-secondary)}.input-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:#00000047;transition:border-color var(--dur-base) var(--ease-out)}.input-row:focus-within{border-color:var(--accent-glow)}.input-row.is-disabled{opacity:.5}.prompt{color:var(--accent);white-space:nowrap;font-weight:500;font-size:var(--text-sm)}.prompt-short{display:none}.input-wrap{position:relative;flex:1;min-width:0}.input-mirror{position:absolute;left:0;top:50%;transform:translateY(-50%);white-space:pre;visibility:hidden;font:inherit;letter-spacing:inherit}.input-ghost{position:absolute;left:0;top:50%;transform:translateY(-50%);white-space:pre;pointer-events:none;font:inherit;font-size:var(--text-sm)}.input-ghost-typed{visibility:hidden}.input-ghost-rest{color:var(--text-disabled)}.input-caret{position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:1.15em;border-radius:1px;background:var(--accent);box-shadow:0 0 8px var(--accent-glow);pointer-events:none;animation:caret-blink 1.1s steps(1) infinite}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.input-row.is-typing .input-caret{opacity:.35;animation:none}#command-input{position:relative;width:100%;background:transparent;border:none;outline:none;font:inherit;font-size:var(--text-sm);color:var(--text-primary);caret-color:transparent}#command-input::selection{background:var(--accent-dim)}#command-input:disabled{cursor:not-allowed}.ai-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--surface-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.ai-popup{position:relative;width:min(760px,100%);height:min(680px,100%);display:flex;flex-direction:column;border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--surface-2);box-shadow:var(--shadow-lg);overflow:hidden}.ai-popup-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--border);font-size:var(--text-base)}.ai-popup-actions{display:inline-flex;align-items:center;gap:var(--space-2)}.ai-refresh,.ai-close,.ai-upload-button,.ai-clear-pdf{border:1px solid var(--border-strong);background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.ai-refresh:hover,.ai-upload-button:hover{background:#ffffff0d;color:var(--text-primary)}.ai-close{border-color:#f98a8a52;color:var(--danger)}.ai-close:hover{background:#f98a8a1f}.ai-clear-pdf:disabled{opacity:.5;cursor:not-allowed}.ai-upload-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.ai-upload-row input[type=file]{display:none}.ai-upload-count{color:var(--text-muted);font-size:var(--text-xs);font-family:var(--font-mono)}.ai-upload-count+.ai-upload-count{margin-left:auto}.ai-import-message{padding:0 var(--space-4) var(--space-2);color:var(--text-muted);font-size:var(--text-xs)}.ai-popup-feed{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);scrollbar-width:thin}.ai-message{border-radius:var(--radius);border:1px solid var(--border);padding:var(--space-3);background:var(--surface-1)}.ai-message.user{align-self:flex-end;background:var(--accent-dim);border-color:var(--accent-glow);width:min(92%,fit-content)}.ai-role{display:inline-block;margin-bottom:var(--space-1);color:var(--text-muted);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ai-message p{line-height:var(--leading-snug);font-size:var(--text-sm)}.ai-loading{color:var(--text-muted);font-size:var(--text-sm)}.ai-popup-input-row{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--border)}.ai-popup-input-row input{width:100%;background:#0000004d;border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-sm);outline:none}.ai-popup-input-row input:focus{border-color:var(--accent-glow)}.ai-popup-input-row button{border:1px solid var(--accent-glow);color:var(--accent);background:var(--accent-dim);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);cursor:pointer}.ai-popup-input-row button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 880px){.terminal{height:clamp(340px,58dvh,520px);min-height:0;max-height:none}.terminal-body{padding:var(--space-4);gap:var(--space-3)}.prompt-full{display:none}.prompt-short{display:inline}.input-row{padding:var(--space-3);gap:var(--space-2)}.neofetch-art{display:none}.ai-popup-overlay{padding:0}.ai-popup{width:100%;height:100%;border-radius:0;border:none}.ai-popup-input-row{grid-template-columns:minmax(0,1fr)}}@media (max-height: 540px) and (max-width: 960px){.terminal{height:clamp(260px,74dvh,440px);min-height:0;max-height:none}}@media (max-width: 420px){.terminal-body{padding:var(--space-3)}.line{font-size:var(--text-xs)}}:root{--ease-expo: cubic-bezier(.16, 1, .3, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--intro-base: .12s}.progress{position:fixed;top:0;left:0;z-index:60;width:100%;height:2px;background:var(--accent);transform-origin:0 50%;transform:scaleX(var(--scroll, 0));pointer-events:none}@keyframes rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes nav-drop{0%{opacity:0;transform:translateY(-26px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes char-rise{0%{opacity:0;transform:translateY(110%) rotate(6deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes char-type{0%{opacity:0;transform:translateY(.25em)}to{opacity:1;transform:translateY(0)}}.nav{animation:nav-drop .8s var(--ease-expo) both}.nav-status{animation:rise-in .7s var(--ease-expo) both;animation-delay:.42s}.hero-intro,.hero-tagline,.hero-actions,.hero-foot{animation:rise-in .9s var(--ease-expo) both;animation-delay:calc(var(--intro-base) + var(--d, 0) * .16s + .52s)}.hero-intro{animation-delay:var(--intro-base)}.hero-title-line{display:block;overflow:hidden;padding:.04em .06em .08em;margin:-.04em -.06em -.08em}.hero-title .char{display:inline-block;transform-origin:50% 100%;will-change:transform,opacity}.hero-title-pixel .char{animation:char-type 10ms steps(1) both;animation-delay:calc(var(--intro-base) + .26s + var(--i) * 42ms)}.hero-title-solid .char,.hero-title-outline .char{animation:char-rise .9s var(--ease-expo) both;animation-delay:calc(var(--intro-base) + .56s + var(--i) * 26ms)}.section-rule{transform:scaleX(0);transform-origin:0 50%;transition:transform 1.1s var(--ease-expo) .12s}[data-inview] .section-rule{transform:scaleX(1)}.fan-head,.sites-head,.stage-head{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease-expo),transform .7s var(--ease-expo)}[data-inview] .fan-head,[data-inview] .sites-head,[data-inview] .stage-head{opacity:1;transform:none}.fan:not([data-inview]) .fan-slot{opacity:0;transform:translate(0) translateY(60px) rotate(0) scale(.9)}.fan-slot{transition:transform .9s var(--ease-expo) calc(var(--fan-i) * 70ms),opacity .6s var(--ease-out) calc(var(--fan-i) * 70ms),z-index 0s}.fan[data-inview] .fan-slot:hover,.fan[data-inview] .fan-slot:focus-within{transition-delay:0s;transition-duration:.38s}.fan-card{position:relative;overflow:hidden;transform:perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .26s var(--ease-out),box-shadow .36s var(--ease-snap);transform-style:preserve-3d}.fan-card-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at var(--shine-x, 50%) var(--shine-y, 50%),rgba(255,255,255,.28),transparent 46%);opacity:0;transition:opacity .3s var(--ease-out);pointer-events:none}.fan-slot:hover .fan-card-shine{opacity:1}.fan-card-index,.fan-card-body,.fan-card-cmd{position:relative;transform:translateZ(1px)}.fan-card-cmd{opacity:.55;transform:translateY(4px);transition:opacity .26s var(--ease-out),transform .26s var(--ease-out)}.fan-slot:hover .fan-card-cmd,.fan-slot:focus-within .fan-card-cmd{opacity:1;transform:translateY(0)}.site-slot{opacity:0;transform:translateY(34px);transition:opacity .7s var(--ease-expo) calc(var(--stagger, 0) * 90ms),transform .8s var(--ease-expo) calc(var(--stagger, 0) * 90ms)}.site-slot[data-inview]{opacity:1;transform:none}.site-card{transition:transform .4s var(--ease-expo),box-shadow .4s var(--ease-expo),border-color .4s var(--ease-expo)}.site-card:hover{transform:translateY(-6px);border-color:var(--ink);box-shadow:var(--shadow-lg)}.site-shot img{transition:transform .8s var(--ease-expo)}.site-card:hover .site-shot img{transform:scale(1.05)}.site-open{opacity:0;transform:translateY(8px);transition:opacity .3s var(--ease-out),transform .3s var(--ease-expo)}.site-card:hover .site-open,.site-card:focus-visible .site-open{opacity:1;transform:translateY(0)}.site-card:hover .site-dots span:nth-child(1){background:#ff5f57}.site-card:hover .site-dots span:nth-child(2){background:#febc2e}.site-card:hover .site-dots span:nth-child(3){background:#28c840}.site-dots span{transition:background .3s var(--ease-out)}@keyframes zig-slide{to{background-position:14px 0,14px 0}}.zigzag{animation:zig-slide 1.6s linear infinite}.device{opacity:0;transform:translateY(40px) scale(.965);transition:opacity .9s var(--ease-expo),transform 1.1s var(--ease-expo)}[data-inview] .device{opacity:1;transform:none}.stage-note{opacity:0;transform:rotate(-10deg) translateY(10px) scale(.9);transition:opacity .5s var(--ease-out) .5s,transform .7s var(--ease-back) .5s}[data-inview] .stage-note{opacity:1;transform:rotate(-4deg) translateY(0) scale(1)}.stage-note-arrow path{stroke-dasharray:120;stroke-dashoffset:120;transition:stroke-dashoffset .9s var(--ease-expo) .9s}.stage-note-arrow path:last-child{transition-delay:1.5s;transition-duration:.4s}[data-inview] .stage-note-arrow path{stroke-dashoffset:0}.footer{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease-expo),transform .8s var(--ease-expo)}.footer[data-inview]{opacity:1;transform:none}[data-magnetic]{transform:translate(var(--mag-x, 0px),var(--mag-y, 0px));transition:transform .26s var(--ease-out),background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.btn:active{transform:translate(var(--mag-x, 0px),calc(var(--mag-y, 0px) + 1px)) scale(.985)}.btn{position:relative;overflow:hidden}.btn-label,.btn-arrow{display:inline-block;transition:transform .36s var(--ease-expo)}.btn:hover .btn-arrow{transform:translate(3px,-3px)}.btn-outline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);transform:translateY(101%);transition:transform .42s var(--ease-expo);z-index:-1}.btn-outline{isolation:isolate}.btn-outline:hover{color:#fff;background:transparent}.btn-outline:hover:before{transform:translateY(0)}.hero-links a,.footer-links a{position:relative}.hero-links a:after,.footer-links a:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:100% 50%;transition:transform .36s var(--ease-expo)}.hero-links a:hover,.footer-links a:hover{text-decoration:none}.hero-links a:hover:after,.footer-links a:hover:after{transform:scaleX(1);transform-origin:0 50%}.hero-stack li{transition:transform .3s var(--ease-back),border-color .2s var(--ease-out),background .2s var(--ease-out)}.hero-stack li:hover{transform:translateY(-3px);border-color:var(--ink)}.nav-bar{transition:padding .36s var(--ease-expo),box-shadow .36s var(--ease-expo),background .36s var(--ease-expo),transform .36s var(--ease-expo)}:root[data-scrolled] .nav-bar{padding-top:4px;padding-bottom:4px;box-shadow:var(--shadow-lg);background:#ffffffeb}.nav-tab{transition:color var(--dur-fast) var(--ease-out),transform .24s var(--ease-back)}.nav-tab:hover{transform:translateY(-1px)}@keyframes status-swap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.nav-status-swap{display:inline-flex;align-items:baseline;gap:var(--space-2);min-width:0;animation:status-swap .32s var(--ease-expo) both}.nav-command-bar-icon{display:inline-block;transition:transform .24s var(--ease-back)}.nav-command-bar:hover .nav-command-bar-icon{transform:translate(3px)}@media (hover: none){.fan-card{transform:none}}@keyframes marquee{to{transform:translate(-50%)}}.marquee{overflow:hidden;padding:var(--space-4) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 42s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{display:inline-flex;align-items:center;gap:var(--space-8);padding-right:var(--space-8);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;white-space:nowrap;color:var(--text-secondary)}.marquee-item:after{content:"✳";color:var(--accent);font-size:.8em}@media (max-width: 880px){.marquee{margin-top:0}.marquee-track{animation-duration:28s}.fan:not([data-inview]) .fan-slot{transform:translate(32px)}.hero-title{transform:none}}