:root {
  --bg: #101211;
  --surface: #1a1e1b;
  --surface-raised: #1e221f;
  --line: rgba(215, 223, 214, .14);
  --text: #edf0e9;
  --muted: #b0b7ad;
  --accent: #88a97a;
  --accent-strong: #9dbd91;
  --accent-ink: #10130f;
  --soft: rgba(136, 169, 122, .07);
  --panel-tint: 136, 169, 122;
  --panel-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 24px 58px -34px rgba(0,0,0,.7);
  --header-height: 88px;
  --sel-bg: #afd393;
  --sel-text: #12200f;
}
:root[data-theme="light"] {
  --bg: #f4f6f0;
  --surface: #fafbf7;
  --surface-raised: #edf2e7;
  --line: rgba(59, 87, 61, .18);
  --text: #22372a;
  --muted: #5a6c5f;
  --accent: #467435;
  --accent-strong: #325e25;
  --accent-ink: #f7fff0;
  --soft: rgba(79, 121, 58, .07);
  --panel-shadow: inset 0 1px 0 #fff, 0 24px 54px -36px rgba(22,48,29,.22);
  --sel-bg: #c2dda9;
  --sel-text: #20351b;
}
body { background-image: radial-gradient(ellipse 1100px 700px at 50% 0,rgba(113,169,83,.055),transparent); }
.site-header { min-height: 88px; padding-inline: max(24px, calc((100vw - 1216px) / 2)); gap: 24px; background: color-mix(in srgb,var(--bg) 85%,transparent); border-bottom-color: color-mix(in srgb,var(--line) 65%,transparent); }
.site-header .brand { letter-spacing: .14em; font-size: .7rem; }
.site-header nav { gap: 0; padding: 5px; border: 1px solid var(--line); border-radius: 999px; background: linear-gradient(145deg,color-mix(in srgb,var(--surface-raised) 75%,transparent),var(--surface)); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
.site-header nav a { display: flex; align-items: center; justify-content: center; min-height: 34px; padding: 6px 13px; border-radius: 999px; font-size: .7rem; letter-spacing: 0; }
.site-header nav a::after { display: none; }
.site-header nav a:hover, .site-header nav a[aria-current="page"] { background: var(--soft); color: var(--text); }
.header-right-actions { gap: 12px; }
.button { min-height: 46px; padding: 11px 21px; border-radius: 12px; font-size: .8rem; letter-spacing: 0; box-shadow: inset 0 1px 0 rgba(255,255,255,.09); }
.button--primary { background: linear-gradient(130deg,var(--accent-strong),var(--accent)); border-color: color-mix(in srgb,var(--accent) 70%,var(--text)); color: var(--accent-ink); box-shadow: inset 0 1px 0 #ffffff25,0 9px 25px -15px var(--accent); }
.button--primary:hover { background: var(--accent-strong); }
.button--quiet { background: linear-gradient(150deg,var(--surface-raised),var(--surface)); color: var(--text); }
.button--mc-coffee { border-radius: 999px; background: rgba(177,140,65,.1); color: #e0c48d; border-color: rgba(188,156,94,.25); box-shadow: inset 0 1px 0 #fff1; font-weight: 650; white-space: nowrap; }
.button--mc-coffee:hover { background: rgba(177,140,65,.17); border-color: rgba(188,156,94,.5); }
[data-theme="light"] .button--mc-coffee { color: #795c26; background: #e8d7b542; border-color: #af8e5245; }
.button--mc-coffee i { color: inherit !important; }
.theme-toggle { background: var(--surface); width: 48px; height: 28px; }
[data-theme="light"] .theme-toggle__thumb { transform: translateX(20px); }
.hero--statement { position: relative; display: flex; min-height: 620px; margin-top: 36px; padding: 54px 32px 84px; border: 0; border-radius: 0; background: none; box-shadow: none; }
.hero--statement::before { display: none; }
.hero--statement::after { display: none; }
.hero--statement .hero-copy { width: 100%; max-width: 1090px; }
.hero-emblem { display: grid; place-items: center; margin: 0 auto 20px; }
.hero-emblem img { width: 54px; height: 54px; filter: drop-shadow(0 8px 12px rgba(0,0,0,.3)); }
.hero--statement .eyebrow { font-size: .57rem; margin-bottom: 21px; }
.hero--statement h1 { max-width: none; font-size: clamp(2.6rem,5.3vw,4.7rem); font-weight: 650; line-height: 1.08; letter-spacing: -.055em; }
.hero--statement h1 > span { color: var(--accent); }
.hero--statement .lead { max-width: 595px; margin: 24px auto 0; font-size: 1rem; line-height: 1.75; }
.hero--statement .hero-actions { justify-content: center; margin-top: 29px; gap: 12px; }
.hero--statement .hero-proof { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 25px; }
.hero--statement .hero-proof span { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: .6rem; }
.hero--statement .hero-proof i { color: var(--accent); }
.hero-bottom { position: absolute; bottom: 22px; left: 30px; right: 30px; display: flex; justify-content: space-between; align-items: center; padding-top: 15px; color: var(--muted); font: .51rem ui-monospace,monospace; letter-spacing: .12em; }
.hero-bottom a { text-decoration: none; color: var(--text); letter-spacing: .04em; }.hero-bottom a span { margin-left: 10px; color: var(--accent); }
.section, .about { border-top: 0; scroll-margin-top: calc(var(--header-height) + 20px); }
.section-heading .eyebrow { font-size: .59rem; }
.section h2, .about h2 { font-weight: 600; letter-spacing: -.045em; }
.workflow { display: block; padding-top: 32px; }
.workflow-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 36px; border: 0; }
.workflow-list li { display: flex; flex-direction: column; gap: 22px; padding: 28px; min-height: 240px; border: 1px solid var(--line); border-radius: 20px; background: radial-gradient(ellipse at 100% 0,rgba(113,169,83,.1),transparent 70%),var(--surface); box-shadow: var(--panel-shadow); transition: transform .25s,border-color .25s; }
.workflow-list li:hover { padding-left: 28px; background: var(--surface); transform: translateY(-3px); border-color: color-mix(in srgb,var(--accent) 45%,var(--line)); }
.workflow-list li > span { display: grid; width: 36px; height: 36px; place-items: center; padding: 0; border: 1px solid var(--line); border-radius: 10px; background: var(--soft); }
.workflow-list strong { font-size: 1.04rem; letter-spacing: -.025em; }.workflow-list p { margin-top: 10px; font-size: .83rem; }
.about { margin: 0 0 20px; padding: 48px; gap: 46px; border: 1px solid var(--line); border-radius: 24px; background: radial-gradient(ellipse at 100% 0,rgba(143,130,159,.13),transparent 65%),var(--surface); box-shadow: var(--panel-shadow); }
.about h2 { font-size: clamp(1.8rem,3.2vw,2.6rem); line-height: 1.12; }.about-copy > p:not(.eyebrow) { font-size: .86rem; }
.people { flex-direction: column; align-items: stretch; gap: 12px; }.people-heart { align-self: center; }
a.person { padding: 19px; border-radius: 14px; background: linear-gradient(135deg,var(--surface-raised),var(--surface)); box-shadow: inset 0 1px 0 #fff1; }
a.person img { width: 52px; height: 52px; }a.person strong { font-size: .92rem; }
.downloads .section-heading { max-width: 640px; margin-inline: auto; text-align: center; }
.downloads h2 { font-size: clamp(2.3rem,4.5vw,3.4rem); }
.download-grid { gap: 18px; }
.download-card { --download-tint: 113,169,83; padding: 30px; min-height: 348px; border-radius: 20px; background: radial-gradient(ellipse at 100% 0,rgba(var(--download-tint),.14),transparent 72%),var(--surface); box-shadow: var(--panel-shadow); }
.download-card:nth-child(2) { --download-tint: 145,137,180; }.download-card:nth-child(3) { --download-tint: 101,157,178; }
.download-card:hover { background: radial-gradient(ellipse at 100% 0,rgba(var(--download-tint),.22),transparent 72%),var(--surface); transform: translateY(-5px); }
.download-card strong { font-size: 1.35rem; font-weight: 600; }.download-card em { color: var(--text); padding-top: 18px; border-top: 1px solid var(--line); font-size: .75rem; }
.download-card__status { border-radius: 999px; padding: 6px 8px; font-size: .46rem; }
.download-note { text-align: center; margin-top: 28px; }
.site-footer { padding: 34px; margin-bottom: 24px; border: 1px solid var(--line); border-radius: 22px; background: radial-gradient(ellipse at 0 0,rgba(113,169,83,.06),transparent 60%),var(--surface); box-shadow: var(--panel-shadow); }
.site-footer__grid { grid-template-columns: 1.6fr repeat(5,1fr); gap: 20px; }.site-footer__column strong { font-size: .53rem; }.site-footer__column a { font-size: .7rem; }.site-footer__about { font-size: .72rem; }.site-footer__bottom { font-size: .62rem; }
.kv-depth-card { --kv-card-tint: 113,169,83; transform-style: preserve-3d; will-change: transform,opacity; opacity: 0; transform: perspective(1200px) rotateX(8deg) translateY(34px) scale(.975); transition: opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),box-shadow .25s ease; box-shadow: inset 0 1px 0 #fff1,0 7px 0 -3px var(--surface-raised),0 8px 0 -3px var(--line),0 30px 60px -38px #000b !important; }
.kv-depth-card--violet { --kv-card-tint: 145,137,180; }.kv-depth-card--blue { --kv-card-tint: 101,157,178; }.kv-depth-card--amber { --kv-card-tint: 199,157,98; }
.kv-depth-card--visible { opacity: 1; transform: perspective(1200px) rotateX(var(--kv-tilt-x,0deg)) rotateY(var(--kv-tilt-y,0deg)) translateY(0) scale(1); background-image: radial-gradient(ellipse at 100% 0,rgba(var(--kv-card-tint),.1),transparent 68%) !important; }
.kv-depth-card--visible:hover { box-shadow: inset 0 1px 0 #fff2,0 9px 0 -3px var(--surface-raised),0 10px 0 -3px var(--line),0 38px 70px -40px rgba(var(--kv-card-tint),.5) !important; }
.docs-main--expanded { width: min(1280px,100%); padding: 36px 32px 80px; }
.docs-hero--expanded, .legal-hero { border: 1px solid var(--line); border-radius: 24px; background: radial-gradient(ellipse at 100% 0,rgba(103,154,162,.16),transparent 60%),var(--surface); box-shadow: var(--panel-shadow); }
.docs-hero--expanded { padding: 44px; gap: 36px; align-items: center; }
.docs-hero__grid { display: none; }.docs-hero h1 { font-size: clamp(2.2rem,3.8vw,3.3rem); line-height: 1.1; font-weight: 600; }.docs-hero__copy > p:last-of-type { font-size: .9rem; }
.docs-version-card { padding: 25px; border-radius: 16px; background: linear-gradient(145deg,var(--surface-raised),var(--surface)); box-shadow: var(--panel-shadow); }
.docs-version-card strong { font-size: 2.5rem; }.docs-version-card__line i { width: 100%; animation: none; }
.docs-command-bar { border-radius: 14px; overflow: hidden; background: linear-gradient(130deg,var(--surface-raised),var(--surface)); }
.docs-layout--expanded { gap: 28px; }
.docs-nav--expanded { top: calc(var(--header-height) + 18px); padding: 22px 18px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(140deg,var(--surface-raised),var(--surface)); max-height: calc(100vh - var(--header-height) - 38px); }
.docs-nav--expanded { scrollbar-width: none; }
.docs-nav--expanded::-webkit-scrollbar { display: none; }
.docs-nav__group { gap: 4px; }.docs-nav__group p { margin: 0 0 7px; padding-left: 8px; border: 0; font-size: .52rem; }.docs-nav__group a { padding: 5px 8px; border-radius: 7px; font-size: .72rem; }.docs-nav__group a:hover { background: var(--soft); transform: none; }.docs-nav__download { border-radius: 9px; }
.docs-section, .docs-content--expanded .docs-section + .docs-section { padding: 30px; margin-bottom: 20px; border: 1px solid var(--line); border-radius: 20px; background: radial-gradient(ellipse at 100% 0,rgba(113,169,83,.045),transparent 60%),var(--surface); box-shadow: var(--panel-shadow); scroll-margin-top: calc(var(--header-height) + 18px); }
.docs-section h2 { font-size: clamp(1.7rem,2.6vw,2.1rem); font-weight: 600; line-height: 1.15; }.docs-content p { font-size: .86rem; }
.docs-card, .docs-file-safety, .docs-split-card, .docs-journey, .release-entry { border-radius: 12px; overflow: hidden; }
.docs-journey { grid-template-columns: repeat(2,minmax(0,1fr)); }.docs-journey li { min-height: 140px; }.docs-journey li:nth-child(2) { border-right: 0; }.docs-journey li:nth-child(-n+2) { border-bottom: 1px solid var(--line); }.docs-journey li > span { margin-bottom: 18px; }
.docs-split-card { grid-template-columns: 1fr; }.docs-split-card > div { min-height: 0; }.docs-split-card__number { border-radius: 7px; margin-bottom: 12px; }
.docs-section details { margin-top: 10px; border: 1px solid var(--line); border-radius: 10px; background: color-mix(in srgb,var(--surface-raised) 50%,transparent); }
.docs-section summary { padding: 15px; font-size: .8rem; }.docs-answer > p { padding: 0 18px 18px; }
.docs-status-strip i { animation: none; border-radius: 50%; }.docs-release-heading { align-items: flex-start; }.docs-release-heading > span { border-radius: 10px; }.release-entry { grid-template-columns: 135px minmax(0,1fr); }.release-entry__version { border-radius: 5px; }.release-columns { grid-template-columns: 1fr; }
.legal-main { max-width: 1000px; padding-top: 36px; padding-bottom: 70px; }
.legal-hero { padding: 44px; }.legal-hero::after { display: none; }.legal-hero h1 { font-size: clamp(2.2rem,4vw,3.2rem); font-weight: 600; }
.legal-content { gap: 18px; padding-top: 26px; }.legal-card { padding: 30px; border-radius: 18px; background: linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-raised) 45%,var(--surface))); box-shadow: var(--panel-shadow); }.legal-card:hover { transform: none; }.legal-card h2 { font-size: 1.16rem; font-weight: 600; margin-bottom: 14px; }
@media (max-width: 1120px) {
  .site-header { display: flex; flex-wrap: wrap; gap: 12px; padding: 15px 26px; }
  .site-header nav { order: 3; justify-content: center; width: 100%; }
  .header-right-actions { margin-left: auto; }
  .docs-hero--expanded { grid-template-columns: 1fr 180px; padding: 32px; }
  .about { grid-template-columns: 1.4fr 1fr; gap: 26px; padding: 32px; }
  .site-footer__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .docs-layout--expanded { gap: 20px !important; }.docs-hero--expanded { grid-template-columns: 1fr; }.docs-version-card { max-width: 320px; }.docs-version-card__line { display: none; }
  .docs-nav--expanded { border-radius: 0; padding: 0 0 12px !important; background: none; }
  .docs-nav__group a { font-size: .72rem; }
  .workflow-list { grid-template-columns: 1fr; }.workflow-list li { min-height: 0; display: grid; grid-template-columns: 36px 1fr; gap: 20px; }.workflow-list p { max-width: 600px; }
  .about { grid-template-columns: 1fr; }.people { flex-direction: row; }.people-heart { align-self: center; }
}
@media (max-width: 620px) {
  .site-header { gap: 10px; padding: 12px 16px; }
  .site-header .brand { font-size: .63rem; gap: 7px; }.site-header .brand img { width: 25px; height: 25px; }
  .header-right-actions { gap: 8px; }.header-right-actions .button--mc-coffee { padding: 5px 9px !important; font-size: .65rem !important; min-height: 33px; }
  .site-header nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); width: 100%; border-radius: 15px; padding: 4px; border-top: 1px solid var(--line); gap: 0; }
  .site-header nav a { min-height: 29px; padding: 4px 6px; font-size: .62rem; }
  .theme-toggle { width: 44px; height: 26px; }.theme-toggle__thumb { width: 18px; height: 18px; top: 3px; }[data-theme="light"] .theme-toggle__thumb { transform: translateX(18px); }
  .hero--statement { margin-top: 18px; padding: 38px 22px 72px; min-height: 0; }
  .hero-emblem img { width: 44px; height: 44px; }.hero--statement .eyebrow { font-size: .47rem; letter-spacing: .13em; }
  .hero--statement h1 { font-size: clamp(2.1rem,8.4vw,3.2rem); line-height: 1.1; }.hero--statement .lead { font-size: .86rem; margin-top: 20px; }
  .hero--statement .hero-actions { flex-direction: row; width: auto; gap: 8px; margin-top: 23px; }.hero--statement .hero-actions .button { width: 100%; }
  .hero--statement .hero-proof { margin-top: 22px; gap: 5px; }.hero--statement .hero-proof span { font-size: .51rem; padding: 4px 7px; }
  .hero-bottom { bottom: 18px; left: 22px; right: 22px; font-size: .44rem; }.hero-bottom > span { max-width: 110px; line-height: 1.6; }
  .workflow { padding-top: 15px; }.workflow-list { margin-top: 25px; gap: 12px; }.workflow-list li { padding: 22px; grid-template-columns: 30px 1fr; gap: 15px; border-radius: 16px; }.workflow-list li:hover { padding-left: 22px; }.workflow-list li > span { width: 30px; height: 30px; }.workflow-list strong { font-size: .95rem; }
  .about { padding: 26px; border-radius: 20px; }.about h2 { font-size: 1.85rem; }.people { display: flex; flex-direction: column; }.people-heart { margin-block: 2px; }a.person { padding: 15px; }
  .download-card { padding: 25px; min-height: 310px; }.download-card__status { font-size: .49rem; }
  .site-footer { width: calc(100% - 32px); padding: 26px 22px; }.site-footer__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 14px; }.site-footer__intro { grid-column: 1 / -1; }.site-footer__column a { font-size: .69rem; }.site-footer__bottom { margin-top: 28px; line-height: 1.65; }
  .docs-main--expanded { padding: 18px 16px 40px; }.docs-hero--expanded { padding: 26px; gap: 26px; }.docs-hero h1 { font-size: 2rem; }.docs-version-card { width: 100%; padding: 20px; }
  .docs-section, .docs-content--expanded .docs-section + .docs-section { padding: 22px; border-radius: 16px; }.docs-section h2 { font-size: 1.7rem; }.docs-content p { font-size: .82rem; }
  .docs-journey { grid-template-columns: 1fr; }.docs-journey li { min-height: 0; }.docs-release-heading { flex-direction: column; gap: 16px; }.docs-mod-path { grid-template-columns: 1fr; }
  .legal-main { padding-top: 18px; }.legal-hero { padding: 28px; }.legal-card { padding: 24px; }.legal-content { gap: 13px; }
}
@media (max-width: 640px), (prefers-reduced-motion: reduce) { .kv-depth-card.kv-depth-card { opacity: 1; transform: none; transition: none; } }