@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Kanit:wght@300;400;500;600;700&display=swap');

:root {
  --landing-ink: #07111f;
  --landing-ink-2: #0d1b2d;
  --landing-panel: rgba(18, 35, 56, .72);
  --landing-panel-strong: #13263d;
  --landing-line: rgba(177, 216, 237, .15);
  --landing-text: #f5f8fb;
  --landing-muted: #99acc0;
  --landing-lime: #ffbd3f;
  --landing-cyan: #ff751d;
  --landing-purple: #d483ff;
  --landing-radius: 24px;
  color-scheme: dark;
}

html[data-color-mode="light"] body.kuma-landing {
  --landing-ink: #f4f7fb;
  --landing-ink-2: #e8eef5;
  --landing-panel: rgba(255, 255, 255, .78);
  --landing-panel-strong: #ffffff;
  --landing-line: rgba(12, 31, 51, .14);
  --landing-text: #122236;
  --landing-muted: #5b6f82;
  --landing-gradient-start: #17304a;
  --landing-nav: rgba(248, 251, 254, .84);
  --landing-control: rgba(12, 31, 51, .07);
  --landing-ghost: rgba(12, 31, 51, .035);
  --landing-ghost-hover: rgba(12, 31, 51, .09);
  --landing-card: rgba(255, 255, 255, .82);
  --landing-card-strong: rgba(255, 255, 255, .96);
  --landing-terminal: linear-gradient(145deg, #ffffff, #eaf1f7);
  --landing-screen: rgba(231, 240, 247, .88);
  --landing-code-muted: #647b8f;
  --landing-subtle-text: #3b5368;
  --landing-scanline: rgba(18, 34, 54, .035);
  color-scheme: light;
}

html[data-color-mode="dark"] body.kuma-landing { color-scheme: dark; }

body.kuma-landing[data-landing-theme="ember"] { --landing-lime: #ffbd3f; --landing-cyan: #ff751d; --landing-purple: #ff9b42; }
body.kuma-landing[data-landing-theme="gold"] { --landing-lime: #ffd86b; --landing-cyan: #f39b21; --landing-purple: #f9c74f; }
body.kuma-landing[data-landing-theme="cyber"] { --landing-lime: #a7f3d0; --landing-cyan: #22d3ee; --landing-purple: #8b88ff; }

html { scroll-behavior: smooth; }

body.kuma-landing {
  margin: 0;
  background: var(--landing-ink);
  color: var(--landing-text);
  font-family: 'Kanit', system-ui, sans-serif;
  font-weight: 300;
  overflow-x: hidden;
}

body.kuma-landing::before,
body.kuma-landing::after {
  content: '';
  position: fixed;
  width: 38rem;
  height: 38rem;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(80px);
  opacity: .14;
  z-index: -1;
}

body.kuma-landing::before { top: -18rem; right: -12rem; background: var(--landing-cyan); }
body.kuma-landing::after { left: -20rem; top: 42rem; background: var(--landing-purple); }

.landing-shell { position: relative; min-height: 100vh; }
.landing-shell > :not(.landing-bg-canvas) { position: relative; z-index: 1; }
.landing-bg-canvas { inset: 0; overflow: hidden; pointer-events: none; position: fixed; z-index: 0; }
.landing-bg-orb { border-radius: 50%; filter: blur(1px); opacity: .5; position: absolute; transform: translate3d(var(--mouse-x, 0px), calc(var(--parallax-y, 0px) + var(--mouse-y, 0px)), 0); transition: transform .2s ease-out; }.landing-bg-orb::after { border: 1px solid color-mix(in srgb, var(--landing-lime) 42%, transparent); border-radius: inherit; content: ''; inset: 8%; position: absolute; }.landing-bg-orb-one { background: radial-gradient(circle at 35% 35%, color-mix(in srgb, var(--landing-cyan) 55%, transparent), transparent 68%); height: 520px; left: -180px; top: 10%; width: 520px; }.landing-bg-orb-two { background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--landing-lime) 44%, transparent), transparent 67%); height: 420px; right: -130px; top: 38%; width: 420px; }.landing-bg-orb-three { background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--landing-purple) 38%, transparent), transparent 65%); bottom: -190px; height: 460px; left: 30%; width: 460px; }.landing-bg-grid { background-image: linear-gradient(color-mix(in srgb, var(--landing-cyan) 18%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--landing-cyan) 18%, transparent) 1px, transparent 1px); background-size: 58px 58px; bottom: -34%; height: 78%; left: -15%; opacity: .2; position: absolute; transform: perspective(900px) rotateX(64deg) translate3d(var(--mouse-x, 0px), calc(var(--parallax-y, 0px) + var(--mouse-y, 0px)), 0); transform-origin: center bottom; width: 130%; }.landing-bg-scanlines { background: repeating-linear-gradient(0deg, transparent 0, transparent 3px, rgba(255, 255, 255, .03) 4px); inset: 0; mix-blend-mode: screen; opacity: .5; position: absolute; }
.landing-bg-orb-one, .landing-bg-orb-two, .landing-bg-orb-three { animation: neonPulse 5s ease-in-out infinite alternate; }
@keyframes neonPulse { from { filter: blur(1px) brightness(.92); } to { filter: blur(8px) brightness(1.18); } }
.landing-container { width: min(1160px, calc(100% - 48px)); margin: 0 auto; }

.landing-announcement {
  background: rgba(201, 248, 110, .08);
  border-bottom: 1px solid rgba(201, 248, 110, .16);
  color: #d7f99a;
  font-size: 13px;
  letter-spacing: .02em;
  padding: 9px 16px;
  text-align: center;
}

.landing-nav {
  align-items: center;
  backdrop-filter: blur(18px);
  background: linear-gradient(110deg, rgba(8, 18, 32, .9), rgba(12, 29, 45, .76));
  border: 1px solid rgba(177, 216, 237, .16);
  border-radius: 18px;
  box-shadow: 0 10px 32px rgba(2, 10, 19, .16), inset 0 1px 0 rgba(255, 255, 255, .05);
  display: flex;
  height: 78px;
  justify-content: space-between;
  margin: 0 auto;
  overflow: visible;
  position: sticky;
  top: 12px;
  z-index: 10;
  transition: background .28s ease, border-color .28s ease, box-shadow .28s ease, height .28s ease;
  will-change: background, box-shadow, height;
}
.landing-nav::before { border: 1px solid rgba(255, 189, 63, .08); border-radius: inherit; content: ''; inset: 3px; pointer-events: none; position: absolute; }
.landing-nav.is-scrolled { background: linear-gradient(110deg, rgba(7, 17, 31, .97), rgba(12, 31, 48, .92)); border-color: rgba(255, 189, 63, .28); box-shadow: 0 14px 38px rgba(2, 10, 19, .34), 0 0 28px rgba(255, 117, 29, .1), inset 0 1px 0 rgba(255, 255, 255, .08); height: 68px; }
.landing-shell > .landing-nav { z-index: 100; }
.landing-nav.is-floating { animation: landingNavDrop .42s cubic-bezier(.2, .8, .2, 1); background: linear-gradient(110deg, rgba(7, 17, 31, .98), rgba(12, 31, 48, .96)); backdrop-filter: blur(22px) saturate(140%); left: 16px; pointer-events: auto; position: fixed; right: 16px; top: 12px; width: auto; z-index: 1000; }
.landing-nav-placeholder { height: 78px; pointer-events: none; }
@keyframes landingNavDrop { from { opacity: .72; transform: translateY(-18px); } to { opacity: 1; transform: translateY(0); } }

.landing-nav-inner { align-items: center; display: flex; gap: 28px; justify-content: space-between; position: relative; width: min(1160px, calc(100% - 40px)); margin: 0 auto; z-index: 1; }
.landing-logo { align-items: center; color: var(--landing-text); display: inline-flex; font-weight: 600; gap: 11px; letter-spacing: .05em; text-decoration: none; }
.landing-logo-image { display: block; height: auto; max-height: 39px; max-width: 190px; object-fit: contain; width: auto; }
.landing-logo small { color: var(--landing-lime); font-family: 'DM Mono', monospace; font-size: 10px; font-weight: 500; letter-spacing: .14em; }
.landing-logo-mark { background: linear-gradient(135deg, var(--landing-lime), var(--landing-cyan)); border-radius: 10px; box-shadow: 0 0 24px rgba(114, 228, 255, .3); height: 30px; position: relative; width: 30px; }
.landing-logo-mark::before, .landing-logo-mark::after { background: var(--landing-ink); border-radius: 50%; content: ''; height: 5px; position: absolute; width: 5px; }
.landing-logo-mark::before { left: 7px; top: 7px; box-shadow: 11px 0 0 var(--landing-ink), 0 11px 0 var(--landing-ink), 11px 11px 0 var(--landing-ink); }
.landing-logo-mark::after { background: transparent; border: 2px solid var(--landing-ink); height: 16px; left: 5px; top: 5px; width: 16px; }
.landing-nav-links { align-items: center; display: flex; gap: 30px; }
.landing-nav-links a { color: var(--landing-muted); font-size: 14px; text-decoration: none; transition: color .2s ease; }
.landing-nav-links a:hover, .landing-nav-links a:focus-visible { color: var(--landing-text); }
.landing-nav-actions { align-items: center; display: flex; gap: 16px; }
.landing-nav-actions .text-link { color: var(--landing-muted); font-size: 14px; text-decoration: none; }
.landing-menu-toggle { background: none; border: 0; color: var(--landing-text); display: none; font-size: 22px; padding: 8px; }

.landing-button { align-items: center; border: 1px solid transparent; border-radius: 999px; cursor: pointer; display: inline-flex; font-family: inherit; font-size: 14px; font-weight: 500; gap: 10px; justify-content: center; min-height: 48px; padding: 0 21px; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.landing-button { box-sizing: border-box; line-height: 1.1; white-space: nowrap; }
.landing-button:hover { transform: translateY(-2px); }
.landing-button:focus-visible, .landing-menu-toggle:focus-visible, .landing-nav a:focus-visible, .landing-faq summary:focus-visible { outline: 2px solid var(--landing-cyan); outline-offset: 4px; }
.landing-button-primary { background: var(--landing-lime); box-shadow: 0 12px 28px rgba(201, 248, 110, .14); color: var(--landing-ink); }
.landing-button-primary:hover { box-shadow: 0 16px 36px rgba(201, 248, 110, .24); }
.landing-button-ghost { background: rgba(255, 255, 255, .03); border-color: var(--landing-line); color: var(--landing-text); }
.landing-button-ghost:hover { background: rgba(255, 255, 255, .08); }
.landing-button-small { min-height: 38px; padding: 0 16px; }

.landing-hero { padding: 92px 0 70px; position: relative; }
.landing-hero-grid { align-items: center; display: grid; gap: 72px; grid-template-columns: minmax(0, 1.02fr) minmax(390px, .98fr); }
.landing-eyebrow { align-items: center; color: var(--landing-lime); display: inline-flex; font-family: 'DM Mono', monospace; font-size: 11px; gap: 10px; letter-spacing: .14em; }
.landing-eyebrow::before { background: var(--landing-lime); border-radius: 50%; box-shadow: 0 0 14px var(--landing-lime); content: ''; height: 7px; width: 7px; }
.landing-hero h1 { font-size: clamp(44px, 6vw, 76px); font-weight: 500; letter-spacing: -.045em; line-height: .98; margin: 22px 0 25px; max-width: 680px; white-space: pre-line; }
.landing-gradient-text { background: linear-gradient(105deg, var(--landing-gradient-start, #fff) 10%, var(--landing-cyan) 55%, var(--landing-lime) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.landing-hero-description { color: var(--landing-muted); font-size: 18px; line-height: 1.75; margin: 0; max-width: 610px; }
.landing-hero-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.landing-hero-meta { align-items: center; color: var(--landing-muted); display: flex; font-family: 'DM Mono', monospace; font-size: 11px; gap: 10px; margin-top: 27px; }
.landing-hero-meta i { color: var(--landing-lime); }

.landing-terminal-wrap { position: relative; }
.landing-terminal-wrap::before { border: 1px solid rgba(114, 228, 255, .12); border-radius: 28px; content: ''; inset: 22px -24px -22px 24px; position: absolute; transform: rotate(4deg); z-index: -1; }
.landing-terminal { background: linear-gradient(145deg, rgba(20, 43, 66, .96), rgba(8, 23, 39, .98)); border: 1px solid rgba(177, 216, 237, .2); border-radius: var(--landing-radius); box-shadow: 22px 28px 70px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .06); overflow: hidden; padding: 17px; position: relative; }
.landing-terminal::after { background: radial-gradient(circle, rgba(114, 228, 255, .13), transparent 68%); content: ''; inset: 0; pointer-events: none; position: absolute; }
.landing-terminal-bar { align-items: center; display: flex; justify-content: space-between; padding: 0 2px 14px; position: relative; z-index: 1; }
.landing-terminal-dots { display: flex; gap: 6px; }
.landing-terminal-dots span { background: #ef6d7b; border-radius: 50%; height: 7px; width: 7px; }
.landing-terminal-dots span:nth-child(2) { background: #e5c37a; }
.landing-terminal-dots span:nth-child(3) { background: var(--landing-lime); }
.landing-terminal-bar small, .landing-code, .landing-status-label { color: #7690a5; font-family: 'DM Mono', monospace; font-size: 10px; }
.landing-terminal-screen { background: rgba(2, 10, 19, .54); border: 1px solid rgba(177, 216, 237, .1); border-radius: 16px; padding: 20px; position: relative; z-index: 1; }
.landing-code { line-height: 1.9; }
.landing-code .cyan { color: var(--landing-cyan); }.landing-code .lime { color: var(--landing-lime); }.landing-code .muted { color: #5a7185; }
.landing-terminal-metrics { display: grid; gap: 12px; grid-template-columns: repeat(3, 1fr); margin-top: 20px; }
.landing-metric { background: rgba(255, 255, 255, .035); border: 1px solid rgba(177, 216, 237, .1); border-radius: 14px; padding: 13px; }
.landing-metric strong { display: block; font-size: 18px; font-weight: 500; }.landing-metric span { color: var(--landing-muted); font-size: 11px; }
.landing-meter { background: rgba(255,255,255,.09); border-radius: 99px; height: 5px; margin-top: 10px; overflow: hidden; }.landing-meter span { background: var(--landing-cyan); border-radius: inherit; display: block; height: 100%; width: 76%; }.landing-meter.lime span { background: var(--landing-lime); width: 94%; }.landing-meter.purple span { background: var(--landing-purple); width: 62%; }
.landing-terminal-chip { align-items: center; background: rgba(201, 248, 110, .1); border: 1px solid rgba(201, 248, 110, .26); border-radius: 999px; color: #e2fcb4; display: inline-flex; font-family: 'DM Mono', monospace; font-size: 10px; gap: 8px; margin-top: 18px; padding: 8px 11px; }.landing-terminal-chip i { color: var(--landing-lime); font-size: 8px; }

.landing-trust { border-bottom: 1px solid var(--landing-line); border-top: 1px solid var(--landing-line); padding: 24px 0; }.landing-trust-grid { align-items: center; display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); }.landing-trust-item { border-right: 1px solid var(--landing-line); display: flex; flex-direction: column; padding-left: 30px; }.landing-trust-item:first-child { padding-left: 0; }.landing-trust-item:last-child { border-right: 0; }.landing-trust-item strong { color: var(--landing-text); font-family: 'DM Mono', monospace; font-size: 22px; font-weight: 500; }.landing-trust-item span { color: var(--landing-muted); font-size: 13px; }

.landing-section { padding: 122px 0; }.landing-section-header { align-items: end; display: flex; gap: 50px; justify-content: space-between; margin-bottom: 44px; }.landing-section-heading { max-width: 610px; }.landing-section h2 { font-size: clamp(32px, 4.4vw, 54px); font-weight: 500; letter-spacing: -.04em; line-height: 1.05; margin: 14px 0 0; }.landing-section-intro { color: var(--landing-muted); font-size: 16px; line-height: 1.7; margin: 0; max-width: 340px; }
.landing-feature-grid { display: grid; gap: 16px; grid-template-columns: repeat(3, 1fr); }.landing-feature-card { background: linear-gradient(145deg, rgba(19, 38, 61, .78), rgba(11, 26, 44, .55)); border: 1px solid var(--landing-line); border-radius: var(--landing-radius); min-height: 230px; padding: 26px; position: relative; transition: border-color .25s ease, transform .25s ease; }.landing-feature-card::before { color: rgba(201, 248, 110, .5); content: attr(data-number); font-family: 'DM Mono', monospace; font-size: 11px; position: absolute; right: 23px; top: 24px; }.landing-feature-card:hover { border-color: rgba(201, 248, 110, .42); transform: translateY(-5px); }.landing-feature-icon { align-items: center; background: rgba(201, 248, 110, .1); border: 1px solid rgba(201, 248, 110, .2); border-radius: 12px; color: var(--landing-lime); display: flex; height: 42px; justify-content: center; width: 42px; }.landing-feature-card h3 { font-size: 20px; font-weight: 500; margin: 28px 0 10px; }.landing-feature-card p { color: var(--landing-muted); font-size: 14px; line-height: 1.7; margin: 0; }

.landing-pricing-section { padding-top: 40px; }.landing-plan-grid { align-items: stretch; display: grid; gap: 16px; grid-template-columns: repeat(3, 1fr); }.landing-plan { background: rgba(15, 31, 50, .86); border: 1px solid var(--landing-line); border-radius: var(--landing-radius); display: flex; flex-direction: column; padding: 28px; position: relative; }.landing-plan.featured { background: linear-gradient(160deg, rgba(35, 63, 74, .98), rgba(17, 40, 54, .92)); border-color: rgba(201, 248, 110, .55); box-shadow: 0 18px 58px rgba(55, 84, 46, .15); }.landing-plan-ribbon { background: var(--landing-lime); border-radius: 0 12px 0 12px; color: var(--landing-ink); font-family: 'DM Mono', monospace; font-size: 10px; font-weight: 500; padding: 7px 11px; position: absolute; right: 0; top: 0; }.landing-plan h3 { font-size: 24px; font-weight: 500; margin: 0; }.landing-plan-label { color: var(--landing-muted); font-size: 13px; margin-top: 5px; }.landing-plan-price { align-items: baseline; display: flex; gap: 7px; margin: 25px 0; }.landing-plan-price strong { font-family: 'DM Mono', monospace; font-size: 46px; font-weight: 500; letter-spacing: -.06em; }.landing-plan-price span { color: var(--landing-muted); font-size: 13px; }.landing-plan-features { border-top: 1px solid var(--landing-line); display: grid; gap: 13px; list-style: none; margin: 0 0 28px; padding: 22px 0 0; }.landing-plan-features li { color: #d6e0e8; font-size: 14px; }.landing-plan-features i { color: var(--landing-lime); font-size: 12px; margin-right: 9px; }.landing-plan .landing-button { margin-top: auto; width: 100%; }

.landing-faq-layout { align-items: start; display: grid; gap: 80px; grid-template-columns: .75fr 1.25fr; }.landing-faq-lead p { color: var(--landing-muted); font-size: 16px; line-height: 1.7; margin-top: 23px; }.landing-faq-list { border-top: 1px solid var(--landing-line); }.landing-faq { border-bottom: 1px solid var(--landing-line); padding: 21px 0; }.landing-faq summary { align-items: center; cursor: pointer; display: flex; font-size: 17px; justify-content: space-between; list-style: none; }.landing-faq summary::-webkit-details-marker { display: none; }.landing-faq summary::after { color: var(--landing-lime); content: '+'; font-family: 'DM Mono', monospace; font-size: 22px; transition: transform .2s ease; }.landing-faq[open] summary::after { transform: rotate(45deg); }.landing-faq p { color: var(--landing-muted); font-size: 14px; line-height: 1.8; margin: 15px 34px 0 0; }

.landing-cta { background: linear-gradient(110deg, rgba(51, 75, 83, .92), rgba(17, 39, 55, .86)); border: 1px solid rgba(201, 248, 110, .25); border-radius: 30px; overflow: hidden; padding: 52px 60px; position: relative; }.landing-cta::after { border: 1px solid rgba(114, 228, 255, .17); border-radius: 50%; content: ''; height: 420px; position: absolute; right: -125px; top: -230px; width: 420px; }.landing-cta-content { max-width: 640px; position: relative; z-index: 1; }.landing-cta h2 { font-size: clamp(31px, 4vw, 50px); margin-bottom: 14px; }.landing-cta p { color: #b2c4d1; font-size: 16px; margin: 0; }.landing-cta-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 27px; }

.landing-plan { height: 100%; }.landing-plan.featured { background: linear-gradient(160deg, rgba(58, 46, 29, .98), rgba(36, 27, 20, .94)); border-color: color-mix(in srgb, var(--landing-lime) 70%, transparent); box-shadow: 0 18px 58px rgba(141, 83, 17, .18); }.landing-plan-label { min-height: 40px; }.landing-plan-price { min-height: 55px; }.landing-plan-features { flex: 1; min-height: 190px; }
.landing-plan-grid .landing-plan { min-width: 0; }.landing-plan-grid .landing-plan > .landing-button { align-self: stretch; flex: 0 0 52px; min-height: 52px; padding-left: 16px; padding-right: 16px; }
.landing-announcement { background: color-mix(in srgb, var(--landing-lime) 9%, transparent); border-bottom-color: color-mix(in srgb, var(--landing-lime) 20%, transparent); color: var(--landing-lime); }.landing-terminal-chip { background: color-mix(in srgb, var(--landing-lime) 10%, transparent); border-color: color-mix(in srgb, var(--landing-lime) 28%, transparent); color: color-mix(in srgb, var(--landing-lime) 68%, white); }.landing-feature-card::before { color: color-mix(in srgb, var(--landing-lime) 55%, transparent); }.landing-feature-card:hover { border-color: color-mix(in srgb, var(--landing-lime) 48%, transparent); }.landing-feature-icon { background: color-mix(in srgb, var(--landing-lime) 10%, transparent); border-color: color-mix(in srgb, var(--landing-lime) 24%, transparent); }.landing-cta { border-color: color-mix(in srgb, var(--landing-lime) 28%, transparent); }

.landing-blog-grid { display: grid; gap: 16px; grid-template-columns: repeat(3, 1fr); }.landing-blog-card { background: rgba(15, 31, 50, .78); border: 1px solid var(--landing-line); border-radius: var(--landing-radius); display: flex; flex-direction: column; overflow: hidden; transition: border-color .25s ease, transform .25s ease; }.landing-blog-card:hover { border-color: color-mix(in srgb, var(--landing-lime) 60%, transparent); transform: translateY(-5px); }.landing-blog-cover { align-items: center; background: linear-gradient(135deg, rgba(255, 117, 29, .18), rgba(255, 189, 63, .06)); display: flex; height: 148px; justify-content: center; overflow: hidden; }.landing-blog-cover img { height: 100%; object-fit: cover; width: 100%; }.landing-blog-cover i { color: var(--landing-lime); font-size: 36px; opacity: .7; }.landing-blog-body { display: flex; flex: 1; flex-direction: column; padding: 22px; }.landing-blog-meta { color: var(--landing-lime); display: flex; font-family: 'DM Mono', monospace; font-size: 10px; gap: 12px; letter-spacing: .05em; text-transform: uppercase; }.landing-blog-card h3 { font-size: 20px; font-weight: 500; line-height: 1.3; margin: 13px 0 9px; }.landing-blog-card p { color: var(--landing-muted); font-size: 14px; line-height: 1.7; margin: 0 0 20px; }.landing-blog-link { color: var(--landing-text); font-size: 14px; margin-top: auto; text-decoration: none; }.landing-blog-link i { color: var(--landing-lime); margin-left: 5px; }
.landing-blog-article { margin: 0 auto; max-width: 850px; padding: 88px 0 20px; }.landing-blog-article-header { border-bottom: 1px solid var(--landing-line); margin-bottom: 35px; padding-bottom: 30px; }.landing-blog-article h1 { font-size: clamp(36px, 6vw, 66px); font-weight: 500; letter-spacing: -.045em; line-height: 1.05; margin: 16px 0; }.landing-blog-article-excerpt { color: var(--landing-muted); font-size: 18px; line-height: 1.7; margin: 0; }.landing-prose { color: #dbe5ed; font-size: 17px; line-height: 1.85; }.landing-prose h2, .landing-prose h3 { color: var(--landing-text); font-weight: 500; line-height: 1.2; margin: 42px 0 13px; }.landing-prose p { margin: 0 0 18px; }.landing-prose a { color: var(--landing-lime); }.landing-prose img, .landing-prose video { border: 1px solid var(--landing-line); border-radius: 18px; display: block; height: auto; margin: 25px 0; max-width: 100%; }.landing-prose blockquote { border-left: 3px solid var(--landing-lime); color: var(--landing-muted); margin: 25px 0; padding: 5px 20px; }.landing-prose pre { background: #050d17; border: 1px solid var(--landing-line); border-radius: 14px; overflow-x: auto; padding: 16px; }.landing-prose code { color: var(--landing-lime); font-family: 'DM Mono', monospace; font-size: .9em; }

.landing-footer { border-top: 1px solid var(--landing-line); margin-top: 122px; padding: 32px 0 38px; }.landing-footer-grid { align-items: center; display: flex; justify-content: space-between; gap: 30px; }.landing-footer p { color: var(--landing-muted); font-size: 13px; margin: 8px 0 0; }.landing-footer-links { align-items: center; display: flex; gap: 22px; }.landing-footer-links a { color: var(--landing-muted); font-size: 13px; text-decoration: none; }.landing-footer-links a:hover { color: var(--landing-lime); }.landing-footer-copy { color: #61768a; font-family: 'DM Mono', monospace; font-size: 10px; margin-top: 22px; }

@media (max-width: 900px) {
  .landing-hero-grid, .landing-faq-layout { gap: 45px; grid-template-columns: 1fr; }
  .landing-hero { padding-top: 65px; }.landing-terminal-wrap { max-width: 620px; }
  .landing-feature-grid, .landing-plan-grid, .landing-blog-grid { grid-template-columns: 1fr; }.landing-feature-card { min-height: 0; }.landing-plan { min-height: 0; }.landing-plan-features { min-height: 0; }.landing-section { padding: 88px 0; }.landing-footer { margin-top: 88px; }
}

@media (max-width: 680px) {
  .landing-container, .landing-nav-inner { width: min(100% - 32px, 560px); }.landing-nav { height: 68px; }.landing-nav-links, .landing-nav-actions .text-link { display: none; }.landing-nav-actions { margin-left: auto; margin-right: 8px; }.landing-menu-toggle { display: block; }.landing-nav.open .landing-nav-links { align-items: flex-start; background: #0d1b2d; border: 1px solid var(--landing-line); border-radius: 16px; display: flex; flex-direction: column; gap: 0; left: 16px; padding: 8px; position: absolute; right: 16px; top: 60px; }.landing-nav.open .landing-nav-links a { padding: 12px; width: 100%; }.landing-hero h1 { font-size: clamp(44px, 13vw, 64px); }.landing-hero-description { font-size: 16px; }.landing-terminal-metrics { grid-template-columns: 1fr; }.landing-section-header, .landing-footer-grid { align-items: flex-start; flex-direction: column; gap: 22px; }.landing-trust-grid { grid-template-columns: 1fr; }.landing-trust-item, .landing-trust-item:first-child { border-bottom: 1px solid var(--landing-line); border-right: 0; padding: 0 0 15px; }.landing-trust-item:last-child { border-bottom: 0; padding-bottom: 0; }.landing-cta { padding: 34px 25px; }.landing-footer-links { flex-wrap: wrap; }.landing-hero-actions, .landing-cta-actions { align-items: stretch; flex-direction: column; }.landing-hero-actions .landing-button, .landing-cta-actions .landing-button { width: 100%; }
}

/* Keep the pricing grid's flow height in sync with its cards. */
.landing-plan-grid .landing-plan { height: auto; }
.landing-pricing-more { align-items: center; clear: both; display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; margin-top: 24px; position: relative; z-index: 2; }
.landing-pricing-more span { color: var(--landing-muted); font-size: 13px; line-height: 1.6; }

@media (max-width: 680px) {
  .landing-pricing-more { align-items: stretch; flex-direction: column; }
  .landing-pricing-more .landing-button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }.landing-bg-canvas { display: none; } }

html[data-color-mode="light"] body.kuma-landing .landing-nav { background: linear-gradient(110deg, rgba(255, 255, 255, .92), rgba(239, 246, 251, .88)); border-color: var(--landing-line); box-shadow: 0 10px 32px rgba(35, 66, 94, .1), inset 0 1px 0 rgba(255, 255, 255, .9); }
html[data-color-mode="light"] body.kuma-landing .landing-nav.is-scrolled { background: linear-gradient(110deg, rgba(255, 255, 255, .98), rgba(239, 246, 251, .96)); border-color: rgba(198, 132, 16, .34); box-shadow: 0 14px 38px rgba(35, 66, 94, .16), 0 0 28px rgba(255, 189, 63, .14); }
html[data-color-mode="light"] body.kuma-landing .landing-nav.is-floating { background: linear-gradient(110deg, rgba(255, 255, 255, .99), rgba(239, 246, 251, .98)); }
html[data-color-mode="light"] body.kuma-landing .landing-nav.open .landing-nav-links { background: rgba(255, 255, 255, .96); box-shadow: 0 18px 40px rgba(35, 66, 94, .12); }
html[data-color-mode="light"] body.kuma-landing .landing-button-ghost { background: var(--landing-ghost); border-color: var(--landing-line); color: var(--landing-text); }
html[data-color-mode="light"] body.kuma-landing .landing-button-ghost:hover { background: var(--landing-ghost-hover); }
html[data-color-mode="light"] body.kuma-landing .landing-terminal { background: var(--landing-terminal); border-color: var(--landing-line); box-shadow: 22px 28px 70px rgba(35, 66, 94, .14), inset 0 1px 0 rgba(255, 255, 255, .8); }
html[data-color-mode="light"] body.kuma-landing .landing-terminal-screen { background: var(--landing-screen); border-color: var(--landing-line); }
html[data-color-mode="light"] body.kuma-landing .landing-terminal-bar small,
html[data-color-mode="light"] body.kuma-landing .landing-code,
html[data-color-mode="light"] body.kuma-landing .landing-status-label,
html[data-color-mode="light"] body.kuma-landing .landing-code .muted { color: var(--landing-code-muted); }
html[data-color-mode="light"] body.kuma-landing .landing-metric { background: rgba(255, 255, 255, .56); border-color: var(--landing-line); }
html[data-color-mode="light"] body.kuma-landing .landing-feature-card { background: linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(233, 241, 248, .72)); border-color: var(--landing-line); }
html[data-color-mode="light"] body.kuma-landing .landing-plan { background: var(--landing-card); border-color: var(--landing-line); }
html[data-color-mode="light"] body.kuma-landing .landing-plan.featured { background: linear-gradient(160deg, rgba(255, 245, 220, .98), rgba(255, 251, 241, .96)); border-color: color-mix(in srgb, var(--landing-lime) 70%, transparent); box-shadow: 0 18px 58px rgba(141, 83, 17, .14); }
html[data-color-mode="light"] body.kuma-landing .landing-plan-features li { color: var(--landing-subtle-text); }
html[data-color-mode="light"] body.kuma-landing .landing-blog-card { background: var(--landing-card); border-color: var(--landing-line); }
html[data-color-mode="light"] body.kuma-landing .landing-cta { background: linear-gradient(110deg, rgba(255, 247, 229, .96), rgba(232, 241, 248, .9)); border-color: color-mix(in srgb, var(--landing-lime) 42%, transparent); }
html[data-color-mode="light"] body.kuma-landing .landing-cta p { color: var(--landing-muted); }
html[data-color-mode="light"] body.kuma-landing .landing-prose { color: var(--landing-subtle-text); }
html[data-color-mode="light"] body.kuma-landing .landing-prose h2,
html[data-color-mode="light"] body.kuma-landing .landing-prose h3 { color: var(--landing-text); }
html[data-color-mode="light"] body.kuma-landing .landing-prose pre { background: #e8f0f6; border-color: var(--landing-line); }
html[data-color-mode="light"] body.kuma-landing .landing-footer-copy { color: #7890a3; }
html[data-color-mode="light"] body.kuma-landing .landing-bg-scanlines { mix-blend-mode: multiply; opacity: .28; }

.landing-theme-picker { align-items: center; background: linear-gradient(135deg, rgba(255, 189, 63, .12), rgba(255, 117, 29, .06)); border: 1px solid color-mix(in srgb, var(--landing-lime) 35%, var(--landing-line)); border-radius: 999px; box-shadow: 0 0 20px color-mix(in srgb, var(--landing-lime) 10%, transparent), inset 0 1px 0 rgba(255, 255, 255, .06); color: var(--landing-muted); display: inline-flex; font: 400 11px/1 'DM Mono', monospace; gap: 7px; padding: 3px 5px 3px 10px; position: relative; z-index: 12; }
.landing-theme-label { white-space: nowrap; }
.landing-theme-trigger { align-items: center; appearance: none; background: var(--landing-ghost, rgba(255, 255, 255, .04)); border: 1px solid color-mix(in srgb, var(--landing-lime) 48%, var(--landing-line)); border-radius: 12px; color: var(--landing-text); cursor: pointer; display: inline-flex; font: 500 12px/1 'Kanit', system-ui, sans-serif; gap: 10px; justify-content: space-between; min-height: 30px; min-width: 92px; padding: 0 10px 0 12px; transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.landing-theme-trigger i { color: var(--landing-lime); font-size: 10px; transition: transform .2s ease; }
.landing-theme-picker.is-open .landing-theme-trigger { background: color-mix(in srgb, var(--landing-lime) 12%, var(--landing-ghost, transparent)); border-color: var(--landing-lime); box-shadow: 0 0 18px color-mix(in srgb, var(--landing-lime) 20%, transparent); }
.landing-theme-picker.is-open .landing-theme-trigger i { transform: rotate(180deg); }
.landing-theme-trigger:focus-visible, .landing-theme-option:focus-visible { outline: 2px solid var(--landing-cyan); outline-offset: 2px; }
.landing-theme-menu { animation: themeMenuIn .16s ease-out; background: var(--landing-panel-strong); border: 1px solid color-mix(in srgb, var(--landing-lime) 45%, var(--landing-line)); border-radius: 16px; box-shadow: 0 18px 42px rgba(4, 12, 22, .3), 0 0 24px color-mix(in srgb, var(--landing-lime) 12%, transparent); display: flex; flex-direction: column; gap: 3px; min-width: 136px; padding: 6px; pointer-events: auto; position: fixed; right: auto; top: auto; z-index: 10000; }
.landing-theme-menu[hidden] { display: none; }
.landing-theme-option { background: transparent; border: 0; border-radius: 10px; color: var(--landing-muted); cursor: pointer; font: 400 13px/1.2 'Kanit', system-ui, sans-serif; padding: 9px 11px; text-align: left; transition: background .18s ease, color .18s ease, transform .18s ease; width: 100%; }
.landing-theme-option:hover, .landing-theme-option.is-active { background: color-mix(in srgb, var(--landing-lime) 17%, transparent); color: var(--landing-text); }
.landing-theme-option.is-active { box-shadow: inset 2px 0 0 var(--landing-lime); }
@keyframes themeMenuIn { from { opacity: 0; transform: translateY(-5px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
html[data-color-mode="dark"] body.kuma-landing .landing-theme-picker { background: linear-gradient(135deg, rgba(255, 189, 63, .15), rgba(15, 31, 50, .88)); }
html[data-color-mode="dark"] body.kuma-landing .landing-theme-trigger { background: #101d2e; border-color: rgba(255, 189, 63, .55); color: #f5f8fb; }
html[data-color-mode="dark"] body.kuma-landing .landing-theme-menu { background: #101d2e; border-color: rgba(255, 189, 63, .55); }
html[data-color-mode="light"] body.kuma-landing .landing-theme-picker { background: linear-gradient(135deg, rgba(255, 189, 63, .16), rgba(255, 255, 255, .88)); }
html[data-color-mode="light"] body.kuma-landing .landing-theme-trigger { background: rgba(255, 255, 255, .9); color: #122236; }
html[data-color-mode="light"] body.kuma-landing .landing-theme-menu { background: rgba(255, 255, 255, .98); border-color: rgba(198, 132, 16, .42); box-shadow: 0 18px 42px rgba(35, 66, 94, .18), 0 0 24px rgba(255, 189, 63, .15); }
html[data-color-mode="light"] body.kuma-landing .landing-theme-option { color: #5b6f82; }
html[data-color-mode="light"] body.kuma-landing .landing-theme-option:hover, html[data-color-mode="light"] body.kuma-landing .landing-theme-option.is-active { color: #122236; }

@media (max-width: 680px) {
  .landing-theme-picker { gap: 0; padding-left: 4px; }
  .landing-theme-label { display: none; }
  .landing-theme-trigger { min-height: 32px; }
  .landing-nav-placeholder { height: 68px; }
}

@media (max-width: 680px) {
  .landing-nav { border-radius: 16px; width: calc(100% - 24px); }
  .landing-nav-inner { gap: 10px; width: calc(100% - 24px); }
  .landing-nav.is-floating { left: 10px; right: 10px; top: 8px; width: auto; }
}

.landing-hero-grid { transform: translate3d(0, var(--hero-scroll, 0px), 0); will-change: transform; }
.landing-hero-grid > :first-child > * { animation: heroItemReveal .78s cubic-bezier(.2, .8, .2, 1) both; opacity: 0; }
.landing-hero-grid > :first-child > .landing-eyebrow { animation-delay: .08s; }
.landing-hero-grid > :first-child > h1 { animation-delay: .16s; }
.landing-hero-grid > :first-child > .landing-hero-description { animation-delay: .25s; }
.landing-hero-grid > :first-child > .landing-hero-actions { animation-delay: .34s; }
.landing-hero-grid > :first-child > .landing-hero-meta { animation-delay: .43s; }
.landing-terminal-wrap { animation: heroTerminalReveal .95s cubic-bezier(.2, .8, .2, 1) .2s both, terminalFloat 7s ease-in-out 1.2s infinite; will-change: transform; }
.landing-terminal-wrap::before { animation: terminalFrameFloat 7s ease-in-out 1.2s infinite; }
.landing-terminal::after { animation: terminalGlow 5s ease-in-out infinite alternate; }
.landing-gradient-text { background-size: 220% auto; animation: gradientSweep 8s ease-in-out infinite; }
.scroll-reveal { opacity: 0; transform: translate3d(0, 28px, 0); transition: opacity .78s cubic-bezier(.2, .8, .2, 1), transform .78s cubic-bezier(.2, .8, .2, 1); transition-delay: var(--reveal-delay, 0ms); }
.scroll-reveal.is-visible { opacity: 1; transform: translate3d(0, 0, 0); }
.landing-feature-card.scroll-reveal.is-visible:hover, .landing-blog-card.scroll-reveal.is-visible:hover { transform: translate3d(0, -5px, 0); }

.landing-blog-more { display: flex; justify-content: center; margin-top: 26px; }
.legal-updated { color: var(--landing-muted); font-family: 'DM Mono', monospace; font-size: 11px; margin-top: 20px; }
.legal-updated i { color: var(--landing-lime); margin-right: 6px; }
.legal-page-actions { border-top: 1px solid var(--landing-line); display: flex; flex-wrap: wrap; gap: 12px; margin-top: 42px; padding-top: 25px; }
@keyframes heroItemReveal { from { opacity: 0; transform: translate3d(0, 22px, 0) scale(.985); } to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } }
@keyframes heroTerminalReveal { from { opacity: 0; transform: translate3d(36px, 18px, 0) rotate(2deg) scale(.96); } to { opacity: 1; transform: translate3d(0, 0, 0) rotate(0) scale(1); } }
@keyframes terminalFloat { 0%, 100% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(0, -9px, 0); } }
@keyframes terminalFrameFloat { 0%, 100% { transform: rotate(4deg) translate3d(0, 0, 0); } 50% { transform: rotate(3deg) translate3d(-5px, -5px, 0); } }
@keyframes terminalGlow { from { opacity: .72; transform: scale(.98); } to { opacity: 1; transform: scale(1.03); } }
@keyframes gradientSweep { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@media (prefers-reduced-motion: reduce) {
  .landing-hero-grid, .landing-terminal-wrap, .landing-terminal-wrap::before, .landing-terminal::after { animation: none !important; transform: none !important; }
  .landing-hero-grid > :first-child > * { animation: none !important; opacity: 1 !important; }
  .landing-gradient-text { animation: none !important; }
  .scroll-reveal, .scroll-reveal.is-visible { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* Compact navigation with a safe mobile action layout. */
.landing-nav { border-radius: 22px; height: 64px; width: min(1280px, calc(100% - 64px)); }
.landing-nav.is-scrolled { height: 58px; }
.landing-nav.is-floating { left: max(16px, calc((100% - 1280px) / 2)); right: max(16px, calc((100% - 1280px) / 2)); }
.landing-nav-inner { width: min(1240px, calc(100% - 40px)); }

@media (max-width: 680px) {
  .landing-nav { border-radius: 16px; height: 58px; top: 8px; width: calc(100% - 20px); }
  .landing-nav.is-scrolled { height: 54px; }
  .landing-nav.is-floating { left: 10px; right: 10px; }
  .landing-nav-inner { gap: 6px; width: calc(100% - 20px); }
  .landing-logo { flex: 1 1 auto; min-width: 0; }
  .landing-logo-image { max-height: 31px; max-width: 145px; }
  .landing-nav-actions { flex: 0 0 auto; gap: 6px; margin-right: 0; min-width: 0; }
  .landing-nav-actions .landing-button-primary { font-size: 12px; gap: 6px; min-height: 34px; padding: 0 10px; }
  .landing-nav-actions .landing-button-primary i { font-size: 11px; }
  .landing-menu-toggle { flex: 0 0 32px; font-size: 19px; padding: 5px; }
  .landing-nav.open .landing-nav-links { left: 0; right: 0; top: 52px; z-index: 20; }
}

@media (max-width: 480px) {
  .landing-logo-image { max-width: 125px; }
  .landing-theme-trigger { gap: 6px; min-width: 62px; padding-left: 7px; padding-right: 7px; }
  .landing-nav-actions .landing-button-primary { font-size: 11px; max-width: 108px; padding-left: 8px; padding-right: 8px; }
}

@media (max-width: 390px) {
  .landing-logo-image { max-width: 108px; }
  .landing-theme-picker { display: none; }
  .landing-nav-actions .landing-button-primary { max-width: 116px; overflow: hidden; padding-left: 8px; padding-right: 8px; text-overflow: ellipsis; }
}