:root[data-nyxsis-theme=smooth-by-design]{--theme-brand:#1f7a43;--theme-on-brand:#fff;--theme-primary:#5fc686;--theme-secondary:#fff;--theme-background:#08110b;--theme-background-alt:#112119;--theme-text:#f3f7f1;--theme-text-muted:#8fa697}:root[data-nyxsis-theme=smooth-by-design][data-nyxsis-scheme=light]{--theme-primary:#1f7a43;--theme-secondary:#0e3b20;--theme-background:#fff;--theme-background-alt:#e9f3ea;--theme-text:#0e1f14;--theme-text-muted:#4f6657}@font-face{font-family:Comfortaa;src:url(./Comfortaa-CLB3k12Y.woff2)format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Quicksand;src:url(./Quicksand-Buj9m_3d.woff2)format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Cascadia Mono;src:url(./CascadiaMono-DLJQ3041.woff2)format("woff2");font-weight:200 700;font-display:swap}:root{--font-display:"Comfortaa", "Quicksand", system-ui, sans-serif;--font-body:"Quicksand", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Cascadia Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--display-weight:600;--display-tracking:-.01em;--body-weight:500;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--line:color-mix(in srgb, var(--theme-text) 14%, transparent);--line-strong:color-mix(in srgb, var(--theme-text) 28%, transparent);--radius:14px;--gutter:clamp(16px, 4vw, 40px);--max:1200px}:root[data-nyxsis-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--theme-background);color:var(--theme-text);font-family:var(--font-body);font-weight:var(--body-weight,400);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.55}img{max-width:100%}a{color:var(--theme-primary);text-underline-offset:3px}code,.mono{font-family:var(--font-mono);font-size:.86em}:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px;border-radius:4px}.wrap{max-width:var(--max);padding-inline:var(--gutter);margin:0 auto}.bar-brand,.hero h1,.page-head h1,.group-head h2,.card h2,.product-card h3,.scheme h2,.face-head h2,.company h2{font-family:var(--font-display);font-weight:var(--display-weight,700);font-stretch:var(--display-stretch,normal);letter-spacing:var(--display-tracking,normal);text-transform:var(--display-case,none)}.bar{z-index:10;background:var(--theme-background);box-shadow:inset 0 -1px 0 var(--line);padding-top:env(safe-area-inset-top,0px);position:sticky;top:0}.bar-inner{align-items:center;gap:20px;min-height:64px;display:flex}.bar-brand{color:var(--theme-text);white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:flex}.bar-brand img{width:28px;height:28px}.bar-nav{scrollbar-width:none;align-self:stretch;margin-left:8px;display:flex;overflow-x:auto}.bar-nav a{color:var(--theme-text-muted);white-space:nowrap;align-items:center;padding:0 14px;font-size:15px;text-decoration:none;transition:color .12s,box-shadow .12s;display:flex;box-shadow:inset 0 -3px #0000}.bar-nav a:hover{color:var(--theme-text);box-shadow:inset 0 -3px 0 var(--line-strong)}.bar-nav a[aria-current=page]{color:var(--theme-text);box-shadow:inset 0 -3px 0 var(--theme-brand)}.bar-nav a:focus-visible{outline-offset:-2px}.bar-end{align-items:center;gap:8px;margin-left:auto;display:flex}.scheme-toggle{border:1px solid var(--line);width:36px;height:36px;color:var(--theme-text);cursor:pointer;background:0 0;border-radius:10px;place-items:center;display:inline-grid}.scheme-toggle:hover{background:var(--theme-background-alt)}.scheme-toggle svg{width:18px;height:18px}.scheme-toggle .to-dark,:root[data-nyxsis-scheme=light] .scheme-toggle .to-light{display:none}:root[data-nyxsis-scheme=light] .scheme-toggle .to-dark{display:block}@media (width<=560px){.bar-inner{gap:8px}.bar-brand span{display:none}.bar-nav{margin-left:0}.bar-nav a{padding:0 10px}}.hero{border-bottom:1px solid var(--line);padding-block:clamp(48px,9vw,112px) clamp(36px,6vw,72px);position:relative}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--theme-primary);margin:0 0 18px;font-size:12px}.hero h1{overflow-wrap:anywhere;margin:0;font-size:clamp(40px,7.5vw,88px);line-height:.98}.lede{color:var(--theme-text-muted);max-width:46em;margin:20px 0 0;font-size:clamp(17px,2vw,20px)}.hero-logo{background:var(--theme-background-alt);border-radius:calc(var(--radius) + 6px);place-items:center;margin-top:clamp(32px,5vw,56px);padding:clamp(28px,5vw,56px);display:grid}.hero-logo img{object-fit:contain;width:min(560px,100%);max-height:220px}.hero-rule{background:var(--theme-brand);border-radius:2px;width:96px;height:4px;margin:28px 0 0}.for-light,:root[data-nyxsis-scheme=light] .for-dark{display:none}:root[data-nyxsis-scheme=light] .for-light{display:block}.page-head{border-bottom:1px solid var(--line);padding-block:clamp(40px,7vw,88px) clamp(28px,4vw,44px)}.page-head h1{margin:0;font-size:clamp(36px,6vw,64px);line-height:1}.page-head p{color:var(--theme-text-muted);max-width:44em;margin:16px 0 0;font-size:17px}.section{border-bottom:1px solid var(--line);padding-block:clamp(48px,7vw,88px)}.section:last-of-type{border-bottom:0}.group+.group{margin-top:56px}.group-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:20px;padding-bottom:12px;display:flex}.group-head h2{margin:0;font-size:20px}.group-head p{color:var(--theme-text-muted);margin:0;font-size:15px}.tiles{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--theme-background);flex-direction:column;margin:0;display:flex;overflow:hidden}.tile-stage{aspect-ratio:4/3;background:var(--theme-background-alt);flex:1 0 auto;place-items:center;padding:28px;display:grid}.tile.wide{grid-column:span 2}.tile.wide .tile-stage{aspect-ratio:auto;min-height:220px}@media (width<=560px){.tile.wide{grid-column:auto}}.tile[data-ground=dark] .tile-stage{background:var(--ground-dark)}.tile[data-ground=light] .tile-stage{background:var(--ground-light)}.tile-stage img{object-fit:contain;max-width:100%;max-height:140px}.tile-stage img.icon{width:112px;height:112px}.tile-stage img.spinner{width:auto;max-width:100%;height:96px}.tile.wide .tile-stage img.spinner{height:260px;max-height:none}.tile figcaption{border-top:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 14px;display:flex}.tile-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.tile-links{flex-shrink:0;gap:6px;display:flex}.dl{font-family:var(--font-mono);letter-spacing:.04em;color:var(--theme-text);border:1px solid var(--line-strong);border-radius:7px;padding:5px 8px;font-size:11.5px;font-weight:600;text-decoration:none}.dl:hover{background:var(--theme-brand);border-color:var(--theme-brand);color:var(--theme-on-brand)}.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);color:var(--theme-text);flex-direction:column;gap:8px;padding:14px 14px 20px;text-decoration:none;transition:border-color .15s;display:flex}.card:hover{border-color:var(--theme-brand)}.card-stage{border-radius:var(--radius);background:var(--theme-background-alt);justify-content:center;align-items:center;gap:14px;height:132px;margin-bottom:8px;padding:20px;display:flex;overflow:hidden}.card-stage img{object-fit:contain;min-width:0;max-width:100%;max-height:84px}.card-stage img.card-icon{width:44px;max-width:none;height:44px}.card-band{gap:10px}.card-band span{width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:50%}.card h2{margin:0 6px;font-size:22px}.card p{color:var(--theme-text-muted);margin:0 6px;font-size:15px}.product-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.product-card{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);color:var(--theme-text);align-items:flex-start;gap:18px;padding:20px;text-decoration:none;transition:border-color .15s;display:flex}.product-card:hover{border-color:var(--theme-brand)}.product-card>img{flex:none;width:64px;height:64px}.product-card-text{flex-direction:column;gap:8px;display:flex}.product-card h3{margin:0;font-size:21px;line-height:1.1}.product-card p{color:var(--theme-text-muted);margin:0;font-size:15px}.product-head{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.product-head>img{width:88px;height:88px}.product-head p{margin:0}.back{color:var(--theme-text-muted);font-size:14px;text-decoration:none}.back:hover{color:var(--theme-text)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line-strong);color:var(--theme-text-muted);border-radius:999px;padding:3px 8px;font-size:11px}.product-link{font-size:14px;font-weight:600;text-decoration:none}.product-link:hover{text-decoration:underline}.schemes{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.scheme{border-radius:calc(var(--radius) + 4px);border:1px solid var(--line);padding:clamp(18px,3vw,28px)}.scheme h2{margin:0 0 4px;font-size:20px}.scheme>p{opacity:.75;margin:0 0 18px;font-size:14px}.swatches{gap:6px;margin:0;padding:0;list-style:none;display:grid}.swatch{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.swatch-chip{width:40px;height:40px;box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 22%, transparent);border-radius:10px}.swatch-role{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:12.5px}.copy{font-family:var(--font-mono);color:inherit;border:1px solid color-mix(in srgb, currentColor 26%, transparent);cursor:pointer;background:0 0;border-radius:8px;padding:6px 9px;font-size:12.5px;font-weight:600}.copy:hover{background:color-mix(in srgb, currentColor 10%, transparent)}.css-block{border:1px solid var(--line);border-radius:var(--radius);margin-top:16px;overflow:hidden}.css-block-head{border-bottom:1px solid var(--line);background:var(--theme-background-alt);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.css-block-head span{font-family:var(--font-mono);color:var(--theme-text-muted);font-size:12.5px}.css-block-head div{gap:6px;display:flex}.css-block pre{font-family:var(--font-mono);margin:0;padding:16px;font-size:12.5px;line-height:1.6;overflow-x:auto}.card-type{color:var(--theme-text);gap:24px;font-size:56px;line-height:1}.faces{gap:16px;display:grid}.face{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);flex-direction:column;gap:18px;padding:clamp(18px,3vw,28px);display:flex}.face-head{flex-wrap:wrap;align-items:baseline;gap:6px 16px;display:flex}.face-role{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--theme-primary);font-size:12px}.face-head h2{margin:0;font-size:28px;line-height:1.1}.face-sample{border-radius:var(--radius);background:var(--theme-background-alt);overflow-wrap:anywhere;margin:0;padding:clamp(18px,3vw,28px)}.face-sample.display{font-size:clamp(36px,6vw,64px);line-height:1.05}.face-sample.text{max-width:46em;font-size:18px;line-height:1.6}.face-sample.mono{white-space:pre-wrap;font-size:15px;line-height:1.7}.face-usage{color:var(--theme-text-muted);max-width:46em;margin:0}.face-weights{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.face-weights li{border:1px solid var(--line);border-radius:10px;align-items:baseline;gap:10px;padding:8px 14px;display:flex}.face-weights li span:first-child{font-size:26px;line-height:1}.face-weights .mono{color:var(--theme-text-muted)}.face-links{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:16px;display:flex}.face-links .copy{text-align:left;overflow-wrap:anywhere}.face-files{gap:6px;display:flex}.band{border-radius:3px;width:min(320px,60%);height:6px;margin-top:28px;display:flex;overflow:hidden}.band span{flex:1}.companies{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.company{--accent:var(--theme-brand);border-radius:calc(var(--radius) + 4px);border:1px solid var(--line);color:var(--theme-text);flex-direction:column;gap:14px;padding:24px;text-decoration:none;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.company:before{content:"";background:var(--accent);height:4px;position:absolute;inset:0 0 auto}.company:hover{border-color:var(--accent)}.company.parent{grid-column:1/-1}.company-mark{width:56px;height:56px}.company h2{margin:0;font-size:24px;line-height:1.05}.company p{color:var(--theme-text-muted);margin:0;font-size:15px}.company-go{font-family:var(--font-mono);color:var(--theme-text-muted);margin-top:auto;font-size:12.5px}.company:hover .company-go{color:var(--theme-text)}.company-icons{flex-wrap:wrap;gap:8px;display:flex}.company-icons img{width:36px;height:36px}.index{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.index a{border-radius:var(--radius);border:1px solid var(--line);color:var(--theme-text);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:18px 12px 14px;text-decoration:none;display:flex}.index a:hover{border-color:var(--line-strong);background:var(--theme-background-alt)}.index img{width:72px;height:72px}.index strong{font-size:15px;font-weight:700}.index span{color:var(--theme-text-muted);font-size:12.5px}.foot{border-top:1px solid var(--line);padding-block:28px calc(28px + env(safe-area-inset-bottom,0px));color:var(--theme-text-muted);font-size:14px}.foot .wrap{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;display:flex}.foot a{color:inherit}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--theme-text);color:var(--theme-background);opacity:0;pointer-events:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;transition:opacity .15s,transform .15s;position:fixed;transform:translate(-50%,12px)}.toast.show{opacity:1;transform:translate(-50%)}
