/* Kyntrix system theme, shared with the workspace UI on the home page. */
:root {
  color-scheme: light;
  --bg: #e6e8de;
  --panel: #f1f3eb;
  --line: #bfcab4;
  --text: #273326;
  --muted: #5c6f50;
  --mint: #476835;
  --orange: #af6843;
}
body {
  background: radial-gradient(ellipse at 85% 0%, #d1dec0 0%, transparent 44%),
    radial-gradient(ellipse at 5% 25%, #eff1e8 0%, transparent 60%), #e6e8de;
}
::selection { background: #476835; color: #f3f7ed; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible {
  outline-color: #476835;
}
.header {
  height: 80px;
  margin: 18px 3% 0;
  max-width: none;
  padding: 0 2.1%;
  border: 1px solid #b6c4a9;
  border-radius: 14px;
  background: #f4f6edb8;
  box-shadow: 0 6px 20px #35452a0b, inset 0 1px 0 #ffffffb3;
  backdrop-filter: blur(18px);
}
.brand, .brand svg { color: #2c3c25; fill: #2c3c25; }
.brand-dot { color: #728b61; }
.header nav { color: #516247; }
.header nav a { padding: 9px 13px; border-radius: 7px; }
.header nav a:hover, .header nav a[aria-current="page"] { background: #d7e2cb; color: #304826; }
.button { border-color: #a4b792; color: #334b29; border-radius: 9px; background: #edf2e4; box-shadow: inset 0 1px 0 #ffffff8c; }
.button:hover { background: #d8e6cb; }
.primary { background: #476835; color: #f1f7e9; border-color: #476835; box-shadow: inset 0 1px 0 #76905f; }
.primary:hover { background: #355323; }
.nav-button { background: #d8e4cb; border-color: #b3c59f; }
.text-link:hover { color: #335e1c; }
.hero { padding-top: 32px; }
.hero-edition, .hero-note, .hero-bottom > .mono { color: #657857; }
.eyebrow { color: #4e6342; }
.status-dot { background: #71994e; box-shadow: 0 0 10px #71994e30; }
.hero-copy > p { color: #5b6e50; }
.hero-content { gap: 40px; margin-top: 22px; }
.hero h1, .page-hero h1, .purchase-hero h1 { font-weight: 500; }
.hero-note .tiny-cross { color: #5a7b43; }
.orb-stage {
  height: 495px;
  margin: 20px 0;
  background: radial-gradient(ellipse at 50% 40%, #283b1e 0%, #131e10 70%);
  border: 1px solid #718762;
  border-radius: 18px;
  box-shadow: 0 20px 50px #3c50241a, inset 0 1px 0 #96ac6a33;
  overflow: hidden;
}
.orb-tag { top: 25px; background: #24301cc9; color: #c0d5ac; border-color: #526a40; }
.orb-tag .status-dot { background: #bfdca0; }
.orb-coordinate, .orb-caption { color: #a3b68d; }
.coord-left { left: 18px; }
.coord-right { right: 18px; }
.orb-caption { bottom: 23px; left: 8%; right: 8%; }
.hero-bottom { border-color: #b7c4ab; }
.platforms { color: #506348; }
.scroll-cue { border-color: #a7b895; background: #edf3e5; }
.section-label { color: #516648; }
.section-label span:last-child { color: #74856a; }
.vision { background: #d8e0ce; border-color: #bdcbb0; }
.vision h2 span { color: #748866; }
.vision-copy p { color: #596f4b; }
.vision-copy p:first-of-type { color: #304327; }
.vision-copy .small-symbol { color: #507438; }
.section-heading > p { color: #5c7150; }
.feature-grid { gap: 22px; }
.feature {
  background: #f0f3e9;
  border-color: #b8c6ab;
  border-radius: 14px;
  box-shadow: 0 8px 24px #455c3010, inset 0 1px 0 #fff8;
}
.feature-art { background: radial-gradient(ellipse at center, #e1ebd4, #cbd9bb); border-bottom: 1px solid #b8c6ab; }
.mini-label { color: #5f7750; }
.focus-ring { border-color: #89a16f; box-shadow: 0 0 0 13px #61813c0a, 0 0 0 27px #61813c09, 0 0 0 42px #61813c07; }
.focus-ring:before { border-color: #91a97b; }
.focus-core { color: #587c3c; }
.art-cross { color: #6f8a57; }
.feature-copy > .mono { color: #6c805d; }
.feature p { color: #5f7253; }
.prompt-art { background: #d8e3ca; }
.prompt-bubble { background: #f0f5e8; color: #425735; border-color: #a8bd92; box-shadow: 0 10px 25px #4d68361a; }
.prompt-spark { color: #648e41; }
.prompt-bubble > span:last-child { color: #66824f; }
.prompt-lines i { background: #8ca47450; }
.connection-art { background: #d3dfc7; }
.node { background: #eaf1df; border-color: #9bb785; color: #55783b; }
.node-two { background: #597b3c; color: #f0f7e6; }
.connection-path { border-color: #84a164; }
.experience { background: #d8e1cf; border-color: #b6c5a8; }
.tab-controls { border-color: #a3b78f; background: #e9efdf; border-radius: 9px; }
.tab-controls button { color: #617751; border-radius: 6px; }
.tab-controls button[aria-selected="true"] { background: #597b3c; color: #f4f8ec; }
.workspace-window { border-color: #a3b78f; border-radius: 14px; box-shadow: 0 25px 60px #42572b20, 0 3px 10px #42572b0d; }
.experience-foot p { color: #607550; }
.community-home { background: #d3ddc8; border-color: #b5c8a2; }
.community-home p { color: #516943; }
.inline-note { color: #607a50 !important; }
.closing { background: #edf0e5; border-color: #b7c7a7; isolation: isolate; }
.closing-mark { color: #d1ddc3; z-index: -1; }
footer { color: #49613c; }
footer > span, footer > div { color: #5f7551; }
.page-lead { color: #5a704c; }
.page-section { background: #dbe3d1; border-color: #b6c6a5; }
.numbered-grid article { border-color: #a4b98e; }
.large-number { color: #7f9867; }
.numbered-grid p { color: #5c724d; }
.two-column-section p { color: #556b47; }
.two-column-section p strong { color: #324d25; }
.page-cta { background: #cfdbc1; border-color: #adbf99; }
.system-visual { background: radial-gradient(ellipse at center, #dfebd1, #c5d7b3 75%); border-color: #a4b992; border-radius: 16px; box-shadow: 0 18px 45px #4b653d14; }
.system-visual > .mono, .system-status { color: #5d7849; }
.system-orbit { border-color: #819d69; box-shadow: 0 0 0 16px #78985017, 0 0 0 38px #7898500e, 0 0 0 61px #78985008; }
.system-orbit span { color: #476835; }
.ai-visual { border: 1px solid #a4b992; border-radius: 16px; background: #172412; box-shadow: 0 18px 45px #4b653d14; }
.ai-visual > span { color: #c8edb5; }
.ai-visual .mono { color: #aec39b; bottom: 22px; }
.ai-lines { border-color: #719b52; box-shadow: 0 0 0 16px #172412, 0 0 0 17px #719b5266, 0 0 0 34px #172412, 0 0 0 35px #719b5255, 0 0 0 54px #172412, 0 0 0 55px #719b5233; }
.network-visual { background: radial-gradient(ellipse at center, #c9dcb8, transparent 65%); }
.network-center { color: #557b38; border-color: #7e9d65; box-shadow: 0 0 0 42px #70964d09, 0 0 0 43px #7e9d6540, 0 0 0 94px #70964d07, 0 0 0 95px #7e9d6530; }
.network-node { color: #527337; background: #eaf2e0; border-color: #99b482; box-shadow: 0 5px 15px #4b653d14; }
.network-visual > .mono { color: #5e7e46; }
.worker-form { background: #eef3e6; border-color: #aec29a; border-radius: 14px; box-shadow: 0 18px 45px #4b653d10; }
.worker-form label { color: #4d653d; }
.worker-form input:not([type="checkbox"]):not([type="range"]), .worker-form select { color: #3f5830; background: #e0e9d4; border-color: #a5bd91; border-radius: 7px; }
.worker-form input::placeholder { color: #738b61; }
.worker-form output { color: #466d2c; }
.contribution-section > div > p { color: #5d744e; }
#worker-result { color: #3d6525; }
.faq-section details { border-color: #afc29c; }
.faq-section summary { color: #3c572e; }
.faq-section details p { color: #5a734a; }
.faq-section details a { color: #3c6825; }
.purchase-card { background: #edf2e4; color: #2f4624; border-color: #a4bc8f; border-radius: 15px; box-shadow: 0 12px 30px #4b653d12, inset 0 1px 0 #fff9; }
.purchase-highlight { background: linear-gradient(145deg, #d9e8c9, #edf3e4); border-color: #789d59; box-shadow: 0 12px 35px #4b653d1a; }
.purchase-top .mono, .purchase-card .purchase-top .mono { color: #5d794b; }
.purchase-icon { color: #638c43; }
.preorder-badge { color: #4b7330; border-color: #a0bc87; background: #dfeccd; }
.purchase-card > p { color: #5e794b; }
.price { color: #2e5020; }
.price > span { color: #557b3b; }
.purchase-card .price-context { color: #53703e; }
.standard-price { color: #566f44; border-color: #b0c59b; }
.standard-price strong { color: #355326; }
.standard-price small { color: #6b815b; }
.purchase-card ul { color: #556e44; }
.purchase-card li::marker { color: #71974d; }
.purchase-card .purchase-note { color: #657f52; }
.preorder-notice { color: #5c744c; background: #d8e4cb; border-color: #a9c090; border-radius: 11px; }
.preorder-notice > span { color: #5a813d; }
.preorder-notice strong { color: #38532a; }
.prose p { color: #566e47; }
.prose a { color: #3d6b26; }
@media (min-width: 1450px) { .orb-stage { height: 565px; } }
@media (max-width: 1050px) {
  .header nav { gap: 9px; }
  .hero-content { gap: 24px; }
  .orb-stage { height: 445px; }
}
@media (max-width: 760px) {
  .header { height: 68px; margin: 12px 4% 0; padding: 0 4%; border-radius: 11px; position: relative; z-index: 10; }
  .header .brand { font-size: 22px; }
  .header .brand svg { width: 20px; }
  .header nav { top: 76px; left: 0; right: 0; background: #edf3e5f5; border: 1px solid #acc496; border-radius: 12px; box-shadow: 0 15px 35px #354c2526; padding: 18px; gap: 7px; }
  .nav-button { padding: 10px 12px; margin-right: 13px; }
  .menu-button { font-size: 21px; }
  .hero { padding-top: 29px; }
  .hero-content { gap: 26px; margin-top: 0; }
  .hero-copy { padding-top: 40px; }
  .orb-stage { height: 360px; margin: 0 0 25px; border-radius: 14px; }
  .orb-tag { top: 19px; }
  .orb-caption { bottom: 18px; }
  .platforms { gap: 15px; }
  .hero-bottom { padding-top: 19px; }
  footer > div { border-color: #b6c9a4; }
}
@media(max-width:760px){.hero-actions{gap:18px}.hero-actions .button{white-space:nowrap;gap:20px;padding:14px 16px}.hero-actions .text-link{gap:14px}}

.embedded .header,.embedded footer{display:none}.embedded body{background:#e6e8de}.embedded .section-pad{padding:45px 6%}.embedded .page-hero,.embedded .purchase-hero{padding-top:26px}.embedded .page-hero h1,.embedded .purchase-hero h1{margin-top:32px;font-size:clamp(35px,5.3vw,58px)}.embedded .hero-content{gap:25px}.embedded .hero{padding-top:28px}.embedded .hero h1{font-size:clamp(38px,5.4vw,65px)}@media(max-width:760px){.embedded .section-pad{padding:35px 6%}.embedded .page-hero h1,.embedded .purchase-hero h1{font-size:35px;letter-spacing:-1.5px}.embedded .purchase-grid{margin-top:26px}.embedded .page-lead{font-size:12px}.embedded .purchase-card{padding:24px}}