:root{--hue-primary: 152;--hue-secondary: 75;--hue-primary-complement: calc(var(--hue-primary) + 180);--hue-secondary-complement: calc(var(--hue-secondary) + 180);--color-primary: oklch(.78 .2 var(--hue-primary));--color-primary-light: oklch(.88 .15 var(--hue-primary));--color-primary-dark: oklch(.52 .16 var(--hue-primary));--color-primary-hover: oklch(.7 .23 var(--hue-primary));--color-primary-subtle: oklch(.3 .06 var(--hue-primary));--color-secondary: oklch(.8 .16 var(--hue-secondary));--color-secondary-light: oklch(.88 .12 var(--hue-secondary));--color-secondary-dark: oklch(.55 .13 var(--hue-secondary));--color-secondary-hover: oklch(.72 .18 var(--hue-secondary));--color-complement-primary: oklch(.7 .2 var(--hue-primary-complement));--color-complement-secondary: oklch(.72 .18 var(--hue-secondary-complement));--color-bg: oklch(.16 .02 var(--hue-primary));--color-bg-deep: oklch(.11 .018 var(--hue-primary));--color-surface: oklch(.21 .025 var(--hue-primary));--color-surface-raised: oklch(.26 .03 var(--hue-primary));--color-border: oklch(.4 .04 var(--hue-primary));--color-text: oklch(.94 .02 var(--hue-primary));--color-text-muted: oklch(.72 .03 var(--hue-primary));--color-black: oklch(.09 .015 var(--hue-primary));--color-white: oklch(.98 .01 var(--hue-primary));--glow-primary: oklch(.78 .2 var(--hue-primary) / .55);--glow-secondary: oklch(.8 .16 var(--hue-secondary) / .5);--font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, "SF Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-2xl: 2.5rem;--text-3xl: clamp(2.75rem, 6vw, 5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--radius-sm: 4px;--radius: 8px;--radius-lg: 16px;--content-max: 72rem;--nav-height: 4rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--transition: .2s var(--ease-out)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,svg,video{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul[role=list],ol[role=list]{list-style:none;padding:0}:where(:focus-visible){outline:2px solid var(--color-secondary);outline-offset:2px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--color-white);text-wrap:balance}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5,h6{font-size:var(--text-base);text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary)}p{text-wrap:pretty;color:var(--color-text)}p+p{margin-top:var(--space-4)}a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--color-primary),transparent 55%);text-underline-offset:.2em;transition:color var(--transition),text-decoration-color var(--transition)}a:not([class]):hover{color:var(--color-secondary);text-decoration-color:var(--color-secondary)}strong,b{color:var(--color-white);font-weight:700}em,i{color:var(--color-secondary-light)}blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-6);border-left:3px solid var(--color-primary);background:var(--color-surface);border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--color-text-muted)}code,kbd,samp{font-family:var(--font-mono);font-size:.9em;padding:.15em .4em;border-radius:var(--radius-sm);background:var(--color-bg-deep);color:var(--color-secondary);border:1px solid var(--color-border)}pre{margin:var(--space-6) 0;padding:var(--space-4);overflow-x:auto;border-radius:var(--radius);background:var(--color-bg-deep);border:1px solid var(--color-border)}pre code{padding:0;border:none;background:none;color:var(--color-primary-light)}ul:not([role]),ol:not([role]){margin:var(--space-4) 0;padding-left:var(--space-6)}li+li{margin-top:var(--space-2)}li::marker{color:var(--color-primary)}hr{border:none;height:1px;margin:var(--space-8) 0;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}body{display:flex;flex-direction:column;min-height:100vh;position:relative;background-image:linear-gradient(color-mix(in oklch,var(--color-primary),transparent 94%) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--color-primary),transparent 94%) 1px,transparent 1px);background-size:2.5rem 2.5rem;background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 0%,color-mix(in oklch,var(--color-primary),transparent 82%),transparent 60%)}main{flex:1 0 auto}.wrap{width:min(100% - 2rem,var(--content-max));margin-inline:auto}.section{padding-block:var(--space-24)}.section--tight{padding-block:var(--space-12)}.stack>*+*{margin-top:var(--space-6)}.grid-2{display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}.eyebrow{display:inline-block;font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.18em;color:var(--color-secondary);margin-bottom:var(--space-3)}.eyebrow:before{content:"// ";color:var(--color-primary)}.site-nav{position:sticky;top:0;z-index:100;height:var(--nav-height);display:flex;align-items:center;backdrop-filter:blur(12px);background:color-mix(in oklch,var(--color-bg-deep),transparent 15%);border-bottom:1px solid var(--color-border)}.site-nav__inner{width:min(100% - 2rem,var(--content-max));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.site-nav__brand{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--color-white);display:inline-flex;align-items:center;gap:var(--space-2)}.site-nav__brand:before{content:"";width:.7rem;height:.7rem;border-radius:2px;background:var(--color-primary);box-shadow:0 0 10px var(--glow-primary);animation:pulse 2s var(--ease-out) infinite}.site-nav__menu{display:flex;align-items:center;gap:var(--space-6);list-style:none;margin:0;padding:0}.site-nav__link{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);position:relative;padding-block:var(--space-2);transition:color var(--transition)}.site-nav__link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--color-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}.site-nav__link:hover,.site-nav__link[aria-current=page]{color:var(--color-primary)}.site-nav__link:hover:after,.site-nav__link[aria-current=page]:after{transform:scaleX(1)}.site-nav__toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-2)}.site-nav__toggle span{display:block;width:24px;height:2px;background:var(--color-primary);transition:transform var(--transition),opacity var(--transition)}@media(max-width:40rem){.site-nav__toggle{display:flex}.site-nav__menu{position:absolute;inset:var(--nav-height) 0 auto 0;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--color-bg-deep);border-bottom:1px solid var(--color-border);clip-path:inset(0 0 100% 0);transition:clip-path .25s var(--ease-out)}.site-nav__menu.is-open{clip-path:inset(0 0 0 0)}}.hero{position:relative;overflow:hidden;padding-block:var(--space-24);text-align:center;isolation:isolate}.hero:before{content:"";position:absolute;inset:-20% -20% auto;height:60%;z-index:-1;background:radial-gradient(ellipse at 30% 20%,var(--glow-primary),transparent 55%),radial-gradient(ellipse at 75% 40%,var(--glow-secondary),transparent 50%);filter:blur(30px);animation:drift 14s var(--ease-out) infinite alternate}.hero__inner{width:min(100% - 2rem,56rem);margin-inline:auto}.hero__title{font-size:var(--text-3xl);background:linear-gradient(100deg,var(--color-primary),var(--color-secondary),var(--color-complement-primary));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 8s linear infinite}.hero__subtitle{margin-top:var(--space-4);font-size:var(--text-xl);font-weight:400;color:var(--color-secondary-light);font-family:var(--font-mono)}.hero__description{margin:var(--space-6) auto 0;max-width:42rem;font-size:var(--text-lg);color:var(--color-text-muted)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-top:var(--space-8)}.btn-cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;font-weight:600;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.btn-cta--primary{background:var(--color-primary);color:var(--color-black);box-shadow:0 0 0 1px var(--color-primary),0 4px 24px var(--glow-primary)}.btn-cta--primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 0 0 1px var(--color-primary-hover),0 8px 32px var(--glow-primary)}.btn-cta--secondary{color:var(--color-secondary);box-shadow:inset 0 0 0 1px var(--color-secondary)}.btn-cta--secondary:hover{background:color-mix(in oklch,var(--color-secondary),transparent 88%);transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--color-secondary),0 6px 24px var(--glow-secondary)}.text-block{padding:var(--space-8);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);position:relative;overflow:hidden}.text-block:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--color-primary),var(--color-secondary))}.text-block>h3{color:var(--color-white);margin-bottom:var(--space-4)}.text-block>h3:after{content:"_";color:var(--color-primary);animation:blink 1.1s steps(1) infinite}[data-zen-editable=true]{transition:outline-color var(--transition),background var(--transition);outline:1px dashed transparent;outline-offset:4px;cursor:pointer}[data-zen-editable=true]:hover{outline-color:var(--color-secondary);background:color-mix(in oklch,var(--color-secondary),transparent 94%)}.cta-band{text-align:center;padding:var(--space-16);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 120%,color-mix(in oklch,var(--color-primary),transparent 78%),transparent 60%),var(--color-surface-raised);border:1px solid var(--color-border)}.card{padding:var(--space-6);border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);transition:transform var(--transition),border-color var(--transition)}.card:hover{transform:translateY(-4px);border-color:var(--color-primary)}.site-footer{flex-shrink:0;margin-top:var(--space-24);padding-block:var(--space-12) var(--space-8);background:var(--color-bg-deep);border-top:1px solid var(--color-border)}.site-footer__inner{width:min(100% - 2rem,var(--content-max));margin-inline:auto;display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}.site-footer__col h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--space-3)}.site-footer__col a{display:block;color:var(--color-text-muted);padding-block:var(--space-1);transition:color var(--transition)}.site-footer__col a:hover{color:var(--color-secondary)}.site-footer__bar{width:min(100% - 2rem,var(--content-max));margin:var(--space-8) auto 0;padding-top:var(--space-6);border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.sg-section{padding-block:var(--space-12);border-bottom:1px solid var(--color-border)}.sg-section>h2{margin-bottom:var(--space-6)}.sg-swatches{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}.sg-swatch{border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-xs)}.sg-swatch__chip{height:5rem}.sg-swatch__label{padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--color-text-muted)}.sg-specimens{display:grid;gap:var(--space-6)}.sg-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 10px var(--glow-primary)}50%{opacity:.6;box-shadow:0 0 18px var(--glow-primary)}}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes shimmer{to{background-position:200% center}}@keyframes drift{0%{transform:translate3d(-3%,0,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}[data-reveal].is-revealed{opacity:1;transform:none}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){[data-reveal]{opacity:1;transform:none;animation:reveal-in linear both;animation-timeline:view();animation-range:entry 0% entry 45%}}}@keyframes reveal-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}