*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--black:#0a0a0a;--dark:#111111;--surface:#1a1a1a;--surface-light:#242424;--border:#2a2a2a;--border-light:#3a3a3a;--text:#ffffff;--text-secondary:#b0b0b0;--text-muted:#999999;--lime:#c8ff00;--lime-dim:#a8d900;--purple:#a855f7;--purple-light:#c084fc;--orange:#ff6b35;--orange-light:#ff8c5a;--cyan:#22d3ee;--pink:#ff3366;--accent:var(--lime);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--ease-out-cubic:cubic-bezier(0.33,1,0.68,1)}html{scroll-behavior:auto;overflow-x:clip}body{background:var(--black);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;font-weight:400;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::selection{background:var(--accent);color:var(--black)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:5px;border:2px solid var(--black)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}h1,h2,h3,h4,h5,h6{font-family:'Syne',system-ui,sans-serif;font-weight:700;line-height:1.1;letter-spacing:-0.03em}code{font-family:'JetBrains Mono',monospace;font-size:0.85em;background:var(--surface);padding:0.15em 0.4em;border-radius:4px}.showcase-shell{display:grid;width:min(100%,1040px);min-height:100svh;margin:0 auto;padding:clamp(1rem,3vw,2rem);align-content:center}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.showcase-prompt{display:flex;align-items:center;gap:0.55rem;color:var(--text-muted);font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:0.08em;line-height:1.35;text-transform:uppercase}.showcase-prompt strong{color:var(--text);font-weight:600}.showcase-prompt__dot{flex:0 0 auto;width:0.42rem;height:0.42rem;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}.showcase-stage{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:1.125rem 2.25rem;font-family:'Space Grotesk',system-ui,sans-serif;font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;border:1px solid var(--text);background:transparent;color:var(--text);border-radius:100px;cursor:pointer;transition:all 0.3s var(--ease-out-expo)}.btn:hover{background:var(--text);color:var(--black);transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,255,255,0.1)}.btn:focus-visible{background:var(--text);color:var(--black);transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,255,255,0.1);outline:2px solid var(--accent);outline-offset:4px}.btn--filled{background:var(--accent);color:var(--black);border-color:var(--accent)}.btn--filled:hover,.btn--filled:focus-visible{background:var(--text);border-color:var(--text);box-shadow:0 10px 30px rgba(200,255,0,0.3)}.card{padding:2.5rem;background:var(--surface-light);border:1px solid var(--border);border-radius:20px;transition:all 0.4s var(--ease-out-expo)}.card:hover,.card:focus-visible{border-color:var(--border-light);box-shadow:0 20px 60px rgba(0,0,0,0.4)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.label{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.15em;color:var(--accent)}@media (max-width:768px){.showcase-shell{padding:1rem;align-content:start}.showcase-toolbar{align-items:flex-start;flex-direction:column;margin-bottom:0.8rem}.showcase-prompt span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.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}.showcase-shell{display:block;position:relative;width:100%;max-width:none;height:100svh;min-height:0;margin:0;padding:0;overflow:hidden}.showcase-toolbar{position:absolute;z-index:3;top:0;left:0;width:100%;margin:0;padding:clamp(0.9rem,2.4vw,1.5rem) clamp(1rem,3vw,2rem);pointer-events:none}.showcase-toolbar > *{pointer-events:auto}.showcase-stage{position:absolute;inset:0}.ribbon{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 46%,#17171d 0%,#0a0a0c 62%,#050506 100%);overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}.ribbon:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.ribbon.is-live{cursor:grab}.ribbon.is-dragging{cursor:grabbing}.ribbon__canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.ribbon__chrome{position:absolute;z-index:2;left:50%;bottom:clamp(1.1rem,3.4vh,2.2rem);transform:translateX(-50%);display:grid;justify-items:center;gap:0.15rem;color:#fff;mix-blend-mode:exclusion;pointer-events:none;text-align:center}.ribbon__count{font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:0.18em;opacity:0.65}.ribbon__label{font-family:'Syne',system-ui,sans-serif;font-size:clamp(1.1rem,3.4vw,1.65rem);font-weight:700;letter-spacing:-0.02em}.ribbon__slides{position:absolute;inset:0;z-index:1;display:flex;align-items:center;gap:1rem;margin:0;padding:0 1rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory}.ribbon.is-live .ribbon__slides{display:none}.gl .ribbon__slides{visibility:hidden}.ribbon__slides li{flex:0 0 auto;scroll-snap-align:center}.ribbon__slides img{display:block;width:min(78vw,88vh);height:auto;-webkit-user-drag:none}@media (max-width:768px){.showcase-toolbar{padding:0.9rem 1rem}.ribbon__chrome{bottom:clamp(4.2rem,12vh,6rem)}}