*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:DM Sans,system-ui,sans-serif;background:#0a0a0a;color:#e8e4de;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:#c8ff2e;color:#0a0a0a}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}textarea:focus,input:focus,select:focus{border-color:#c8ff2e!important;outline:none}.skip-nav{position:absolute;top:-40px;left:0;background:#c8ff2e;color:#0a0a0a;padding:8px 16px;z-index:1000;font-weight:600;text-decoration:none;border-radius:0 0 8px;transition:top .2s}.skip-nav:focus{top:0}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInFast{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 8px #c8ff2e14}50%{box-shadow:0 0 24px #c8ff2e30}}@keyframes segPulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.reveal.vis{opacity:1;transform:translateY(0)}.rd1{transition-delay:.08s}.rd2{transition-delay:.16s}.rd3{transition-delay:.24s}.rd4{transition-delay:.32s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none;transition:none}}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}:focus-visible{outline:2px solid #c8ff2e;outline-offset:2px}button:focus:not(:focus-visible){outline:none}.touch-target{min-height:44px;min-width:44px}body{font-size:16px;line-height:1.65}@media (max-width: 768px){body{font-size:16px}.grid-3,.grid-2,.grid-stats{grid-template-columns:1fr!important}.nav-links{display:none!important}.nav-hamburger{display:block!important}.hero-section,.section-padding{padding:100px 20px 60px!important}.chain-demo-nodes{flex-wrap:wrap!important;gap:8px!important}.chain-demo-arrow{display:none!important}.chain-demo-nodes>span{margin-bottom:4px}.spawn-input-large{padding:16px 120px 16px 16px!important;font-size:15px!important}.spawn-btn-large{padding:10px 20px!important;font-size:14px!important}.example-chips{justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:8px;-webkit-overflow-scrolling:touch}.example-chip{flex-shrink:0}.dashboard-layout{flex-direction:column!important}.detail-panel{width:100%!important;border-left:none!important;border-top:1px solid #1e1e1e;max-height:50vh;overflow-y:auto}.agent-chain-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:8px;flex-wrap:nowrap!important}.agent-chain-scroll>div{flex-shrink:0}.agent-card{min-width:155px!important;flex-shrink:0!important}.tab-bar{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.tab-btn{white-space:nowrap;flex-shrink:0}.dashboard-header,.dashboard-toolbar{flex-wrap:wrap!important;gap:8px!important}.growing-page{padding:24px 20px!important}.auth-modal-card{margin:0 16px!important;max-width:none!important}.faq-container{max-width:100%!important}.footer-inner{flex-direction:column!important;text-align:center!important;gap:12px!important}.chain-demo-card{padding:20px!important}.chain-demo-title{font-size:18px!important}}@media (max-width: 480px){.hero-section,.section-padding{padding:80px 16px 40px!important}.spawn-input-large{padding:14px 100px 14px 14px!important;font-size:14px!important}.spawn-btn-large{padding:9px 14px!important;font-size:13px!important}.chain-demo-nodes>span>span:first-child{padding:8px 12px!important;font-size:12px!important}.growing-page{padding:20px 16px!important}.auth-modal-card{padding:28px 20px 20px!important;margin:0 12px!important}}