.saas-site:has(.landing-page){background:#eeeee6;color:#26372f;color-scheme:light;--muted: #637068;--accent: #285944}.saas-site:has(.landing-page) .saas-nav{padding-top:26px;padding-bottom:26px;border-bottom:1px solid #d4d8cc}.saas-site:has(.landing-page) .brand-icon{background:transparent;border-color:#b9c9bb;color:#285944}.saas-site:has(.landing-page) .brand small{color:#637068}.saas-site:has(.landing-page) .saas-nav .saas-link{color:#26372f!important;border:1px solid #b5bfb0;padding:10px 16px;border-radius:5px}.landing-page{max-width:1240px;padding:0 32px;margin:auto}.landing-page p{color:#627067}.landing-page h1,.landing-page h2,.landing-page h3{color:#26372f}.landing-page a:focus-visible,.landing-footer a:focus-visible{outline:2px solid #285944;outline-offset:5px}.landing-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:70px 0 62px}.landing-kicker{font:10px/1.6 Inter Variable,sans-serif;letter-spacing:1.6px;font-weight:600;color:#637068}.landing-copy .landing-kicker{display:flex;gap:13px;align-items:center;flex-wrap:wrap;font-size:9px;letter-spacing:1.2px}.landing-beta{display:inline-block;padding:5px 8px;border:1px solid #adb9a8;border-radius:3px;font-size:10px;font-weight:500;letter-spacing:0}.landing-copy h1{font-size:clamp(43px,4.7vw,65px);line-height:1.07;letter-spacing:-3.4px;font-weight:580;margin:30px 0 26px}.landing-copy h1 span{color:#64816b}.landing-copy .landing-lead{font-size:18px;line-height:1.65;color:#344b3d;max-width:470px;margin-bottom:17px}.landing-description{font-size:14px;line-height:1.8;max-width:420px}.landing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:23px;margin:30px 0 14px}.landing-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 18px;background:#285944;color:#fff!important;border:1px solid #285944;border-radius:5px;font-size:12px;font-weight:550;transition:background .15s}.landing-button:hover{background:#1e4433}.landing-text-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:500}.landing-text-link:hover{text-decoration:underline;text-underline-offset:4px}.landing-copy .landing-access{font-size:10px;margin:16px 0 0}.landing-games{border-top:1px solid #cbd2c5;border-bottom:1px solid #cbd2c5;padding:26px 0;display:flex;align-items:center;gap:30px}.landing-games>span{max-width:150px;font-size:9px;letter-spacing:1px;line-height:1.7;color:#6f7a70}.landing-games>div{display:flex;flex:1;align-items:center;justify-content:space-between;gap:18px}.landing-games b{font-size:13px;font-weight:550;color:#526654}.landing-workflow{padding:85px 0 75px;scroll-margin-top:30px}.landing-section-heading{display:grid;grid-template-columns:160px 1fr 1fr;gap:32px;align-items:start;margin-bottom:55px}.landing-section-heading .landing-kicker{padding-top:8px}.landing-page h2{font-size:clamp(28px,3vw,38px);font-weight:550;letter-spacing:-1.7px;line-height:1.18;margin-bottom:0}.landing-section-heading p{font-size:14px;line-height:1.8;max-width:350px;margin-bottom:0;padding-top:3px}.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.workflow-step{display:flex;align-items:center;gap:16px;margin-bottom:26px}.workflow-step span{font-family:monospace;font-size:13px;color:#59715c}.workflow-step i{height:1px;background:#c2ccbc;flex:1;position:relative}.workflow-step i:after{content:"";position:absolute;height:5px;width:5px;right:0;top:-2px;border-top:1px solid #859680;border-right:1px solid #859680;transform:rotate(45deg)}.workflow-steps small{font-size:9px;letter-spacing:1.1px;color:#7b8374}.workflow-steps h3{font-size:22px;font-weight:550;letter-spacing:-.65px;margin:12px 0}.workflow-steps p{font-size:13px;line-height:1.85;max-width:330px;margin-bottom:22px}.workflow-detail{display:flex;align-items:center;gap:9px;font-size:10px;color:#48634e}.workflow-dot{width:8px;height:8px;border-radius:50%;background:#597a62}.workflow-node{flex-shrink:0;color:#597a62}.landing-production{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;border-top:1px solid #cbd2c5;padding:70px 0}.production-notes h2{margin:20px 0}.production-notes p{max-width:325px;font-size:14px;line-height:1.8;margin-bottom:24px}.production-list article{display:grid;grid-template-columns:30px 1fr 20px;gap:16px;padding:25px 0;border-bottom:1px solid #cbd2c5}.production-list article:first-child{padding-top:0}.production-list article:last-child{border-bottom:0;padding-bottom:0}.production-index{font-family:monospace;font-size:12px;color:#6e816d;padding-top:4px}.production-list h3{font-size:16px;font-weight:550;margin-bottom:8px}.production-list p{font-size:13px;line-height:1.75;margin:0}.production-list svg{color:#6e816d;margin-top:2px}.landing-close{margin:5px 0 65px;background:#dfe5d7;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:36px;border-radius:6px}.landing-close h2{margin:12px 0}.landing-close p{max-width:450px;margin-bottom:0;font-size:13px}.landing-close-actions{display:flex;flex-direction:column;gap:18px;align-items:center;flex-shrink:0}.saas-footer.landing-footer{border-color:#cbd2c5;padding-top:26px;padding-bottom:26px;font-size:10px}.landing-footer .brand{font-size:20px}.landing-footer .brand small{display:none}.signal-demo{background:#1d2826;border:1px solid #34473e;border-radius:9px;color:#edf3e9;box-shadow:0 12px 24px #26372f12;min-width:0;color-scheme:dark}.signal-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #3b4a42;font-family:monospace;font-size:9px;letter-spacing:.8px}.signal-demo-heading>span:first-child{display:flex;gap:9px;align-items:center}.signal-demo-heading i{width:6px;height:6px;border-radius:1px;background:#daa56d}.signal-demo-label{color:#a5b4a6;font-family:Inter Variable,sans-serif;letter-spacing:0;font-size:9px}.signal-game-picker{display:flex;gap:4px;padding:14px 18px 0}.signal-game-picker button{flex:1;padding:8px 4px;color:#a6b4aa;background:transparent;border:1px solid transparent;border-radius:4px;font-size:10px;font-weight:500}.signal-game-picker button[aria-pressed=true]{color:#e5eedf;background:#34463d;border-color:#4b5b4f}.signal-game-picker button:hover{color:#fff}.signal-demo button:focus-visible,.signal-demo summary:focus-visible{outline:2px solid #bdd8aa;outline-offset:3px}.signal-example-body{padding:18px 20px 0}.signal-source{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border:1px solid #465549;border-radius:4px}.signal-source>div{display:flex;gap:12px;align-items:center}.signal-source small{display:block;font:8px monospace;letter-spacing:1px;color:#9aaa9b;margin-bottom:3px}.signal-source b{font:14px monospace;font-weight:500}.signal-port{width:7px;height:7px;background:#bfd1a7;border-radius:2px}.signal-source-tag{color:#a8b5a6;display:flex;align-items:center;gap:10px;font:10px monospace}.signal-connection{display:flex;align-items:center;gap:8px;height:35px;color:#b7c5aa;padding-left:18px}.signal-connection>span:first-child{width:1px;height:35px;background:#6e816a}.signal-connection-label{font:9px monospace;margin-left:3px;color:#9baa98}.signal-output{position:relative;background:#101a17;border:1px solid #3c4c40;border-radius:4px;min-height:207px;overflow:hidden}.signal-output-heading,.signal-output-footer{display:flex;justify-content:space-between;gap:10px;padding:13px 14px;font:8px monospace;letter-spacing:1px;color:#819885;position:relative;z-index:1}.signal-output-footer{margin-top:137px;border-top:1px solid #2d3b30;letter-spacing:0;font-size:9px}.signal-output-footer span{display:inline-flex;align-items:center;gap:6px}.signal-art{position:absolute;inset:25px 0 20px;color:#b8c9a1}.signal-art svg{width:100%;height:100%}.signal-ring{stroke:#8da579;stroke-opacity:.25}.signal-ring-outer{stroke:#5c7152;stroke-opacity:.1;stroke-dasharray:2 7}.signal-counter{position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);display:flex;flex-direction:column;align-items:center}.signal-counter strong{font-size:64px;letter-spacing:-3px;font-weight:450;line-height:1;color:#d1d9c5;font-variant-numeric:tabular-nums}.signal-counter>span{color:#8fa180;font:8px monospace;letter-spacing:2px;margin-top:8px}.signal-output[data-active=true] .signal-ring{animation:cue-ring .75s ease-out}.signal-output[data-active=true] .signal-counter strong{animation:cue-count .75s ease-out}@keyframes cue-ring{0%{stroke-opacity:1;stroke-width:5px}to{stroke-opacity:.25;stroke-width:1px}}@keyframes cue-count{0%{color:#f4d3a0}to{color:#d1d9c5}}.signal-demo-actions{display:flex;gap:9px;margin-top:16px}.signal-trigger,.signal-reset{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b8cfa7;border-radius:4px;padding:11px 15px;background:#c2d3ad;color:#243429;font-size:11px;font-weight:600}.signal-trigger{flex:1;gap:9px}.signal-trigger:hover{background:#d5e3c4}.signal-reset{color:#bac7b4;background:transparent;border-color:#485c4b}.signal-example-body .signal-instruction{font-size:9px;text-align:center;color:#a1b29d;margin:11px 0 14px}.signal-payload{border-top:1px solid #3b4a42;color:#a3b69e;font-size:10px}.signal-payload summary{cursor:pointer;padding:12px 0}.signal-payload pre{font-size:10px;line-height:1.5;padding:12px;border-radius:4px;white-space:pre-wrap;overflow-wrap:anywhere;background:#101a17;color:#c1d3b4;margin:0 0 12px}.signal-payload p{color:#a3b69e;font-size:9px}.signal-demo-footnote{border-top:1px solid #3b4a42;font-size:9px;color:#8fa18e;padding:13px 20px}@media(prefers-reduced-motion:reduce){.signal-output[data-active=true] .signal-ring,.signal-output[data-active=true] .signal-counter strong{animation:none}.landing-button{transition:none}}@media(max-width:1050px){.landing-intro{gap:35px}.landing-copy h1{letter-spacing:-2.5px}.landing-section-heading{grid-template-columns:120px 1fr 1fr;gap:24px}.landing-production{gap:40px}}@media(max-width:800px){.landing-intro{grid-template-columns:1fr;padding:45px 0;gap:35px}.landing-copy h1{font-size:60px}.landing-copy .landing-lead,.landing-description{max-width:570px}.signal-demo{max-width:580px;width:100%}.landing-games{flex-direction:column;align-items:stretch;gap:16px}.landing-games>span{max-width:none}.landing-games>div{flex-wrap:wrap;justify-content:flex-start;column-gap:32px;row-gap:16px}.landing-section-heading{grid-template-columns:1fr 1fr}.landing-section-heading>.landing-kicker{grid-column:1 / -1}.workflow-steps{gap:25px}.landing-production{grid-template-columns:1fr}.production-notes p{max-width:480px}.landing-close{padding:28px}}@media(max-width:580px){.landing-page{padding:0 22px}.landing-copy .landing-kicker{font-size:8px;gap:9px}.landing-copy h1{font-size:clamp(38px,10.8vw,57px);letter-spacing:-2px}.landing-copy .landing-lead{font-size:16px}.landing-actions{gap:20px}.landing-button{padding:13px 14px;gap:12px}.landing-workflow{padding:55px 0}.landing-section-heading{grid-template-columns:1fr;gap:17px;margin-bottom:32px}.landing-section-heading>.landing-kicker{grid-column:auto}.workflow-steps{grid-template-columns:1fr;gap:34px}.workflow-step{margin-bottom:15px}.workflow-steps p{max-width:none;margin-bottom:15px}.landing-production{padding:50px 0;gap:30px}.production-list article{grid-template-columns:18px 1fr;gap:12px}.production-list article>svg{display:none}.landing-close{flex-direction:column;align-items:flex-start;margin-bottom:36px;padding:24px;gap:24px}.landing-close-actions{align-items:flex-start}.signal-demo-heading{padding:15px;gap:8px;font-size:8px;letter-spacing:.4px}.signal-demo-label{font-size:8px}.signal-example-body{padding:16px 14px 0}.signal-game-picker{padding:12px 12px 0}.signal-game-picker button{font-size:9px}.signal-output-footer{font-size:8px}.signal-demo-footnote{padding:13px 14px;font-size:8px}.landing-footer{flex-wrap:wrap;gap:18px}.saas-footer.landing-footer>span{display:block;order:3;width:100%}}
