.split-container:before{content:"";position:absolute;background-image:linear-gradient(var(--color-mist)1px,transparent 1px),linear-gradient(90deg,var(--color-mist)1px,transparent 1px);opacity:.3;pointer-events:none;background-size:20px 20px;inset:0}.split-container:after{content:"← Drag →";position:absolute;letter-spacing:.1em;text-transform:uppercase;color:var(--color-ash);background:var(--color-paper);opacity:.8;z-index:10;border-radius:4px;padding:4px 12px;transition:opacity .3s;font-size:.625rem;font-weight:600;bottom:12px;left:50%;transform:translate(-50%)}.split-container:hover:after{opacity:0}.split-after .impeccable-card{box-shadow:0 10px 40px #00000014}@keyframes splitEntry{0%{opacity:0;transform:translate(-50%)skew(-10deg)scaleY(.8)}to{opacity:1;transform:translate(-50%)skew(-10deg)scaleY(1)}}.split-divider{animation:splitEntry .6s var(--ease-out).3s backwards}.split-label-item{transition:color var(--duration-fast)var(--ease-out);cursor:default}.split-label-item:hover{color:var(--color-text)}.split-label-item[data-point=after]:hover .split-label-dot--accent{transform:scale(1.3)}.split-label-dot{transition:transform var(--duration-fast)var(--ease-spring)}.split-badge{position:absolute;letter-spacing:.08em;text-transform:uppercase;z-index:5;pointer-events:none;border-radius:3px;padding:3px 8px;font-size:.625rem;font-weight:600;top:10px}.split-badge--before{color:var(--color-ash);background:var(--color-paper);border:1px solid var(--color-mist);left:10px}.split-badge--after{color:var(--color-paper);background:var(--color-accent);right:10px}@media (hover:none){.split-container:after{content:"← Swipe →"}}@media (max-width:600px){.split-label{padding:4px 10px;font-size:.5625rem}}.commands-section{position:relative;padding:var(--spacing-xl)0;background:var(--color-paper)}.commands-gallery{display:block}.magazine-spread[data-category=create]{--spread-accent:oklch(55% .2 340)}.magazine-spread[data-category=evaluate]{--spread-accent:oklch(55% .2 300)}.magazine-spread[data-category=refine]{--spread-accent:oklch(55% .18 260)}.magazine-spread[data-category=simplify]{--spread-accent:oklch(55% .2 80)}.magazine-spread[data-category=harden]{--spread-accent:oklch(55% .2 160)}.magazine-spread[data-category=system]{--spread-accent:oklch(45% .05 0)}.magazine-container{position:relative;display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-lg);overflow:hidden;align-items: start;width:100%}@media (min-width:1100px){.magazine-container{padding:var(--spacing-lg);background:#fff;border-radius:16px}}.fisheye-list{position:relative;overflow:hidden;mask-image:linear-gradient(#0000 0%,#000 10% 90%,#0000 100%);-webkit-mask-image:linear-gradient(#0000 0%,#000 10% 90%,#0000 100%);align-self: center;height:400px}.fisheye-scroll{overflow-y:auto;scrollbar-width:none;position:relative;height:100%}.fisheye-scroll::-webkit-scrollbar{display:none}.fisheye-item{display:block;font-family:var(--font-display);color:var(--color-ink);position:absolute;cursor:pointer;white-space:nowrap;text-align:left;transform-origin:left center;will-change:transform,opacity;background:0 0;border:none;width:100%;padding:0;font-size:1.5rem;font-weight:400;line-height:1.3;left:0}.fisheye-slash{color:var(--color-mist);font-weight:300}.fisheye-item.is-active{font-weight:600}.fisheye-item.is-active .fisheye-slash{color:var(--color-accent)}.fisheye-beta{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ash);border:1px solid var(--color-mist);vertical-align:middle;border-radius:3px;margin-left:.35em;padding:1px 4px;font-size:.45rem;font-weight:600}.magazine-viewport{position:relative;overflow:hidden;height:520px}.magazine-spread{position:absolute;display:grid;grid-template-columns:38% 1fr;grid-template-rows:1fr auto;gap:0 var(--spacing-2xl);padding:var(--spacing-lg)var(--spacing-lg);opacity:0;pointer-events:none;will-change:opacity,transform;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);inset:0;transform:translateY(16px)}.magazine-spread.active{opacity:1;pointer-events:auto;z-index:2;transform:translateY(0)}.magazine-spread.exiting{opacity:0;z-index:1;transform:translateY(-16px)}.spread-identity{grid-column:1;grid-row:1/3;display:flex;justify-content:center;gap:var(--spacing-md);padding-right:var(--spacing-lg);flex-direction:column}.spread-category-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:var(--spread-accent);font-size:.6875rem;font-weight:600}.spread-command-name{white-space:nowrap;font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.02em;margin:0;font-size:clamp(3rem,5.5vw,5.5rem);font-weight:600;line-height:.95}.spread-command-name .spread-slash{color:var(--spread-accent);font-weight:300}.spread-command-name .beta-badge{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--spread-accent);border:1px solid var(--spread-accent);vertical-align:super;border-radius:3px;margin-left:8px;padding:2px 6px;font-size:.55rem;font-weight:600}.spread-description{font-family:var(--font-body);color:var(--color-charcoal);max-width:360px;font-size:.9375rem;line-height:1.6}.spread-flow{display:flex;margin-top:var(--spacing-xs);white-space:nowrap;flex-wrap:nowrap;align-items: center;gap:6px}.spread-flow-label{font-family:var(--font-body);color:var(--color-ash);font-size:.75rem}.spread-flow-icon{color:var(--spread-accent);font-size:.8125rem;font-weight:600}.spread-flow-cmd{font-family:var(--font-mono);background:var(--color-mist);color:var(--color-ink);border-radius:3px;padding:2px 7px;font-size:.6875rem}.spread-demo-area{grid-column:2;grid-row:1/3;display:flex;overflow:hidden;flex-direction:column;min-height:0}.spread-demo-area .demo-split-comparison{display:flex;flex-direction:column;flex:1;height:100%;min-height:0}.spread-demo-area .demo-split-comparison .split-container{position:relative;overflow:hidden;cursor:ew-resize;user-select:none;background:var(--color-cream);flex:1;min-height:0}.spread-demo-area .demo-split-comparison .split-before,.spread-demo-area .demo-split-comparison .split-after{position:absolute;display:flex;padding:var(--spacing-md);justify-content:center;align-items: center;inset:0}.spread-demo-area .demo-split-comparison .split-before{z-index:1;background:var(--color-cream)}.spread-demo-area .demo-split-comparison .split-after{z-index:2;background:var(--color-paper);clip-path:polygon(58% 0%,100% 0%,100% 100%,42% 100%)}.spread-demo-area .demo-split-comparison .split-content{display:flex;flex-direction:column;justify-content:center;align-items: center;width:100%;max-width:320px}.spread-demo-area .demo-split-comparison .split-divider{position:absolute;background:var(--spread-accent,var(--color-accent));pointer-events:none;z-index:3;width:2px;top:0;bottom:0;left:50%;transform:translate(-50%)skew(-10deg);box-shadow:0 0 12px #0000001a}.spread-demo-area .demo-split-comparison .split-label{position:absolute;letter-spacing:.08em;text-transform:uppercase;color:var(--color-paper);background:var(--spread-accent,var(--color-accent));white-space:nowrap;border-radius:3px;padding:4px 10px;font-size:.5625rem;font-weight:600;top:50%;left:50%;transform:translate(-50%,-50%)skew(10deg)}.spread-demo-area .demo-split-comparison .demo-caption{color:var(--color-ash);text-align:center;padding:var(--spacing-sm)var(--spacing-md);flex-shrink:0;font-size:.75rem}.spread-demo-area .demo-container{display:flex;flex-direction:column;flex:1}.spread-demo-area .demo-container .demo-viewport{display:flex;background:0 0;flex:1;justify-content:center;align-items: center;max-width:420px;min-height:auto}.commands-container{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-2xl);align-items: start}@media (max-width:900px){.commands-container{grid-template-columns:1fr}}.command-manual{display:flex;gap:var(--spacing-sm);flex-direction:column;padding-bottom:20vh}.command-category-header{font-family:var(--font-display);color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;padding:var(--spacing-lg)var(--spacing-lg)var(--spacing-sm);margin-top:var(--spacing-md);border-bottom:1px solid var(--color-mist);font-size:.875rem;font-weight:600}.command-category-header:first-child{margin-top:0}.manual-entry{position:relative;padding:var(--spacing-lg);padding-left:calc(var(--spacing-lg) + 16px);border-left:2px solid var(--color-mist);transition:border-color .4s var(--ease-out),opacity .4s var(--ease-out),background .4s var(--ease-out),transform .4s var(--ease-out);opacity:.4;cursor:pointer;transform:translate(-16px)}.manual-entry:hover{opacity:.7}.manual-entry.active{border-left-color:var(--color-accent);opacity:1;background:linear-gradient(to right,var(--color-bg),transparent);transform:translate(0)}.manual-cmd-name{font-family:var(--font-mono);margin:0 0 var(--spacing-sm);color:var(--color-ink);font-size:1.5rem;font-weight:500}.beta-badge{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);border:1px solid var(--color-accent);vertical-align:middle;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:.55rem;font-weight:600}.manual-cmd-desc{color:var(--color-charcoal);margin:0;font-size:.875rem;line-height:1.5}.manual-cmd-rel{color:var(--color-ash);margin-top:var(--spacing-sm);display:flex;flex-wrap:wrap;align-items: center;gap:.5ch;font-size:.8125rem}.manual-cmd-rel .rel-icon{color:var(--color-accent);font-weight:600}.manual-cmd-rel code{font-family:var(--font-mono);background:var(--color-mist);color:var(--color-ink);border-radius:3px;padding:2px 6px;font-size:.75rem}.glass-terminal-wrapper{position:sticky;height:calc(100vh - var(--spacing-xl)*2);min-height:500px;max-height:800px;top:50vh;transform:translateY(-50%)}.terminal-stack{position:relative;perspective:1200px;height:100%}.terminal-stack-tabs{position:absolute;display:flex;z-index:10;gap:4px;top:-31px;right:8px}.terminal-stack-tab{font-family:var(--font-mono);background:var(--color-cream);border:1px solid var(--color-mist);color:var(--color-ash);cursor:pointer;border-bottom:none;border-radius:6px 6px 0 0;padding:5px 12px;transition:all .2s;font-size:.75rem}.terminal-stack-tab:hover{background:var(--color-paper);color:var(--color-charcoal)}.terminal-stack-tab.active{background:var(--color-paper);color:var(--color-ink);border-color:var(--color-mist)}.terminal-window{position:absolute;transform-origin:center bottom;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s,filter .3s;inset:0}.terminal-window--demo{z-index:2}.terminal-window--demo.is-back{opacity:.6;filter:brightness(.92);pointer-events:none;z-index:1;transform:translateY(16px)translate(12px)scale(.96)}.terminal-window--source{z-index:1;opacity:.6;filter:brightness(.92);pointer-events:none;transform:translateY(16px)translate(12px)scale(.96)}.terminal-window--source.is-front{opacity:1;filter:brightness(1);pointer-events:auto;z-index:2;transform:translateY(0)translate(0)scale(1)}.source-window{background:var(--color-paper);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-mist);display:flex;overflow:hidden;border-radius:8px;flex-direction:column;height:100%;box-shadow:0 20px 60px -10px #00000026}.source-header{background:var(--color-cream);display:flex;border-bottom:1px solid var(--color-mist);flex-shrink:0;align-items: center;gap:8px;padding:12px 16px}.source-title{font-family:var(--font-mono);color:var(--color-ink);font-size:.875rem;font-weight:500}.source-body{padding:var(--spacing-md);font-family:var(--font-mono);color:var(--color-charcoal);overflow-y:auto;overscroll-behavior:contain;white-space:pre-wrap;word-break:break-word;background:var(--color-cream);flex:1;font-size:.75rem;line-height:1.5}.source-loading{color:var(--color-ash);font-style:italic}@media (max-width:900px){.magazine-container,.fisheye-list,.glass-terminal-wrapper{display:none}}.glass-terminal{background:var(--color-paper);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-mist);display:flex;overflow:hidden;border-radius:8px;flex-direction:column;height:100%;box-shadow:0 20px 60px -10px #00000026}.terminal-header{background:var(--color-cream);display:flex;border-bottom:1px solid var(--color-mist);align-items: center;gap:8px;padding:12px 16px}.terminal-dot{border-radius:50%;width:10px;height:10px}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-title{font-family:var(--font-mono);color:var(--color-ash);margin-left:auto;font-size:.75rem}.terminal-body{padding:var(--spacing-md);font-family:var(--font-mono);color:var(--color-ink);overflow-y:auto;display:flex;flex-direction:column;flex:1;min-height:0;font-size:.9375rem}.terminal-line{margin-bottom:var(--spacing-sm);display:flex;gap:var(--spacing-sm);line-height:1.5}.terminal-prompt{color:var(--color-accent);user-select:none;font-weight:700}.terminal-cursor{display:inline-block;background:var(--color-accent);vertical-align:middle;animation:blink 1s step-end infinite;width:8px;height:1.2em}.terminal-output{color:var(--color-ash);margin-bottom:var(--spacing-md);white-space:pre-wrap}@media (max-height:800px){.terminal-output{display:none}}.terminal-cmd{color:var(--color-accent);font-weight:600}.terminal-step{color:var(--color-charcoal)}.terminal-done{color:var(--color-success,#22c55e);font-weight:500}.terminal-preview{background:var(--color-paper);margin:var(--spacing-sm)0;overflow:hidden;border-radius:12px;flex:1;min-height:0}.terminal-cursor-line{flex-shrink:0;margin-top:var(--spacing-sm)!important}.terminal-preview .demo-split-comparison{display:flex;flex-direction:column;height:100%}.terminal-preview .demo-split-comparison .split-container{position:relative;overflow:hidden;cursor:ew-resize;user-select:none;background:var(--color-cream);flex:1;min-height:0}.terminal-preview .demo-split-comparison .split-before,.terminal-preview .demo-split-comparison .split-after{position:absolute;display:flex;padding:var(--spacing-md);justify-content:center;align-items: center;inset:0}.terminal-preview .demo-split-comparison .split-before{z-index:1;background:var(--color-cream)}.terminal-preview .demo-split-comparison .split-after{z-index:2;background:var(--color-paper);clip-path:polygon(58% 0%,100% 0%,100% 100%,42% 100%)}.terminal-preview .demo-split-comparison .split-content{display:flex;flex-direction:column;justify-content:center;align-items: center;width:100%;max-width:280px}.terminal-preview .demo-split-comparison .split-divider{position:absolute;background:var(--color-accent);pointer-events:none;z-index:3;width:2px;top:0;bottom:0;left:50%;transform:translate(-50%)skew(-10deg);box-shadow:0 0 12px #0000001a}.terminal-preview .demo-split-comparison .split-label{position:absolute;letter-spacing:.08em;text-transform:uppercase;color:var(--color-paper);background:var(--color-accent);white-space:nowrap;border-radius:3px;padding:4px 10px;font-size:.5625rem;font-weight:600;top:50%;left:50%;transform:translate(-50%,-50%)skew(10deg)}.terminal-preview .demo-split-comparison .demo-caption{color:var(--color-ash);text-align:center;padding:var(--spacing-sm)var(--spacing-md);flex-shrink:0;font-size:.75rem}@keyframes blink{50%{opacity:0}}.casestudies-section{position:relative;padding:var(--spacing-2xl)0;border-top:1px solid var(--color-mist)}.transformations-tabbed{margin-top:var(--spacing-xl)}.transformation-tabs{display:flex;gap:var(--spacing-xs);border-bottom:1px solid var(--color-mist);margin-bottom:var(--spacing-lg)}.transformation-tab{font-family:var(--font-display);color:var(--color-ash);padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;position:relative;background:0 0;border:none;transition:color .2s;font-size:.9375rem;font-weight:500}.transformation-tab:hover{color:var(--color-charcoal)}.transformation-tab.active{color:var(--color-ink)}.transformation-tab.active:after{content:"";position:absolute;background:var(--color-accent);height:2px;bottom:-1px;left:0;right:0}.transformation-panels{position:relative}.transformation-panel{display:none;gap:var(--spacing-lg);animation:fadeInPanel .3s ease;flex-direction:column}.transformation-panel.active{display:flex}@keyframes fadeInPanel{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.transformation-images{display:flex;align-items: center;gap:var(--spacing-md)}.transformation-before,.transformation-after{flex:1;margin:0}.transformation-before img,.transformation-after img,.transformation-placeholder{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--color-mist);cursor:pointer;border-radius:8px;width:100%;transition:transform .2s,box-shadow .2s}.transformation-before img:hover,.transformation-after img:hover,.transformation-placeholder:hover{transform:scale(1.02);box-shadow:0 8px 24px -4px #00000026}.transformation-placeholder{background:linear-gradient(135deg,var(--color-mist)0%,var(--color-cream)100%);display:flex;color:var(--color-ash);justify-content:center;align-items: center;font-size:.8125rem;font-style:italic}.transformation-before figcaption,.transformation-after figcaption{text-transform:uppercase;letter-spacing:.05em;color:var(--color-ash);margin-top:var(--spacing-xs);text-align:center;font-size:.75rem;font-weight:600}.transformation-arrow{color:var(--color-accent);flex-shrink:0;font-size:1.5rem;font-weight:300}.transformation-info{max-width:600px}.transformation-title{font-family:var(--font-display);color:var(--color-ink);margin:0 0 var(--spacing-xs);font-size:1.25rem;font-weight:600}.transformation-desc{color:var(--color-charcoal);margin:0 0 var(--spacing-sm);font-size:.9375rem;line-height:1.6}.transformation-commands{display:flex;flex-wrap:wrap;gap:6px}.transformation-command{font-family:var(--font-mono);background:var(--color-mist);color:var(--color-charcoal);border-radius:4px;padding:4px 10px;font-size:.75rem}.lightbox{position:fixed;display:flex;z-index:1000;opacity:0;visibility:hidden;background:#000000e6;justify-content:center;align-items: center;transition:opacity .3s,visibility .3s;inset:0}.lightbox.active{opacity:1;visibility:visible}.lightbox-close{position:absolute;color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;transition:opacity .2s;font-size:2.5rem;line-height:1;top:20px;right:24px}.lightbox-close:hover{opacity:1}.lightbox-image{object-fit:contain;border-radius:8px;max-width:90vw;max-height:85vh;box-shadow:0 20px 60px #00000080}@media (max-width:768px){.transformation-images{flex-direction:column}.transformation-arrow{transform:rotate(90deg)}.transformation-before,.transformation-after{width:100%}}.hero-version-link{color:var(--color-ash);margin-top:var(--spacing-sm);font-size:.8125rem}.hero-version-link a{color:var(--color-ash);text-decoration:none;border-bottom:1px solid #0000;transition:color .2s,border-color .2s}.hero-version-link a:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.changelog-section{position:relative;padding:var(--spacing-xl)0;border-top:1px solid var(--color-mist)}.changelog-list{display:flex;flex-direction:column;gap:0}.changelog-entry{padding:var(--spacing-md)0}.changelog-entry+.changelog-entry{border-top:1px solid var(--color-mist)}.changelog-version-header{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.changelog-version{font-family:var(--font-mono);color:var(--color-ink);font-size:1.125rem;font-weight:600}.changelog-date{color:var(--color-ash);font-size:.8125rem}.changelog-items{padding-left:var(--spacing-md);color:var(--color-charcoal);margin:0;line-height:1.7}.changelog-items li{margin-bottom:var(--spacing-xs)}.changelog-items code{font-family:var(--font-mono);background:var(--color-mist);color:var(--color-ink);border-radius:3px;padding:2px 6px;font-size:.875em}.changelog-older{margin-top:var(--spacing-sm)}.changelog-older-toggle{font-family:var(--font-body);color:var(--color-accent);padding:var(--spacing-md)0;cursor:pointer;list-style:none;display:flex;align-items: center;gap:6px;transition:color .2s;font-size:.875rem;font-weight:500}.changelog-older-toggle::-webkit-details-marker{display:none}.changelog-older-toggle:before{content:"+";transition:transform .3s var(--ease-out);font-size:1.25rem;font-weight:300}.changelog-older[open] .changelog-older-toggle:before{transform:rotate(45deg)}.changelog-older-toggle:hover{color:var(--color-accent-hover)}.changelog-older-entries{animation:faqFadeIn .3s var(--ease-out)}.faq-section{position:relative;padding:var(--spacing-xl)0;border-top:1px solid var(--color-mist)}.faq-list{display:flex;flex-direction:column;gap:0}.faq-item{border-bottom:1px solid var(--color-mist)}.faq-question{font-family:var(--font-display);color:var(--color-ink);padding:var(--spacing-md)0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items: center;transition:color .2s;font-size:1.125rem;font-weight:500}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";font-family:var(--font-body);color:var(--color-accent);transition:transform .3s var(--ease-out);font-size:1.5rem;font-weight:300}.faq-item[open] .faq-question:after{transform:rotate(45deg)}.faq-question:hover{color:var(--color-accent)}.faq-answer{padding:0 0 var(--spacing-md);color:var(--color-charcoal);animation:faqFadeIn .3s var(--ease-out);line-height:1.7}.faq-answer p{margin:0 0 var(--spacing-sm)}.faq-answer p:last-child{margin-bottom:0}.faq-answer ul{margin:var(--spacing-sm)0;padding-left:var(--spacing-md)}.faq-answer li{margin-bottom:var(--spacing-xs)}.faq-answer code{font-family:var(--font-mono);background:var(--color-mist);color:var(--color-ink);border-radius:3px;padding:2px 6px;font-size:.875em}.faq-answer a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid #0000;transition:border-color .2s}.faq-answer a:hover{border-bottom-color:var(--color-accent)}@media (max-width:600px){.faq-question{padding:var(--spacing-md)0;gap:var(--spacing-sm);min-height:44px;font-size:1rem}.faq-answer{font-size:.875rem}.changelog-version{font-size:1rem}.changelog-version-header{gap:var(--spacing-xs);flex-wrap:wrap}.changelog-items{padding-left:var(--spacing-sm);font-size:.875rem}.changelog-older-toggle{min-height:44px}}@keyframes faqFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.skills-section{position:relative;padding:var(--spacing-xl)0;overflow:hidden;background:var(--color-bg)}.skills-gallery{display:block;position:relative}.gallery-track{display:flex;gap:var(--spacing-lg);overflow-x:auto;scroll-snap-type:x mandatory;padding:var(--spacing-md)var(--spacing-lg)var(--spacing-xl);-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.gallery-track:active{cursor:grabbing}.gallery-track::-webkit-scrollbar{display:none}.gallery-frame{scroll-snap-align:center;position:relative;background:var(--color-paper);border:1px solid var(--color-mist);overflow:hidden;opacity:.4;transition:opacity .6s var(--ease-out),transform .6s var(--ease-out),box-shadow .6s var(--ease-out);border-radius:2px;flex:0 0 80vw;max-width:1100px;transform:scale(.95);box-shadow:0 4px 6px -1px #0000000d,0 20px 50px -10px #0000001a}.gallery-frame.active{opacity:1;border-color:var(--color-charcoal);border-width:1px;transform:scale(1);box-shadow:0 20px 25px -5px #0000001a,0 40px 100px -20px #0003}.gallery-content{display:grid;grid-template-columns:1.2fr 1fr;height:600px}@media (max-width:900px){.gallery-frame{flex:0 0 90vw}.gallery-content{grid-template-columns:1fr;height:auto;min-height:600px}}.gallery-visual{background:var(--color-cream);border-right:1px solid var(--color-mist);position:relative;overflow:hidden;display:flex;padding:var(--spacing-lg);justify-content:center;align-items: center}.gallery-info{padding:var(--spacing-xl);display:flex;overflow-y:auto;flex-direction:column}.gallery-header{margin-bottom:var(--spacing-lg)}.gallery-title{font-family:var(--font-display);margin:0 0 var(--spacing-xs);color:var(--color-ink);font-size:2.5rem;font-style:italic}.gallery-meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ash);font-size:.75rem}.gallery-desc{color:var(--color-charcoal);margin-bottom:var(--spacing-xl);max-width:45ch;font-size:1.125rem;line-height:1.6}.gallery-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:auto}.gallery-tag{border:1px solid var(--color-mist);color:var(--color-ash);border-radius:4px;padding:6px 12px;font-size:.8125rem}.gallery-map{display:flex;margin-top:var(--spacing-lg);justify-content:center;gap:8px}.gallery-dot{background:var(--color-mist);cursor:pointer;position:relative;font:inherit;border:none;width:40px;height:2px;padding:0;transition:all .3s}.gallery-dot:after{content:"";position:absolute;inset:-10px 0}.gallery-dot:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:1px}.gallery-dot.active{background:var(--color-accent);height:4px}.demo-tabbed-container{display:flex;flex-direction:column}.demo-tabs{display:flex;background:var(--color-paper);border-bottom:1px solid var(--color-mist);justify-content:center;gap:0;margin-bottom:0}.demo-tab{padding:var(--spacing-sm)var(--spacing-lg);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--color-ash);cursor:pointer;transition:all var(--duration-fast)var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;font-size:.75rem;font-weight:500}.demo-tab:hover{color:var(--color-text);background:var(--color-cream)}.demo-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent);background:var(--color-accent-dim)}.demo-panels{flex:1}.demo-panel{display:none}.demo-panel.active{display:block;animation:fadeSlideIn .3s var(--ease-out)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.demo-container{background:var(--color-paper);overflow:hidden;border:none;border-radius:0}.demo-header{display:flex;padding:var(--spacing-sm)var(--spacing-md);background:var(--color-paper);border-bottom:1px solid var(--color-mist);justify-content:center;align-items: center;min-height:48px}.demo-toggle{display:flex;align-items: center;gap:var(--spacing-md)}.demo-toggle-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ash);transition:color var(--duration-fast)var(--ease-out);cursor:pointer;font-size:.6875rem;font-weight:600}.demo-toggle-label:hover{color:var(--color-text)}.demo-toggle-label.active{color:var(--color-accent)}.demo-toggle-switch{position:relative;background:var(--color-mist);cursor:pointer;transition:background var(--duration-fast)var(--ease-out);font:inherit;border:1px solid #0000;border-radius:12px;width:44px;height:24px;padding:0}.demo-toggle-switch:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.demo-toggle-switch:hover{border-color:var(--color-ash)}.demo-toggle-switch:after{content:"";position:absolute;background:var(--color-paper);transition:transform var(--duration-base)var(--ease-spring);border-radius:50%;width:16px;height:16px;top:3px;left:3px;box-shadow:0 1px 4px #00000026}.demo-toggle-switch.active{background:var(--color-accent)}.demo-toggle-switch.active:after{transform:translate(20px)}.demo-viewport{padding:var(--spacing-xl);display:flex;background:var(--color-cream);transition:background var(--duration-base)var(--ease-out);justify-content:center;align-items: center;min-height:280px}.demo-viewport[data-state=after]{background:var(--color-paper)}.demo-caption{padding:var(--spacing-sm)var(--spacing-md);font-family:var(--font-mono);letter-spacing:.03em;color:var(--color-ash);text-align:center;font-size:.6875rem}.uxw-demo{padding:var(--spacing-lg);background:var(--color-paper);border:1px solid var(--color-mist);text-align:center;border-radius:6px;width:100%;max-width:320px}.uxw-error-icon{margin-bottom:var(--spacing-sm);font-size:2rem}.uxw-error-title{color:#c00;margin-bottom:var(--spacing-xs);font-weight:600}.uxw-error-text{color:var(--color-ash);font-size:.875rem}.uxw-error-action{margin-top:var(--spacing-sm);color:var(--color-accent);cursor:pointer;text-decoration:underline;font-size:.875rem}.uxw-error-after .uxw-error-icon{color:var(--color-accent)}.uxw-error-after .uxw-error-title{color:var(--color-text)}.uxw-error-after .uxw-error-text{color:var(--color-charcoal)}.uxw-button-context{color:var(--color-charcoal);margin-bottom:var(--spacing-md);font-size:.875rem;font-weight:500}.uxw-button-row{display:flex;gap:var(--spacing-sm);justify-content:center}.uxw-btn{padding:var(--spacing-xs)var(--spacing-md);cursor:pointer;border:none;border-radius:4px;font-size:.875rem;font-weight:500}.uxw-btn-primary{background:var(--color-text);color:var(--color-paper)}.uxw-btn-secondary{color:var(--color-ash);border:1px solid var(--color-mist);background:0 0}.uxw-btn-danger{color:#fff;background:#c00}.uxw-empty-icon{margin-bottom:var(--spacing-sm);opacity:.4;font-size:2.5rem}.uxw-empty-title{color:var(--color-ash);font-weight:500}.uxw-empty-text{color:var(--color-charcoal);margin-top:var(--spacing-xs);font-size:.875rem}.uxw-empty-action{margin-top:var(--spacing-md)}.uxw-empty-after .uxw-empty-icon{opacity:1}.uxw-empty-after .uxw-empty-title{color:var(--color-text)}.spatial-demo{padding:var(--spacing-md);background:var(--color-paper);border:1px solid var(--color-mist);border-radius:6px;width:100%;max-width:340px}.spatial-grid-before{display:flex;flex-wrap:wrap;gap:6px}.spatial-grid-after{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.spatial-card-item{padding:var(--spacing-sm);background:var(--color-bg);border:1px solid var(--color-mist);color:var(--color-charcoal);text-align:center;border-radius:4px;font-size:.8125rem}.spatial-grid-after .spatial-card-item{width:auto!important}.spatial-hierarchy-before .spatial-h-title,.spatial-hierarchy-before .spatial-h-subtitle,.spatial-hierarchy-before .spatial-h-cta,.spatial-hierarchy-before .spatial-h-link{margin-bottom:var(--spacing-xs);color:var(--color-charcoal);font-size:.9375rem}.spatial-hierarchy-after .spatial-h-title{font-family:var(--font-display);margin-bottom:var(--spacing-xs);color:var(--color-text);font-size:1.75rem;font-style:italic;font-weight:300}.spatial-hierarchy-after .spatial-h-subtitle{text-transform:uppercase;letter-spacing:.1em;color:var(--color-ash);margin-bottom:var(--spacing-md);font-size:.6875rem}.spatial-hierarchy-after .spatial-h-cta{display:inline-block;padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-text);color:var(--color-paper);margin-bottom:var(--spacing-sm);border-radius:4px;font-size:.875rem;font-weight:500}.spatial-hierarchy-after .spatial-h-link{color:var(--color-ash);font-size:.75rem}.spatial-whitespace-before{padding:var(--spacing-xs)!important}.spatial-whitespace-before .spatial-ws-title{margin-bottom:2px;font-size:1rem;font-weight:600}.spatial-whitespace-before .spatial-ws-price{color:var(--color-ash);margin-bottom:4px;font-size:.875rem}.spatial-whitespace-before .spatial-ws-features{color:var(--color-ash);margin-bottom:6px;font-size:.75rem}.spatial-whitespace-before .spatial-ws-btn{background:var(--color-text);color:var(--color-paper);cursor:pointer;border:none;border-radius:3px;width:100%;padding:6px;font-size:.75rem}.spatial-whitespace-after{padding:var(--spacing-lg)!important}.spatial-whitespace-after .spatial-ws-title{font-family:var(--font-display);margin-bottom:var(--spacing-sm);font-size:1.5rem;font-weight:400}.spatial-whitespace-after .spatial-ws-price{color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:1.25rem;font-weight:600}.spatial-whitespace-after .spatial-ws-features{color:var(--color-ash);margin-bottom:var(--spacing-lg);font-size:.8125rem;line-height:1.6}.spatial-whitespace-after .spatial-ws-btn{padding:var(--spacing-sm);background:var(--color-text);color:var(--color-paper);cursor:pointer;border:none;border-radius:4px;width:100%;font-size:.875rem;font-weight:500}.motion-demo{display:flex;align-items: center;gap:var(--spacing-sm);flex-direction:column;width:100%;max-width:280px}.motion-stagger-demo{align-items:stretch}.motion-list-item{display:flex;align-items: center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-mist);color:var(--color-charcoal);border-radius:4px;font-size:.875rem}.motion-dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px}.demo-viewport[data-state=after] .motion-list-item{opacity:0;animation:staggerIn .35s cubic-bezier(.16,1,.3,1)forwards;transform:translateY(12px)}.demo-viewport[data-state=after] .motion-list-item:first-child{animation-delay:0s}.demo-viewport[data-state=after] .motion-list-item:nth-child(2){animation-delay:50ms}.demo-viewport[data-state=after] .motion-list-item:nth-child(3){animation-delay:.1s}.demo-viewport[data-state=after] .motion-list-item:nth-child(4){animation-delay:.15s}@keyframes staggerIn{to{opacity:1;transform:translateY(0)}}.motion-btn{cursor:pointer;border:none;border-radius:4px;padding:12px 24px;font-size:.9375rem;font-weight:500}.motion-btn-before{background:var(--color-charcoal);color:var(--color-paper)}.motion-btn-after{background:var(--color-text);color:var(--color-paper);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.motion-btn-after:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.motion-btn-after:active{transform:translateY(0)scale(.98)}.motion-card{padding:var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-mist);text-align:center;border-radius:6px;min-width:140px}.motion-card-icon{margin-bottom:var(--spacing-xs);font-size:1.5rem}.motion-card-text{color:var(--color-charcoal);font-size:.8125rem}.motion-card-after{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.demo-viewport[data-state=after] .motion-card-after{background:color-mix(in oklch,var(--color-accent)10%,var(--color-paper));border-color:var(--color-accent)}.demo-viewport[data-state=after] .motion-card-after .motion-card-icon{animation:checkPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes checkPop{50%{transform:scale(1.3)}}.typo-demo{text-align:left;width:100%;max-width:320px}.typo-pairing-before{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.typo-pairing-before .typo-heading{margin-bottom:var(--spacing-xs);font-size:1.5rem;font-weight:600}.typo-pairing-before .typo-body{color:var(--color-ash);font-size:.9375rem;line-height:1.5}.typo-pairing-after .typo-heading{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:var(--spacing-sm);color:var(--color-text);font-size:2rem;font-style:italic;font-weight:300}.typo-pairing-after .typo-body{font-family:var(--font-body);color:var(--color-charcoal);font-size:.9375rem;line-height:1.7}.typo-hierarchy-before .typo-h1{margin-bottom:4px;font-size:1.125rem;font-weight:600}.typo-hierarchy-before .typo-meta{color:var(--color-ash);margin-bottom:var(--spacing-xs);font-size:.9375rem}.typo-hierarchy-before .typo-p{color:var(--color-charcoal);font-size:.875rem;line-height:1.5}.typo-hierarchy-after .typo-h1{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:2px;font-size:2.25rem;font-weight:300;line-height:1.1}.typo-hierarchy-after .typo-meta{text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:var(--spacing-md);font-size:.6875rem}.typo-hierarchy-after .typo-p{color:var(--color-ash);font-size:.9375rem;line-height:1.7}.int-demo{display:flex;gap:var(--spacing-md);flex-direction:column;width:100%;max-width:280px}.int-states-demo{gap:var(--spacing-lg)}.int-state-row{display:flex;align-items: center;gap:var(--spacing-md)}.int-state-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-ash);width:40px;font-size:.6875rem}.int-btn{padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;border-radius:4px;flex:1;font-size:.875rem;font-weight:500}.int-btn-poor{background:var(--color-charcoal);color:var(--color-paper);border:none}.int-btn-good{background:var(--color-text);color:var(--color-paper);border:2px solid #0000;transition:all .15s}.int-btn-good:hover{background:var(--color-charcoal)}.int-btn-good:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-accent)25%,transparent)}.int-btn-good:active{transform:scale(.98)}.int-aff-item{padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;border-radius:4px;font-size:.875rem}.int-aff-poor{color:var(--color-charcoal)}.int-aff-good{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.int-aff-good:after{content:" →"}.int-affordance-after .int-aff-item{background:var(--color-bg);border:1px solid var(--color-mist);color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;transition:background .15s}.int-affordance-after .int-aff-item:hover{background:color-mix(in oklch,var(--color-accent)5%,var(--color-paper))}.int-affordance-after .int-aff-item:after{content:" →"}.int-feedback-before,.int-feedback-after{display:flex;align-items: center;gap:var(--spacing-md);flex-direction:row}.int-fb-btn{cursor:pointer;display:flex;border:none;border-radius:50%;justify-content:center;align-items: center;width:48px;height:48px}.int-fb-btn svg{width:22px;height:22px}.int-fb-silent{background:var(--color-mist);color:var(--color-ash)}.int-fb-active{background:var(--color-charcoal);color:var(--color-paper);transition:all .15s cubic-bezier(.34,1.56,.64,1)}.int-fb-active:hover{transform:scale(1.1)}.int-fb-active:active{transform:scale(.95)}.int-fb-active.liked{background:var(--color-accent);animation:heartPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes heartPop{50%{transform:scale(1.25)}}.int-fb-label{color:var(--color-charcoal);font-size:.875rem}.color-demo{width:100%;max-width:300px}.color-palette-before,.color-palette-after{display:flex;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-paper);border:1px solid var(--color-mist);border-radius:6px;flex-wrap:wrap}.color-swatch{border-radius:4px;width:40px;height:40px;transition:background .2s}.color-card{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-paper);border:1px solid var(--color-mist);display:flex;border-radius:4px;flex-direction:column;gap:4px;width:100%}.color-card span{transition:color .2s;font-size:.8125rem;font-weight:500}.color-card button{cursor:pointer;border:none;border-radius:3px;padding:6px;transition:all .2s;font-size:.75rem;font-weight:500}.color-palette-before .swatch-1{background:#ff6b6b}.color-palette-before .swatch-2{background:#4ecdc4}.color-palette-before .swatch-3{background:#ffe66d}.color-palette-before .swatch-4{background:#95e1d3}.color-palette-before .swatch-5{background:#f38181}.color-palette-before .card-title{color:#ff6b6b}.color-palette-before .card-subtitle{color:#4ecdc4}.color-palette-before .card-btn{color:#333;background:#ffe66d}.color-palette-after .swatch-1{background:var(--color-text)}.color-palette-after .swatch-2{background:var(--color-charcoal)}.color-palette-after .swatch-3{background:var(--color-ash)}.color-palette-after .swatch-4{background:var(--color-mist)}.color-palette-after .swatch-5{background:var(--color-accent)}.color-palette-after .card-title{color:var(--color-text)}.color-palette-after .card-subtitle{color:var(--color-ash)}.color-palette-after .card-btn{background:var(--color-accent);color:var(--color-paper)}.color-accent-card{padding:var(--spacing-md);border-radius:6px}.color-accent-before .color-accent-card{background:#f5f5f5;border:1px solid #e0e0e0}.color-accent-before .color-accent-title{color:#333;margin-bottom:4px;font-weight:600}.color-accent-before .color-accent-text{color:#666;margin-bottom:var(--spacing-sm);font-size:.8125rem}.color-accent-before .color-accent-btn{padding:var(--spacing-xs);color:#fff;cursor:pointer;background:#333;border:none;border-radius:4px;width:100%;font-size:.8125rem}.color-accent-after .color-accent-card{background:color-mix(in oklch,var(--color-accent)8%,var(--color-paper));border:1px solid color-mix(in oklch,var(--color-accent)20%,var(--color-paper))}.color-accent-after .color-accent-title{color:var(--color-text);margin-bottom:4px;font-weight:600}.color-accent-after .color-accent-text{color:var(--color-ash);margin-bottom:var(--spacing-sm);font-size:.8125rem}.color-accent-after .color-accent-btn{padding:var(--spacing-xs);background:var(--color-accent);color:var(--color-paper);cursor:pointer;border:none;border-radius:4px;width:100%;font-size:.8125rem;font-weight:500}.color-contrast-static{display:flex;gap:var(--spacing-sm);flex-direction:column}.contrast-example{padding:var(--spacing-md);text-align:center;border-radius:6px}.contrast-fail{color:#a0a0a0;background:#f0f0f0}.contrast-pass{background:var(--color-charcoal);color:var(--color-paper)}.contrast-badge{display:inline-block;text-transform:uppercase;letter-spacing:.1em;border-radius:2px;margin-bottom:4px;padding:2px 6px;font-size:.5625rem;font-weight:600}.contrast-fail .contrast-badge{background:#ddd}.contrast-pass .contrast-badge{background:var(--color-accent);color:var(--color-paper)}.contrast-text{margin-bottom:2px;font-size:1rem;font-weight:500}.contrast-ratio{opacity:.7;font-size:.6875rem}.resp-demo{width:100%;max-width:340px}.resp-touch-demo{display:flex;gap:var(--spacing-lg);flex-direction:column}.resp-touch-row{display:flex;align-items: center;gap:var(--spacing-md)}.resp-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-ash);width:70px;font-size:.6875rem}.resp-touch-targets{display:flex;gap:4px}.resp-touch-targets button{cursor:pointer;border:none;border-radius:4px;font-weight:500}.resp-touch-bad button{background:var(--color-mist);color:var(--color-ash);width:24px;height:24px;font-size:.75rem}.resp-touch-good button{background:var(--color-text);color:var(--color-paper);width:44px;height:44px;font-size:1rem}.resp-fluid-demo{padding:var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-mist);border-radius:6px}.resp-fluid-container{display:flex;gap:var(--spacing-md);flex-direction:column}.resp-fluid-fixed,.resp-fluid-adaptive{color:var(--color-ash);font-size:.75rem}.resp-fluid-fixed span,.resp-fluid-adaptive span{display:block;margin-bottom:4px}.resp-fluid-bar{background:var(--color-mist);border-radius:4px;height:24px}.resp-fluid-adaptive .resp-fluid-bar{background:var(--color-accent)}.resp-adapt-demo{display:flex;gap:var(--spacing-sm);align-items: flex-end}.resp-device{text-align:center}.resp-device>span{display:block;color:var(--color-ash);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:.625rem}.resp-device-screen{background:var(--color-paper);border:2px solid var(--color-mist);display:flex;border-radius:4px;flex-direction:column;gap:3px;padding:4px}.resp-device-mobile .resp-device-screen{width:50px;height:80px}.resp-device-tablet .resp-device-screen{width:80px;height:60px}.resp-device-desktop .resp-device-screen{width:120px;height:70px}.resp-block{background:var(--color-mist);border-radius:2px}.resp-block-row{display:flex;flex:1;gap:3px}.resp-header{background:var(--color-charcoal);height:16px}.resp-sidebar{background:var(--color-charcoal);width:30%}.resp-content{flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}*{margin:0}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit}:root{--font-display:"Cormorant Garamond",Georgia,serif;--font-body:"Instrument Sans",system-ui,sans-serif;--font-mono:"Space Grotesk",monospace;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-2xl:80px;--spacing-3xl:120px;--width-max:1400px;--width-content:900px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--ease-out-quint:cubic-bezier(.22,1,.36,1);--duration-fast:.15s;--duration-base:.3s;--duration-slow:.6s;--duration-slower:.8s;--duration-slowest:1.2s;--color-ink:oklch(10% 0 0);--color-text:oklch(10% 0 0);--color-paper:oklch(98% 0 0);--color-cream:oklch(96% .005 350);--color-charcoal:oklch(25% 0 0);--color-ash:oklch(55% 0 0);--color-mist:oklch(92% 0 0);--color-bg:oklch(96% .005 350);--color-accent:oklch(60% .25 350);--color-accent-hover:oklch(52% .25 350);--color-accent-dim:oklch(60% .25 350/.15);--color-accent-soft:oklch(60% .25 350/.25);--cat-create-bg:#fdf2f8;--cat-create-border:#ec4899;--cat-create-text:#be185d;--cat-evaluate-bg:#fdf4ff;--cat-evaluate-border:#d946ef;--cat-evaluate-text:#a21caf;--cat-refine-bg:#eff6ff;--cat-refine-border:#3b82f6;--cat-refine-text:#1d4ed8;--cat-simplify-bg:#fffbeb;--cat-simplify-border:#f59e0b;--cat-simplify-text:#b45309;--cat-harden-bg:#f0fdf4;--cat-harden-border:#22c55e;--cat-harden-text:#15803d;--cat-system-bg:#f5f5f4;--cat-system-border:#78716c;--cat-system-text:#44403c}.skip-link{position:absolute;z-index:10000;padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-ink);color:var(--color-paper);text-decoration:none;border-radius:0 0 8px 8px;transition:top .2s;font-weight:600;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{outline:2px solid var(--color-accent);outline-offset:2px;top:0}.section-nav{position:fixed;bottom:var(--spacing-md);z-index:100;display:flex;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-mist);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out),transform .4s var(--ease-out);background:#f8f8f8d9;background:lab(97.68% -.000089407 .0000119209/.85);border-radius:100px;align-items: center;gap:2px;padding:4px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 4px 24px -4px #0000001f,0 1px 3px #0000000f}.section-nav.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.section-nav-item{display:flex;text-decoration:none;border-radius:100px;align-items: center;gap:4px;padding:8px 12px;transition:background .2s,color .2s}.section-nav-item:hover{background:var(--color-mist);text-decoration:none}.section-nav-item.is-active{background:var(--color-ink)}.section-nav-item.is-active .section-nav-num,.section-nav-item.is-active .section-nav-label{color:var(--color-paper)}.section-nav-num{font-family:var(--font-mono);color:var(--color-ash);letter-spacing:.02em;transition:color .2s;font-size:.5625rem;font-weight:500}.section-nav-label{font-family:var(--font-body);color:var(--color-charcoal);white-space:nowrap;transition:color .2s;font-size:.6875rem;font-weight:500}@media (max-width:700px){.section-nav-label{display:none}.section-nav-item{padding:8px 10px}}@media (max-width:400px){.section-nav-item{padding:8px}.section-nav-num{font-size:.625rem}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-paper);overflow-x:clip;min-height:100vh;min-height:100dvh;font-size:16px;line-height:1.625}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-weight:400;line-height:1.1}a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color var(--duration-fast)var(--ease-out),text-decoration-color var(--duration-fast)var(--ease-out)}a:hover{color:var(--color-accent-hover);text-decoration-thickness:2px}.btn,.footer-logo,[class*=nav-item]{text-decoration:none}strong{color:var(--color-ink);font-weight:600}code{font-family:var(--font-mono);background:var(--color-accent-dim);color:var(--color-accent);border-radius:4px;padding:.15em .4em;font-size:.9em}::selection{background:var(--color-accent-soft);color:var(--color-ink)}.grain-overlay{position:fixed;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;inset:0}.site-content{max-width:var(--width-max);padding:0 var(--spacing-lg);margin:0 auto}@media (max-width:768px){.site-content{padding:0 var(--spacing-md)}}.section-header{margin-bottom:var(--spacing-lg);position:relative}.section-number{display:block;font-family:var(--font-mono);letter-spacing:.05em;color:var(--color-ash);margin-bottom:var(--spacing-xs);text-transform:uppercase;font-size:.625rem;font-weight:500}.section-title{margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;line-height:1.2}.section-subtitle{color:var(--color-charcoal);margin-top:var(--spacing-sm);max-width:55ch;font-size:1rem;line-height:1.6}.cheatsheet-link{color:var(--color-accent);text-decoration:none;margin-left:.5em;font-size:.875rem}.cheatsheet-link:hover{text-decoration:underline}.section-lead{color:var(--color-charcoal);margin-bottom:var(--spacing-lg);max-width:55ch;font-size:1rem;line-height:1.6}.hero-combined{position:relative;display:flex;min-height:100vh;padding:var(--spacing-lg)0 var(--spacing-2xl);background:var(--color-paper);flex-direction:column;justify-content:center;min-height:100dvh}.github-link{position:absolute;top:var(--spacing-md);right:var(--spacing-lg);z-index:10;color:var(--color-ash);display:flex;text-decoration:none;align-items: center;gap:6px;transition:color .2s}.github-link:hover{color:var(--color-ink);text-decoration:none}.github-stars{font-family:var(--font-mono);color:var(--color-ash);transition:color .2s;font-size:.75rem;font-weight:500}.github-link:hover .github-stars{color:var(--color-ink)}.hero-combined-container{max-width:var(--width-max);padding:0 var(--spacing-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items: center;width:100%;margin:0 auto}@media (max-width:1024px){.hero-combined-container{grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center}}@media (max-width:768px){.hero-combined-right{padding-top:var(--spacing-xl);order:-1}.hero-combined-container{gap:var(--spacing-md)}.hero-combined-left{gap:var(--spacing-sm);padding-top:var(--spacing-md)}.hero-hook-text,.hero-included-box,.hero-cta-group{margin-top:var(--spacing-xs)}}.hero-combined-left{display:flex;gap:var(--spacing-md);flex-direction:column}@media (max-width:1024px){.hero-combined-left{align-items: center}}.hero-title-combined{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);margin:0;font-size:clamp(2.5rem,7vw,4.5rem);font-style:italic;font-weight:300;line-height:1}.hero-tagline-combined{font-family:var(--font-display);color:var(--color-charcoal);margin:0;font-size:clamp(1.125rem,2.5vw,1.75rem);font-style:italic;font-weight:400;line-height:1.3}.hero-hook-text{color:var(--color-charcoal);max-width:45ch;margin:0;font-size:1rem;line-height:1.6}.hero-hook-text--short{display:none}@media (max-width:768px){.hero-hook-text--full{display:none}.hero-hook-text--short{display:block}}.hero-included-box{display:flex;border:1px solid var(--color-mist);background:0 0;flex-direction:column;gap:6px;max-width:45ch;padding:10px 14px}.hero-included-title{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ash);font-size:.5625rem;font-weight:500}.hero-included-items{display:flex;color:var(--color-charcoal);flex-wrap:wrap;align-items: center;gap:6px;font-size:.8125rem;line-height:1.5}.hero-included-items em{font-style:normal;font-family:var(--font-mono);font-size:.75rem}.hero-included-sep{color:var(--color-mist)}@media (max-width:500px){.hero-included-items{flex-direction:column;align-items: flex-start;gap:4px}.hero-included-sep{display:none}}.hero-cta-group{display:flex;align-items: center;gap:var(--spacing-lg);margin-top:var(--spacing-sm)}@media (max-width:600px){.hero-cta-group{gap:var(--spacing-md);flex-direction:column}}.hero-cta-combined{display:inline-block;padding:var(--spacing-sm)var(--spacing-xl);font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:var(--color-paper);background:var(--color-ink);border:none;transition:transform .2s,background .2s;font-size:.9rem;font-weight:500}.hero-cta-combined:hover{background:var(--color-accent);color:var(--color-paper);transform:translateY(-2px)}.hero-logos-inline{display:flex;flex-direction:column;align-items: flex-start;gap:6px}.hero-logos-inline .hero-logos-label{color:var(--color-ash);letter-spacing:.03em;font-size:.6875rem}.hero-logos-inline .hero-logos-row{display:flex;flex-wrap:wrap;align-items: center;gap:8px}.hero-logos-inline .hero-logos-row img{opacity:.7;border-radius:4px;transition:opacity .2s}.hero-logos-inline .hero-logos-row img:hover{opacity:1}.hero-combined-right{display:flex;justify-content:center}.hero-combined-right .split-comparison{width:100%;max-width:520px}.hero-combined-right .split-container{max-width:100%}.hero-bias-tags{display:flex;align-items: center;gap:var(--spacing-xs);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-mist);max-width:var(--width-max);padding-bottom:var(--spacing-md);flex-direction:column;width:100%;margin-left:auto;margin-right:auto}.problem-section{padding:var(--spacing-2xl)0;border-top:1px solid var(--color-mist)}.problem-content{display:grid;gap:var(--spacing-xl)}.split-comparison{position:relative;width:100%;max-width:600px;margin:-20px auto;padding:20px}.split-container{position:relative;overflow:hidden;background:var(--color-cream);border:1px solid var(--color-mist);cursor:ew-resize;user-select:none;border-radius:12px;width:100%;max-width:500px;height:380px;margin:0 auto}.split-before,.split-after{position:absolute;display:flex;justify-content:center;align-items: center;inset:0}.split-before{z-index:1}.split-content{display:flex;justify-content:center;align-items: center;width:100%;height:100%}.split-after{clip-path:polygon(58% 0%,100% 0%,100% 100%,42% 100%);z-index:2;background:var(--color-paper)}.split-divider{position:absolute;background:var(--color-accent);pointer-events:none;z-index:3;width:3px;top:0;bottom:0;left:50%;transform:translate(-50%)skew(-10deg);box-shadow:0 0 20px #00000026}.split-label{position:absolute;letter-spacing:.08em;text-transform:uppercase;color:var(--color-paper);background:var(--color-accent);white-space:nowrap;border-radius:4px;padding:6px 14px;font-size:.6875rem;font-weight:600;top:50%;left:50%;transform:translate(-50%,-50%)skew(10deg);box-shadow:0 2px 8px #0003}.slop-card{display:flex;background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 50%,#ddd6fe 100%);border-radius:16px;flex-direction:column;width:280px;height:280px;padding:24px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 4px 6px -1px #0000001a}.slop-header{display:flex;align-items: center;gap:12px;margin-bottom:16px}.slop-avatar{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;flex-shrink:0;width:40px;height:40px}.slop-text{flex:1}.slop-title{color:#1f2937;margin-bottom:2px;font-size:14px;font-weight:600}.slop-subtitle{color:#6b7280;font-size:12px}.slop-body{color:#4b5563;flex:1;margin-bottom:auto;font-size:13px;line-height:1.5}.slop-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;width:100%;margin-top:auto;padding:10px 20px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:500}.slop-callouts{position:absolute;pointer-events:none;inset:0}.slop-callout{position:absolute;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);background:var(--color-paper);border:1px solid var(--color-accent);white-space:nowrap;opacity:0;animation:calloutFadeIn .4s var(--ease-out)forwards;border-radius:3px;padding:4px 8px;font-size:.625rem;font-weight:600;box-shadow:0 2px 8px #0000001a}.slop-callout[data-point=font]{animation-delay:.1s;top:15%;right:5%}.slop-callout[data-point=gradient]{animation-delay:.25s;top:40%;left:5%}.slop-callout[data-point=copy]{animation-delay:.4s;bottom:35%;right:8%}.slop-callout[data-point=rounded]{animation-delay:.55s;bottom:12%;left:10%}@keyframes calloutFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.impeccable-card{background:var(--color-paper);border:1px solid var(--color-mist);padding:var(--spacing-lg);text-align:left;display:flex;flex-direction:column;width:280px;height:300px}.impeccable-eyebrow{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--spacing-xs);font-size:.625rem;font-weight:500}.impeccable-title{font-family:var(--font-display);color:var(--color-ink);margin-bottom:var(--spacing-sm);font-size:1.75rem;font-style:italic;font-weight:300;line-height:1.1}.impeccable-body{color:var(--color-ash);flex:1;margin-bottom:auto;font-size:.875rem;line-height:1.6}.impeccable-button{display:inline-flex;margin-top:var(--spacing-sm);background:var(--color-ink);color:var(--color-paper);font-family:var(--font-body);letter-spacing:.03em;cursor:pointer;transition:all var(--duration-base)var(--ease-out);border:none;align-self: flex-start;padding:.625rem 1.5rem;font-size:.8125rem;font-weight:500}.impeccable-button:hover{background:var(--color-accent)}.split-labels{display:flex;justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-md)}.split-label-item{display:flex;align-items: center;gap:var(--spacing-xs);color:var(--color-ash);font-size:.8125rem}@media (max-width:768px){.split-comparison{margin-top:-8px;margin-bottom:-8px;padding:8px}.split-labels{display:none}}.split-label-dot{background:var(--color-mist);border-radius:50%;width:8px;height:8px}.split-label-dot--accent{background:var(--color-accent)}.foundation-section{padding:var(--spacing-2xl)0;border-top:1px solid var(--color-mist)}.foundation-content{display:grid;gap:var(--spacing-lg)}.foundation-grid{display:flex;align-items: flex-end;gap:var(--spacing-sm);position:relative;height:600px;margin-top:-80px}.foundation-column{display:flex;cursor:pointer;flex-direction:column;flex:1;justify-content:flex-end;min-width:0;height:100%}.foundation-card{padding:var(--spacing-md);border:1px solid var(--color-bg);display:flex;margin-bottom:var(--spacing-xs);transition:transform var(--duration-slow)var(--ease-out-quint),border-color var(--duration-base)var(--ease-out),box-shadow var(--duration-base)var(--ease-out);position:relative;z-index:2;box-sizing:border-box;background:#fff;border-radius:12px;flex-direction:column;height:280px}.foundation-column:hover .foundation-card{border-color:var(--color-accent);transform:translateY(-12px);box-shadow:0 20px 40px #00000014}.foundation-plinth{background:repeating-linear-gradient(45deg,var(--color-bg),var(--color-bg)2px,transparent 2px,transparent 10px);border:1px solid var(--color-mist);transition:all var(--duration-base)var(--ease-out);border-bottom:none;border-radius:8px 8px 0 0;width:100%}.foundation-column:hover .foundation-plinth{background:var(--color-mist);opacity:.7}.plinth-1{height:4%}.plinth-2{height:12%}.plinth-3{height:20%}.plinth-4{height:28%}.plinth-5{height:36%}.plinth-6{height:44%}.plinth-7{height:52%}.foundation-card-viz{display:flex;color:var(--color-ink);margin-bottom:var(--spacing-md);justify-content:flex-start;align-items: center;height:52px}.foundation-card-header{display:flex;align-items:baseline;gap:var(--spacing-xs);overflow:hidden;margin-bottom:8px}.foundation-card-label{font-family:var(--font-display);color:var(--color-ink);font-size:1.35rem;line-height:1.1}.foundation-card-count{font-family:var(--font-mono);color:var(--color-accent);flex-shrink:0;font-size:.7rem}.foundation-card-detail{color:var(--color-ash);margin:auto 0 0;font-size:.875rem;line-height:1.4}.foundation-svg{width:44px;height:44px}.anim-draw{stroke-dasharray:100;stroke-dashoffset:100;animation:draw-breathe 4s ease-in-out infinite}.foundation-column:hover .anim-draw{animation:draw-in .8s var(--ease-out)forwards}.anim-draw-delay{stroke-dasharray:100;stroke-dashoffset:100}.foundation-column:hover .anim-draw-delay{animation:draw-in 1s var(--ease-out).2s forwards}@keyframes draw-breathe{0%,to{stroke-dashoffset:100}50%{stroke-dashoffset:40}}@keyframes draw-in{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.anim-move-x{animation:pulse-x 3s ease-in-out infinite}.foundation-column:hover .anim-move-x{animation:spread-x .6s var(--ease-in-out)forwards}.anim-move-x-opp{animation:pulse-x-opp 3s ease-in-out infinite}.foundation-column:hover .anim-move-x-opp{animation:spread-x-opp .6s var(--ease-in-out)forwards}.anim-fade-in{opacity:0;transition:opacity .6s var(--ease-in-out)}.foundation-column:hover .anim-fade-in{opacity:1}@keyframes pulse-x{0%,to{transform:translate(0)}50%{transform:translate(1.5px)}}@keyframes pulse-x-opp{0%,to{transform:translate(0)}50%{transform:translate(-1.5px)}}@keyframes spread-x{0%{transform:translate(0)}to{transform:translate(4px)}}@keyframes spread-x-opp{0%{transform:translate(0)}to{transform:translate(-4px)}}.anim-res-frame,.anim-res-img,.anim-res-title,.anim-res-line-1,.anim-res-line-2{transform-box:fill-box;transform-origin:50% 50%;transition:transform .4s var(--ease-in-out)}.anim-res-frame,.anim-res-img,.anim-res-title,.anim-res-line-1,.anim-res-line-2{transition-delay:0s}.foundation-column:hover .anim-res-frame{transition-delay:0s;transform:scaleX(.57)scaleY(1.17)}.foundation-column:hover .anim-res-img{transition-delay:50ms;transform:translate(6px,-4px)scale(.65)}.foundation-column:hover .anim-res-title{transition-delay:.1s;transform:translate(-7px,6px)scaleX(.65)}.foundation-column:hover .anim-res-line-1{transition-delay:.15s;transform:translate(-7px,4.75px)scaleX(.65)}.foundation-column:hover .anim-res-line-2{transition-delay:.2s;transform:translate(-6px,4.25px)scaleX(.6)}.anim-toggle-move{animation:toggle-wobble 3s ease-in-out infinite}.foundation-column:hover .anim-toggle-move{animation:toggle-snap .35s var(--ease-in-out)forwards}@keyframes toggle-wobble{0%,to{transform:translate(0)}50%{transform:translate(2px)}}@keyframes toggle-snap{0%{transform:translate(0);fill:var(--color-mist)}to{transform:translate(8px);fill:var(--color-accent)}}.anim-squash-ball{transform-origin:20px 20px;animation:ball-bob 2.5s ease-in-out infinite}.foundation-column:hover .anim-squash-ball{animation:bounce-ball 1.5s linear infinite}@keyframes ball-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes bounce-ball{0%{transform:translateY(0)}6%{transform:translateY(.5px)}18%{transform:translateY(4px)}35%{transform:translateY(12px)}42%{transform:translateY(12px)scaleX(1.3)scaleY(.6)}48%{transform:translateY(12px)}65%{transform:translateY(4px)}78%{transform:translateY(.5px)}88%,to{transform:translateY(0)}}.anim-blink{animation:blink-key 1s step-end infinite}@keyframes blink-key{0%,to{opacity:1}50%{opacity:0}}@media (max-width:1200px){.foundation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-top:var(--spacing-xl);height:auto}.foundation-column{height:auto}.foundation-card{height:auto;min-height:200px}.foundation-plinth{display:none}.foundation-column:hover .foundation-card{transform:translateY(-4px)}.foundation-card:hover .anim-draw{animation:draw-in .8s var(--ease-out)forwards}.foundation-card:hover .anim-draw-delay{animation:draw-in 1s var(--ease-out).2s forwards}.foundation-card:hover .anim-move-x{animation:spread-x .6s var(--ease-in-out)forwards}.foundation-card:hover .anim-move-x-opp{animation:spread-x-opp .6s var(--ease-in-out)forwards}.foundation-card:hover .anim-fade-in{opacity:1}.foundation-card:hover .anim-res-frame{transform:scaleX(.57)scaleY(1.17)}.foundation-card:hover .anim-res-img{transform:translate(6px,-4px)scale(.65)}.foundation-card:hover .anim-res-title{transform:translate(-7px,6px)scaleX(.65)}.foundation-card:hover .anim-res-line-1{transform:translate(-7px,4.75px)scaleX(.65)}.foundation-card:hover .anim-res-line-2{transform:translate(-6px,4.25px)scaleX(.6)}.foundation-card:hover .anim-toggle-move{animation:toggle-snap .35s var(--ease-in-out)forwards}.foundation-card:hover .anim-squash-ball{animation:bounce-ball 1.5s linear infinite}}@media (max-width:768px){.foundation-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.foundation-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.foundation-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;padding:var(--spacing-sm)var(--spacing-md);align-items: start;gap:0 var(--spacing-md);min-height:auto}.foundation-card-viz{grid-row:1/-1;align-self: center;height:auto;margin-bottom:0}.foundation-card-header{margin-bottom:2px}.foundation-card-label{font-size:1.1rem}.foundation-card-detail{margin:0;font-size:.8125rem}}.foundation-cta{text-align:center}.foundation-cta-text{color:var(--color-charcoal);margin:0;font-size:.9375rem}.foundation-cta-text code{font-family:var(--font-mono);color:var(--color-ink);font-size:.875rem}.foundation-slash{color:var(--color-accent)}.language-section{padding:var(--spacing-2xl)0;border-top:1px solid var(--color-mist)}.language-content{display:grid;gap:var(--spacing-lg)}.language-content .section-lead{margin-bottom:0}.commands-subsection{display:grid;gap:var(--spacing-md)}.commands-header-subtitle{color:var(--color-warm-gray);margin:0;font-size:.9375rem}.visual-mode-section{padding:var(--spacing-2xl)0;border-top:1px solid var(--color-mist)}.visual-mode-content{display:grid;gap:var(--spacing-lg)}.visual-mode-demo{display:grid;grid-template-columns:3fr 2fr;gap:var(--spacing-xl);align-items: start}@media (max-width:900px){.visual-mode-demo{grid-template-columns:1fr}}.visual-mode-preview{overflow:hidden;border:1px solid var(--color-mist);border-radius:8px;box-shadow:0 8px 30px -6px #0000001f}.visual-mode-preview-header{display:flex;background:var(--color-cream);border-bottom:1px solid var(--color-mist);align-items: center;gap:6px;padding:10px 14px}.visual-mode-preview-dot{border-radius:50%;width:10px;height:10px}.visual-mode-preview-dot.red{background:#ff5f56}.visual-mode-preview-dot.yellow{background:#ffbd2e}.visual-mode-preview-dot.green{background:#27c93f}.visual-mode-preview-title{font-family:var(--font-mono);color:var(--color-ash);margin-left:auto;font-size:.75rem}.visual-mode-iframe{display:block;background:#fff;border:none;width:100%;height:480px}.visual-mode-details{display:flex;gap:var(--spacing-md);flex-direction:column}.visual-mode-feature{padding:var(--spacing-md);background:#fff;border-radius:8px}.visual-mode-feature-label{display:block;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--spacing-xs);font-size:.625rem;font-weight:600}.visual-mode-feature p{color:var(--color-charcoal);margin:0;font-size:.8125rem;line-height:1.55}.visual-mode-feature code{font-family:var(--font-mono);color:var(--color-ink);font-size:.8125rem}.solution-section{padding:var(--spacing-2xl)0}.solution-content{display:grid;gap:var(--spacing-lg)}.solution-content .section-lead{margin-bottom:0}.solution-visual{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-lg);align-items:stretch}@media (max-width:900px){.solution-visual{grid-template-columns:1fr;gap:var(--spacing-md)}}.solution-visual-interactive{background:var(--color-paper);border:1px solid var(--color-mist);position:relative;overflow:visible;border-radius:8px;width:100%;min-height:380px}.solution-pillar{background:var(--color-cream);border:1px solid var(--color-mist);padding:var(--spacing-lg);transition:all var(--duration-base)var(--ease-out)}.solution-pillar:hover{border-color:var(--color-accent);box-shadow:0 20px 60px var(--color-accent-dim);transform:translateY(-4px)}.pillar-header{text-align:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-mist)}.pillar-icon{display:inline-flex;background:var(--color-accent-dim);color:var(--color-accent);margin-bottom:var(--spacing-sm);border-radius:50%;justify-content:center;align-items: center;width:56px;height:56px}.pillar-title{font-family:var(--font-display);margin:0 0 var(--spacing-xs);font-size:1.75rem;font-weight:400}.pillar-subtitle{color:var(--color-ash);margin:0;font-size:.875rem}.pillar-content{display:flex;gap:var(--spacing-sm);flex-direction:column}.pillar-item{display:flex;padding:var(--spacing-sm);background:var(--color-paper);transition:all var(--duration-fast)var(--ease-out);border-radius:4px;justify-content:space-between;align-items: center}.pillar-item:hover{background:var(--color-accent-dim)}.pillar-item-name{color:var(--color-ink);font-size:.9375rem;font-weight:500}.pillar-item-code{font-family:var(--font-mono);color:var(--color-accent);background:0 0;padding:0;font-size:.875rem;font-weight:500}.pillar-item-desc{color:var(--color-ash);font-size:.75rem}.pillar-item--more{color:var(--color-accent);border:1px dashed var(--color-mist);background:0 0;justify-content:center;font-size:.8125rem;font-weight:500}.solution-connector{display:flex;justify-content:center;align-items: center}.connector-plus{font-family:var(--font-display);color:var(--color-accent);opacity:.5;font-size:3rem;font-weight:300}@media (max-width:900px){.solution-connector{padding:var(--spacing-sm)0}.connector-plus{font-size:2rem}}.skills-section{padding:var(--spacing-2xl)0;border-top:1px solid var(--color-mist)}.skills-gallery{display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-xl);align-items: start}@media (max-width:968px){.skills-gallery{grid-template-columns:1fr;gap:var(--spacing-lg)}}.skills-nav{display:flex;position:sticky;top:var(--spacing-lg);flex-direction:column;gap:2px}@media (max-width:968px){.skills-nav{gap:var(--spacing-xs);position:static;flex-flow:wrap}}.skill-nav-item{padding:var(--spacing-sm)var(--spacing-md);color:var(--color-ash);font-family:var(--font-body);cursor:pointer;text-align:left;text-decoration:none;display:block;background:0 0;border:none;border-left:2px solid #0000;transition:all .2s;font-size:.9375rem;font-weight:400}.skill-nav-item:hover{color:var(--color-text);background:var(--color-cream)}.skill-nav-item.active{color:var(--color-accent);border-left-color:var(--color-accent);background:var(--color-accent-dim);font-weight:500}@media (max-width:968px){.skill-nav-item{padding:var(--spacing-xs)var(--spacing-md);border-bottom:2px solid #0000;border-left:none}.skill-nav-item.active{border-bottom-color:var(--color-accent)}}.skills-showcase{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-lg);align-items: start}@media (max-width:1100px){.skills-showcase{grid-template-columns:1fr}}.loading-state{padding:var(--spacing-xl);text-align:center;color:var(--color-ash);font-style:italic}.mobile-commands-layout{display:none}@media (max-width:900px){.mobile-commands-layout{display:flex;gap:var(--spacing-md);flex-direction:column}.commands-container{display:none}}.mobile-carousel-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--spacing-xs)0}.mobile-carousel-wrapper::-webkit-scrollbar{display:none}.mobile-carousel{display:flex;gap:var(--spacing-xs);padding-right:var(--spacing-md)}.mobile-cmd-pill{padding:var(--spacing-sm)var(--spacing-md);font-family:var(--font-mono);color:var(--color-charcoal);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;flex-shrink:0;min-height:44px;transition:background .2s,color .2s;font-size:.8125rem;font-weight:500}.mobile-cmd-pill:hover{background:var(--color-mist)}.mobile-cmd-pill.active{color:var(--color-paper);background:var(--color-ink)}.mobile-demo-area{padding:0}.mobile-demo-area .demo-split-comparison{width:100%}.mobile-demo-area .split-container{width:100%;max-width:100%;height:320px}.mobile-demo-area .demo-caption{margin-top:var(--spacing-sm);font-size:.75rem}.mobile-info-area{padding-top:var(--spacing-sm)}.mobile-cmd-info{display:none;padding:var(--spacing-sm)0}.mobile-cmd-info.active{display:block}.mobile-cmd-name{font-family:var(--font-mono);color:var(--color-ink);margin:0 0 var(--spacing-xs)0;font-size:1.125rem;font-weight:600}.mobile-cmd-desc{color:var(--color-charcoal);margin:0;font-size:.875rem;line-height:1.5}.mobile-cmd-rel{margin-top:var(--spacing-xs);color:var(--color-ash);font-size:.75rem}.mobile-cmd-rel code{font-family:var(--font-mono);color:var(--color-ink)}.downloads-section{padding:var(--spacing-2xl)0;border-top:1px solid var(--color-mist)}.downloads-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.download-card{display:flex;text-align:center;padding:var(--spacing-lg);background:var(--color-cream);border:1px solid var(--color-mist);transition:all var(--duration-base)var(--ease-out);flex-direction:column;align-items: center}.download-card:hover{border-color:var(--color-accent);box-shadow:0 20px 60px var(--color-accent-dim);transform:translateY(-4px)}.download-card-icon{margin-bottom:var(--spacing-sm)}.download-card-icon img{object-fit:contain;border-radius:8px;width:40px;height:40px}.download-card-title{font-family:var(--font-display);margin:0 0 var(--spacing-sm)0;font-size:1.25rem;font-weight:400}.download-card-note{color:var(--color-ash);margin-bottom:var(--spacing-xs);font-size:.75rem}.download-card .btn{margin-top:var(--spacing-xs)}.install-command{display:flex;align-items: center;gap:var(--spacing-xs);background:var(--color-paper);border:1px solid var(--color-mist);padding:var(--spacing-sm);margin-top:var(--spacing-sm);border-radius:6px;width:100%}.install-command code{font-family:var(--font-mono);color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:0 0;flex:1;padding:0;font-size:.75rem}.copy-btn{display:flex;border:1px solid var(--color-mist);color:var(--color-ash);cursor:pointer;transition:all var(--duration-fast)var(--ease-out);background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items: center;width:28px;height:28px}.copy-btn:hover{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent)}.copy-btn.copied{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-paper)}.install-hint{color:var(--color-ash);margin:var(--spacing-xs)0 0 0;font-size:.75rem}.install-hint code{font-family:var(--font-mono);background:var(--color-mist);border-radius:3px;padding:2px 5px;font-size:.6875rem}.download-card-details{margin-top:var(--spacing-sm);text-align:left;width:100%;font-size:.8125rem}.download-card-details summary{cursor:pointer;color:var(--color-ash);padding:var(--spacing-xs)0;list-style:none;display:flex;justify-content:center;align-items: center;gap:4px;font-size:.75rem}.download-card-details summary:before{content:"▶";transition:transform var(--duration-fast)var(--ease-out);font-size:.5rem}.download-card-details[open] summary:before{transform:rotate(90deg)}.download-card-details summary::-webkit-details-marker{display:none}.download-card-details ol{margin:var(--spacing-sm)0;padding-left:var(--spacing-md);color:var(--color-charcoal);line-height:1.6}.download-card-details li{margin-bottom:4px}.download-card-details code{font-family:var(--font-mono);background:var(--color-mist);border-radius:3px;padding:2px 5px;font-size:.6875rem}.download-card-details a{color:var(--color-accent);text-decoration:none;font-size:.75rem}.download-card-details a:hover{text-decoration:underline}.opensource-section{padding:var(--spacing-2xl)0;border-top:1px solid var(--color-mist);text-align:center}.opensource-content{display:flex;align-items: center;gap:var(--spacing-md);flex-direction:column;max-width:500px;margin:0 auto}.opensource-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:300}.opensource-desc{color:var(--color-ash);font-size:1.125rem;line-height:1.6}.site-footer{border-top:1px solid var(--color-mist);padding:var(--spacing-xl)var(--spacing-lg);background:var(--color-cream)}.footer-content{max-width:var(--width-max);display:flex;justify-content:space-between;align-items: center;gap:var(--spacing-lg);flex-wrap:wrap;margin:0 auto}@media (max-width:768px){.site-footer{padding:var(--spacing-lg)var(--spacing-md)}.footer-content{text-align:center;gap:var(--spacing-md);flex-direction:column}.footer-links{gap:var(--spacing-sm)var(--spacing-md);justify-content:center;font-size:.8125rem}}.footer-brand{display:flex;gap:var(--spacing-xs);flex-direction:column}.footer-logo{font-family:var(--font-display);color:var(--color-ink);font-size:1.25rem;font-weight:400}.footer-tagline{color:var(--color-ash);font-size:.875rem}.footer-links{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.footer-links a{color:var(--color-ash);transition:color var(--duration-fast)var(--ease-out);font-size:.875rem}.footer-links a:hover{color:var(--color-accent)}.footer-author{display:flex;justify-content:center;align-items: center;gap:var(--spacing-md);padding-top:var(--spacing-lg);margin-top:var(--spacing-md);border-top:1px solid var(--color-mist);flex-wrap:wrap;width:100%}.footer-author-label{color:var(--color-ash);font-size:.875rem}.footer-author-label a{color:var(--color-text);transition:color var(--duration-fast)var(--ease-out)}.footer-author-label a:hover{color:var(--color-accent)}.footer-author-links{display:flex;align-items: center;gap:var(--spacing-sm)}.footer-social-link{display:flex;color:var(--color-ash);transition:all var(--duration-fast)var(--ease-out);text-decoration:none;background:0 0;border-radius:50%;justify-content:center;align-items: center;width:36px;height:36px}.footer-social-link:hover{color:var(--color-accent);background:var(--color-accent-dim)}.footer-author-divider{background:var(--color-mist);margin:0 var(--spacing-xs);width:1px;height:20px}.footer-newsletter{display:inline-flex;color:var(--color-text);text-decoration:none;background:var(--color-paper);border:1px solid var(--color-mist);transition:all var(--duration-fast)var(--ease-out);border-radius:100px;align-items: center;gap:6px;padding:8px 14px;font-size:.875rem;font-weight:500}.footer-newsletter:hover{border-color:var(--color-accent);color:var(--color-accent)}.footer-newsletter svg{transition:transform var(--duration-fast)var(--ease-out)}.footer-newsletter:hover svg{transform:translate(3px)}@media (max-width:768px){.footer-author{gap:var(--spacing-sm);flex-direction:column}.footer-author-divider{display:none}}.btn{display:inline-flex;justify-content:center;align-items: center;gap:var(--spacing-xs);font-family:var(--font-body);letter-spacing:.03em;cursor:pointer;transition:all var(--duration-base)var(--ease-out);position:relative;overflow:hidden;text-decoration:none;border:none;padding:1rem 2rem;font-size:.9375rem;font-weight:600}.btn-primary{background:var(--color-ink);color:var(--color-paper)}.btn-primary:before{content:"";position:absolute;background:var(--color-accent);transition:transform var(--duration-base)var(--ease-out);z-index:0;inset:0;transform:translateY(100%)}.btn-primary:hover:before{transform:translateY(0)}.btn-primary:hover{color:var(--color-paper)}.btn-primary span,.btn-primary svg{position:relative;z-index:1}.btn-primary:not(:has(span)){position:relative;z-index:1}.btn-secondary{color:var(--color-ink);border:1px solid var(--color-ink);background:0 0}.btn-secondary:hover{background:var(--color-ink);color:var(--color-paper)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary:focus-visible{outline-color:var(--color-paper);box-shadow:0 0 0 4px var(--color-accent)}.btn-secondary:focus-visible{outline-color:var(--color-accent)}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-8px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}[data-reveal]{opacity:0;transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transform:translateY(30px)}[data-reveal].revealed{opacity:1;transform:translateY(0)}[data-reveal]:first-child{transition-delay:0s}[data-reveal]:nth-child(2){transition-delay:.1s}[data-reveal]:nth-child(3){transition-delay:.2s}[data-reveal]:nth-child(4){transition-delay:.3s}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.hero-canvas{display:none}.hero-scroll-indicator{animation:none;opacity:1}[data-reveal],.gallery-frame{opacity:1;transform:none}}.load-error{display:flex;text-align:center;padding:var(--spacing-2xl)var(--spacing-lg);justify-content:center;align-items: center;gap:var(--spacing-md);background:var(--color-cream);border:1px solid var(--color-mist);border-radius:8px;flex-direction:column}.load-error-icon{color:var(--color-accent);font-size:2.5rem}.load-error-title{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:1.5rem;font-weight:400}.load-error-text{color:var(--color-ash);max-width:40ch;font-size:1rem;line-height:1.5}.load-error-retry{margin-top:var(--spacing-sm)}.bias-tags{display:flex;align-items: center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-direction:column}.bias-tags-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ash);font-size:.6875rem;font-weight:500}.bias-tags-list{display:flex;justify-content:center;gap:var(--spacing-xs);flex-wrap:wrap}.bias-tag{background:var(--color-cream);border:1px solid var(--color-mist);color:var(--color-charcoal);transition:all var(--duration-fast)var(--ease-out);padding:6px 12px;font-size:.75rem;font-weight:500}.bias-tag:hover{border-color:var(--color-accent);color:var(--color-accent)}.antidote-section{padding:var(--spacing-2xl)0;border-top:1px solid var(--color-mist)}.antidote-row{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);align-items:stretch}.antidote-row .patterns-tabbed{flex:1;min-width:0;margin-bottom:0}.gallery-stack-container{display:flex;gap:var(--spacing-xs);position:relative;flex-direction:column;flex:0 0 clamp(320px,34vw,420px)}.gallery-stack-header{display:flex;align-items: center;gap:var(--spacing-xs);white-space:nowrap}.gallery-stack-title{font-family:var(--font-display);color:var(--color-ink);flex:1;font-size:1rem;font-weight:600}.gallery-stack-btn{border:1px solid var(--color-mist);cursor:pointer;display:flex;color:var(--color-charcoal);transition:border-color var(--duration-fast),background var(--duration-fast);position:relative;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items: center;width:24px;height:24px;font-size:.6875rem}.gallery-stack-btn:after{content:"";position:absolute;inset:-10px}.gallery-stack-btn:hover{border-color:var(--color-charcoal)}.gallery-stack{position:relative;aspect-ratio:3/2;width:calc(100% - 20px);margin-bottom:20px}.gallery-stack-card{position:absolute;display:flex;overflow:hidden;border:1px solid var(--color-mist);text-decoration:none;will-change:transform,opacity;background:#fff;border-radius:8px;flex-direction:column;width:100%;height:100%;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .35s,box-shadow .35s;top:0;left:0}.gallery-stack-card img{object-fit:cover;object-position:top left;flex:1;width:100%;min-height:0}.gallery-stack-label{color:var(--color-charcoal);flex-shrink:0;padding:6px 10px;font-size:.75rem;font-weight:600}.gallery-stack-card[data-offset="0"]{z-index:3;opacity:1;box-shadow:0 2px 12px oklch(.2 0 0/.1);transform:translate(0)}.gallery-stack-card[data-offset="1"]{z-index:2;opacity:1;box-shadow:0 1px 6px oklch(.2 0 0/.08);pointer-events:none;transform:translate(8px,8px)}.gallery-stack-card[data-offset="2"]{z-index:1;opacity:1;box-shadow:0 1px 4px oklch(.2 0 0/.06);pointer-events:none;transform:translate(16px,16px)}.gallery-stack-card:not([data-offset="0"]):not([data-offset="1"]):not([data-offset="2"]){z-index:0;opacity:0;pointer-events:none;transform:translate(20px,20px)}.gallery-stack-link{color:var(--color-accent);text-decoration:none;text-align:center;font-size:.75rem;font-weight:500}.gallery-stack-link:hover{text-decoration:underline}@media (max-width:900px){.antidote-row{flex-direction:column}.gallery-stack-container{flex:none;width:100%;max-width:360px}}.patterns-tabbed{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:#fff;border-radius:8px}.patterns-tabs{display:flex;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:6px}@media (max-width:768px){.patterns-tabs{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-left:calc(-1*var(--spacing-lg));margin-right:calc(-1*var(--spacing-lg));padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);flex-wrap:nowrap}.patterns-tabs::-webkit-scrollbar{display:none}}.patterns-tab{font-family:var(--font-body);color:var(--color-charcoal);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;padding:6px 12px;transition:background .2s,color .2s;font-size:.75rem;font-weight:500}.patterns-tab:hover{background:var(--color-mist)}.patterns-tab.is-active{background:var(--color-ink);color:var(--color-paper)}.patterns-content{display:none}.patterns-content.is-active{display:flex;gap:var(--spacing-md);flex-direction:column}.patterns-col ul{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:0}.patterns-col li{padding-left:var(--spacing-sm);position:relative;color:var(--color-charcoal);overflow-wrap:break-word;word-break:break-word;font-size:.8125rem;line-height:1.55}.patterns-col--dont li:before{content:"×";position:absolute;color:var(--color-accent);font-weight:600;left:0}.patterns-col--do li:before{content:"✓";position:absolute;color:var(--color-success,#22c55e);font-weight:600;left:0}.detection-callout{margin-bottom:var(--spacing-xl);border:1px solid var(--color-mist);padding:var(--spacing-sm)var(--spacing-md);border-radius:8px}.detection-callout-inner{display:flex;align-items: center;gap:var(--spacing-md);flex-wrap:wrap}.detection-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:99px;flex-shrink:0;padding:3px 10px;font-size:.6875rem;font-weight:600}.detection-desc{color:var(--color-ash);flex:1;min-width:200px;font-size:.8125rem;line-height:1.55}.detection-desc code{font-family:var(--font-mono);color:var(--color-charcoal);font-size:.8125rem}.detection-cmd{font-family:var(--font-mono);color:var(--color-charcoal);white-space:nowrap;background:#f5f0f2;background:lab(95.2935% 1.66827 -.314271);border-radius:6px;flex-shrink:0;padding:6px 14px;font-size:.8125rem}.detection-cmd:before{content:"➜ ";color:var(--color-accent)}.antidote-footer{text-align:center}.antidote-suggest-link{color:var(--color-ash);text-decoration:none;font-size:.8125rem}.antidote-suggest-link:hover{color:var(--color-accent);text-decoration:underline}.pillar-item--main{background:var(--color-accent-dim);border:1px solid var(--color-accent)}.pillar-item--main .pillar-item-name{color:var(--color-accent);font-size:1.125rem;font-weight:600}.pillar-item--ref{padding:var(--spacing-xs)var(--spacing-sm);background:0 0}.pillar-item-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-ash);font-size:.75rem;font-weight:500}.pillar-refs{display:flex;gap:var(--spacing-xs);padding:0 var(--spacing-sm);flex-wrap:wrap}.pillar-ref{text-transform:uppercase;letter-spacing:.03em;background:var(--color-paper);color:var(--color-ash);border:1px solid var(--color-mist);transition:all var(--duration-fast)var(--ease-out);border-radius:3px;padding:4px 10px;font-size:.6875rem;font-weight:500}.pillar-ref:hover{border-color:var(--color-accent);color:var(--color-accent)}.pillar-command-group{display:flex;align-items: center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-paper);border-radius:4px;flex-wrap:wrap}.pillar-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-ash);width:100%;margin-bottom:4px;font-size:.6875rem;font-weight:600}.pillar-command-group .pillar-item-code{background:var(--color-accent-dim);border-radius:3px;padding:4px 8px;font-size:.8125rem}.platforms-section{padding:var(--spacing-2xl)0;border-top:1px solid var(--color-mist)}@media (min-width:1100px){.platforms-section{border-top:none}}.platforms-section .section-subtitle{max-width:60ch}.install-paths{display:grid;grid-template-columns:5fr 3fr 3fr;gap:0 var(--spacing-xl);margin:0 0 var(--spacing-xl);align-items: start}.install-path{display:flex;flex-direction:column;min-width:0}.install-path-primary{padding:var(--spacing-lg);background:#fff;border-radius:16px}.install-path-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--color-accent);font-size:.625rem;font-weight:600}.install-path:not(.install-path-primary){padding-top:var(--spacing-lg)}.install-path-secondary .install-path-label{color:var(--color-ash)}.install-path-title{font-family:var(--font-display);margin:var(--spacing-xs)0 var(--spacing-sm);font-size:1.5rem;font-weight:600;line-height:1.2}.install-path-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);border:1px solid var(--color-accent);vertical-align:middle;position:relative;border-radius:3px;margin-left:6px;padding:2px 6px;font-size:.5rem;font-weight:600;top:-2px}.install-path-badge-muted{color:var(--color-ash);border-color:var(--color-mist)}.install-path-desc{color:var(--color-charcoal);margin:0 0 var(--spacing-md);font-size:.9375rem;line-height:1.6}.terminal-header-license{color:#948d90;color:color(display-p3 .576286 .552912 .563653);color:lab(59.267% 3.32981 -.628078);letter-spacing:.01em;margin-left:auto;font-size:.6875rem}.terminal-header-license a{color:inherit;text-decoration:underline;text-decoration-color:oklch(85% .005 350);text-underline-offset:2px}.terminal-header-license a:hover{color:var(--color-charcoal)}.install-path-terminal{margin-bottom:var(--spacing-sm)}.install-path-terminal .glass-terminal{height:auto}.install-path-terminal .terminal-body{padding:0}.install-path-next{color:var(--color-charcoal);padding-top:var(--spacing-md);margin-top:auto;font-size:.8125rem;line-height:1.5}.install-path-next code{font-family:var(--font-mono);color:var(--color-ink);font-size:.8125rem;font-weight:600}.install-path-slash{color:var(--color-accent)}.install-path-subcommands{display:flex;margin-top:var(--spacing-sm);flex-direction:column;gap:6px}.install-path-subcommand{color:var(--color-charcoal);font-size:.75rem;line-height:1.4}.install-path-subcommand code{font-family:var(--font-mono);color:var(--color-ink);background:var(--color-mist);border-radius:3px;margin-right:4px;padding:2px 6px;font-size:.6875rem;font-weight:600}.install-path-link{padding-top:var(--spacing-md);margin-top:auto;font-size:.8125rem}.install-path-link a{color:var(--color-accent);text-decoration:none}.install-path-link a:hover{text-decoration:underline}.install-together{margin:0 0 var(--spacing-xl);border:1px solid var(--color-mist);padding:var(--spacing-sm)var(--spacing-md);border-radius:8px;max-width:960px}.install-together-inner{display:flex;align-items: center;gap:var(--spacing-md)}.install-together-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);border:1px solid var(--color-accent);white-space:nowrap;border-radius:99px;flex-shrink:0;padding:2px 10px;font-size:.625rem;font-weight:600}.install-together-text{color:var(--color-ash);margin:0;font-size:.8125rem;line-height:1.55}.install-path-step{display:inline-flex;vertical-align:1px;border:1.5px solid;border-radius:50%;justify-content:center;align-items: center;width:18px;height:18px;margin-right:4px;font-size:.5rem;font-weight:700;line-height:1}.install-updated-subscribe{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-direction:column}.install-updated-subscribe iframe{display:block;max-width:100%}.install-updated-x{display:inline-flex;color:var(--color-ink);text-decoration:none;transition:color var(--duration-fast)var(--ease-out);align-items: center;gap:6px;font-size:.8125rem;font-weight:600}.install-updated-x:hover{color:var(--color-accent)}.install-updated-refs{padding-top:var(--spacing-md);border-top:1px solid var(--color-mist);margin-top:auto}.install-updated-refs-label{display:block;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ash);margin-bottom:8px;font-size:.5625rem;font-weight:600}.install-updated-ref{display:block;color:var(--color-charcoal);text-decoration:none;transition:color var(--duration-fast)var(--ease-out);margin-bottom:6px;font-size:.8125rem}a.install-updated-ref:hover{color:var(--color-accent)}.install-updated-ref-terminal{display:flex;align-items: center;gap:var(--spacing-xs);font-family:var(--font-mono);color:var(--color-charcoal);background:var(--color-cream);border:1px solid var(--color-mist);border-radius:6px;margin-top:8px;padding:6px 10px;font-size:.75rem}.install-updated-ref-terminal .terminal-prompt{color:var(--color-ash);font-size:.75rem}.install-updated-ref-terminal code{font-family:inherit;font-size:inherit;color:var(--color-ink);background:0 0;padding:0}@media (max-width:900px){.install-paths{grid-template-columns:1fr;gap:var(--spacing-xl);max-width:calc(100vw - var(--spacing-md)*2)}.install-path-primary{margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.install-path-title{font-size:1.25rem}.install-path-desc{overflow-wrap:break-word;font-size:.875rem}.install-together-inner{align-items: flex-start;gap:var(--spacing-xs);flex-direction:column}.install-updated-subscribe iframe{height:130px}.install-terminal-cmd code{white-space:normal;overflow-wrap:break-word;font-size:.75rem}.install-alt-method{padding:var(--spacing-sm)}.install-alt-method .install-terminal-cmd code{white-space:normal;overflow-wrap:break-word;font-size:.6875rem}.install-alt-method .install-terminal-cmd .copy-btn{display:none}.install-path-terminal .glass-terminal{box-shadow:none}.install-terminal,.install-alternatives{max-width:100%}}.install-terminal{max-width:640px;margin:0 auto}.install-terminal .glass-terminal{height:auto}.install-terminal .terminal-body{display:flex;flex-direction:column;padding:0}.install-terminal-row{display:flex;padding:var(--spacing-md)var(--spacing-lg);flex-direction:column;gap:6px}.install-terminal-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ash);font-size:.625rem;font-weight:600}.install-terminal-cmd{display:flex;align-items: center;gap:var(--spacing-sm)}.install-terminal-cmd .terminal-prompt{flex-shrink:0}.install-terminal-cmd code{font-family:var(--font-mono);color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:0 0;flex:1;padding:0;font-size:.9375rem}.install-terminal-cmd .copy-btn{flex-shrink:0}.install-terminal-cmd .btn{padding:.5rem 1rem;font-size:.8125rem}.install-terminal-note{color:var(--color-ash);padding-left:calc(.75rem + var(--spacing-sm));font-size:.75rem}.install-terminal-note code{font-family:var(--font-mono);background:var(--color-mist);color:var(--color-ink);border-radius:3px;padding:2px 5px;font-size:.6875rem}.install-terminal-divider{background:var(--color-mist);height:1px;margin:0}@media (max-width:600px){.install-terminal-row{padding:var(--spacing-sm)var(--spacing-md)}.install-terminal-cmd code{font-size:.75rem}}.install-providers{display:flex;align-items: center;gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-direction:column}.install-providers-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-ash);font-size:.75rem;font-weight:600}.install-providers-row{display:flex;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}.install-provider-badge{display:flex;color:var(--color-charcoal);align-items: center;gap:6px;font-size:.8125rem}.install-provider-badge img{border-radius:4px}.install-alternatives{margin:var(--spacing-sm)auto 0;max-width:640px}.install-alternatives-toggle{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ash);cursor:pointer;padding:var(--spacing-sm)0;list-style:none;display:flex;transition:color var(--duration-fast)var(--ease-out);align-items: center;gap:6px;font-size:.75rem;font-weight:600}.install-alternatives-toggle::-webkit-details-marker{display:none}.install-alternatives-toggle:before{content:"";display:inline-block;transition:transform var(--duration-fast)var(--ease-out);border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid;width:0;height:0}.install-alternatives[open] .install-alternatives-toggle:before{transform:rotate(90deg)}.install-alternatives-toggle:hover{color:var(--color-charcoal)}.install-alternatives-content{animation:altFadeIn .2s var(--ease-out)}@keyframes altFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.install-alt-method{padding:var(--spacing-md)var(--spacing-lg)}.install-alt-label{display:block;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ash);margin-bottom:6px;font-size:.625rem;font-weight:600}.install-alt-method .install-terminal-cmd{display:flex;align-items: center;gap:var(--spacing-sm)}.install-alt-method .terminal-prompt{color:var(--color-accent);font-family:var(--font-mono);user-select:none;font-weight:700}.install-alt-method code{font-family:var(--font-mono);color:var(--color-ink);font-size:.875rem}.install-alt-note{display:block;color:var(--color-ash);margin-top:4px;font-size:.75rem}.install-alt-note code{font-family:var(--font-mono);background:var(--color-mist);color:var(--color-ink);border-radius:3px;padding:2px 5px;font-size:.6875rem}.install-alt-download{display:flex;align-items: center;gap:var(--spacing-sm)}.install-alt-divider{background:var(--color-mist);height:1px}.install-prefix-options{display:flex;align-items: flex-start;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.install-prefix-option{display:flex;border:1.5px solid var(--color-mist);cursor:pointer;transition:all var(--duration-fast)var(--ease-out);border-radius:8px;flex:1;align-items: flex-start;gap:8px;padding:10px 12px;line-height:1}.install-prefix-option:hover{border-color:var(--color-charcoal)}.install-prefix-option:has(input:checked){border-color:var(--color-accent)}.install-prefix-option input{appearance:none;-webkit-appearance:none;border:1.5px solid var(--color-mist);transition:all var(--duration-fast)var(--ease-out);position:relative;border-radius:50%;flex-shrink:0;width:16px;height:16px;margin:0}.install-prefix-option input:checked{border-color:var(--color-accent);background:var(--color-accent)}.install-prefix-option input:checked:after{content:"";position:absolute;background:var(--color-paper);border-radius:50%;width:6px;height:6px;top:50%;left:50%;transform:translate(-50%,-50%)}.install-prefix-option input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.install-prefix-option-content{display:flex;flex-direction:column;gap:3px;padding-top:1px}.install-prefix-option-label{color:var(--color-ink);font-size:.8125rem;font-weight:600;line-height:1}.install-prefix-option-examples{display:flex;flex-wrap:wrap;gap:4px}.install-prefix-option-examples code{font-family:var(--font-mono);background:var(--color-accent-dim);color:var(--color-accent);border-radius:3px;padding:2px 6px;font-size:.6875rem}.install-prefix-option-wrap{display:flex;flex-direction:column;flex:1;align-self: flex-start;gap:4px}.install-prefix-reason{color:var(--color-ash);padding-left:2px;font-size:.6875rem;line-height:1.4}.install-prefix-option-label code{font-family:var(--font-mono);background:var(--color-accent-dim);color:var(--color-accent);border-radius:3px;padding:1px 5px;font-size:.6875rem}.install-alt-method .install-prefix-options,.install-alt-method .install-alt-download{margin-top:var(--spacing-sm)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}@media (max-width:600px){.install-prefix-options{flex-direction:column}.install-alt-method{padding:var(--spacing-sm)var(--spacing-md)}.install-alt-method code{font-size:.75rem}}.has-tooltip{position:relative;cursor:default}.has-tooltip:after{content:attr(data-tooltip);position:absolute;background:var(--color-ink);color:var(--color-paper);white-space:nowrap;pointer-events:none;opacity:0;z-index:100;border-radius:6px;padding:6px 10px;transition:opacity .15s;font-size:.6875rem;line-height:1.4;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.has-tooltip:hover:after{opacity:1}.hero-logo-icon{display:inline-flex;align-items: center}.download-tip{color:var(--color-ash);margin-top:var(--spacing-sm);text-align:center;font-size:.8125rem}.download-tip a{color:var(--color-accent);text-decoration:none}.download-tip a:hover{text-decoration:underline}.consulting-section{padding:var(--spacing-xl)0;border-top:1px solid var(--color-mist)}.consulting-content{display:flex;justify-content:space-between;align-items: center;gap:var(--spacing-lg);flex-wrap:wrap}.consulting-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.consulting-text{flex:1;min-width:280px}.consulting-title{margin:0 0 var(--spacing-sm)0;font-size:clamp(1.5rem,4vw,2rem);font-style:italic;font-weight:300}.consulting-desc{color:var(--color-charcoal);max-width:45ch;margin:0;font-size:1rem;line-height:1.6}@media (max-width:600px){.consulting-content{flex-direction:column;align-items: flex-start}.consulting-actions{flex-direction:column;width:100%}.consulting-actions .btn{justify-content:center;width:100%}}