:root{--accent:#D5F36B;--komodo-black:#000000;--komodo-ink-950:#0B120E;--komodo-ink-900:#182820;--komodo-blue-600:#B7D157;--komodo-blue-500:#D5F36B;--komodo-blue-400:#D5F36B;--komodo-blue-300:#DDEAAD;--komodo-blue-100:#EDF3D6;--komodo-glow:#F2F0E6;--success:#2fd08a;--warning:#ffc46b;--danger:#ff5470;--danger-text:#ff8098;--text-primary:#F2F0E6;--text-secondary:rgba(242,240,230,0.72);--text-tertiary:rgba(242,240,230,0.55);--text-faint:rgba(242,240,230,0.36);--hairline:rgba(255,255,255,0.08);--hairline-strong:rgba(255,255,255,0.14);--font-display:Poppins,system-ui,sans-serif;--font-body:Onest,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;overflow-x:clip;background:#000;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:var(--komodo-blue-300);text-decoration:none}a:hover{color:var(--komodo-glow)}button{font-family:inherit;border:none;background:none;color:inherit}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:99px}input[type=range]{width:100%;accent-color:var(--accent);background:transparent;cursor:pointer}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:var(--text-faint);text-transform:uppercase}.hover-row:hover{border-color:rgba(255,255,255,.22)!important}.hover-soft:hover{background:rgba(255,255,255,.06)!important}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@property --wm-angle{syntax:"<angle>";inherits:true;initial-value:0deg}@keyframes wm-orbit{to{--wm-angle:360deg}}@keyframes featherFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2.4%) scale(1.025)}}@keyframes komodoCue{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(7px);opacity:1}}@property --plasma{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes plasmaTurn{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.grain{position:absolute;inset:0;pointer-events:none;opacity:.055;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}.landing{min-height:100%;background:#000;position:relative;overflow-x:clip}.plasma{opacity:0}.plasma-ring{animation-play-state:paused}.plasma-btn:hover .plasma{opacity:1}.plasma-btn:hover .plasma-ring{animation-play-state:running}@media (prefers-reduced-motion:reduce){.plasma-ring{animation:none}}.nav-burger,.nav-mobile,.nav-scrim{display:none}@media (max-width:1100px){.nav-row{gap:5px!important}.nav-pill{padding:11px 12px!important;font-size:10.5px!important;letter-spacing:.07em!important}}@media (max-width:900px){.nav-row{display:none!important}.nav-burger{display:inline-flex}.nav-mobile{display:flex}.nav-scrim{display:block}}@media (max-width:560px){.nav-shell{top:10px!important;width:calc(100vw - 20px)!important;height:60px!important;padding:0 8px 0 14px!important;gap:12px!important}.nav-cta{height:40px!important;padding:0 14px!important;font-size:12.5px!important}}.footer-grid{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(auto-fit,minmax(140px,1fr));grid-gap:clamp(28px,4vw,56px);gap:clamp(28px,4vw,56px)}@media (max-width:900px){.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-brand{grid-column:1/-1}}@media (max-width:520px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}}
@font-face {
  font-family: Komodo Wordmark;
  src: url('/assets/komodo/Manrope-400.ttf') format('truetype');
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
}

/* Keep the original layout with the existing sans-serif interface font. */
:root {
  --font-mono: Onest, system-ui, sans-serif;
}
#lientk {
  --mono: Onest, system-ui, sans-serif !important;
}
* {
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.mono, code, pre, [style*='monospace'] {
  font-family: Onest, system-ui, sans-serif !important;
}
#top {
  --wm-size: 196px;
  --wm-color: #D5F36B;
  font-family: Komodo Wordmark, sans-serif !important;
}
/* Animate the mask itself: inherited custom-property masks can stop repainting in WebKit. */
#top > div:first-child {
  animation: none !important;
}
#top > div:first-child > div:nth-child(4) {
  z-index: 1;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(110deg, transparent 35%, #000 48%, #000 52%, transparent 65%) !important;
  mask-image: linear-gradient(110deg, transparent 35%, #000 48%, #000 52%, transparent 65%) !important;
  -webkit-mask-size: 300% 100%;
  mask-size: 300% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-composite: source-over !important;
  mask-composite: add !important;
  animation: komodo-wordmark-sweep 6s linear infinite;
  will-change: mask-position;
}
#top img[src$='/hero.svg'] {
  animation: komodo-emblem-float 12s ease-in-out infinite;
}
@keyframes komodo-wordmark-sweep {
  from { -webkit-mask-position: 100% 0; mask-position: 100% 0; }
  to { -webkit-mask-position: 0% 0; mask-position: 0% 0; }
}
@keyframes komodo-emblem-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-16px); }
}
@media (prefers-reduced-motion: reduce) {
  #top > div:first-child > div:nth-child(4),
  #top img[src$='/hero.svg'] { animation: none; }
}
.nav-shell > a > span,
.footer-brand > span > span,
aside > div:first-child > span:nth-child(2) {
  font-family: Komodo Wordmark, sans-serif !important;
  letter-spacing: 0 !important;
}
.nav-shell img[src$='/mark.svg'],
.footer-brand img[src$='/mark.svg'] {
  width: 36px !important;
}
.plasma-btn {
  color: #182820 !important;
}
button[style*='background: linear-gradient'][style*='var(--accent)'] {
  color: #182820 !important;
}
@media (min-width: 1600px) {
  #top { --wm-size: 270px; }
}
@media (max-width: 1100px) {
  #top { --wm-size: 150px; }
}
@media (max-width: 760px) {
  #top { --wm-size: 104px; }
  #top img[src$='/hero.svg'] {
    object-fit: contain !important;
  }
}
@media (max-width: 480px) {
  #top { --wm-size: 62px; }
}