@font-face{font-family:'Albert Sans';src:url('/assets/albert.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--font-sans:'Albert Sans',Arial,sans-serif;--font-display:'Albert Sans',Arial,sans-serif}body{font-family:var(--font-sans);background:#0b1421!important;color:#e4edfb!important}button,a{cursor:pointer}::selection{background:#a9caff;color:#0b1421}.site-links{background:#142438a8!important;box-shadow:0 0 0 1px #b5d4ff19!important;backdrop-filter:blur(14px)}.site-nav.is-compact{background:#142135ed!important;box-shadow:0 10px 40px #0004,0 0 0 1px #314761!important}.site-nav.is-compact .site-links{background:none!important;box-shadow:none!important}.site-menu{background:#102035!important;color:#e4edfb!important}.site-menu a{border-color:#2b4059!important}.menu-toggle{background:#182c43!important}.menu-bars span{background:#b7d3f7!important}.hero-wave{color:#a9caff!important;filter:drop-shadow(0 0 28px #5e95ed26)}.hero-wave svg{color:#a9caff!important}.riff-feature-icon{background:#213954;color:#a9caff;box-shadow:0 0 0 1px #3a5677}.text-white{color:#0b1421!important}.riff-notice-panel{background:#142438;color:#e4edfb;border-color:#34516e}.riff-notice-panel p{color:#91a9c5}.riff-notice-panel button{background:#aacaff;color:#0b1421}.reveal{will-change:transform}.tempo-workspace{max-width:1100px;padding:46px 25px 80px;margin:auto;display:grid;grid-template-columns:1.45fr 1fr;gap:28px}.workspace-brand{grid-column:1/-1;display:flex;align-items:center;gap:12px;font-size:23px;font-weight:600;letter-spacing:-1px;margin-bottom:20px}.workspace-title{grid-column:1/-1;margin-bottom:15px}.workspace-title>span{font-size:10px;letter-spacing:2px;color:#7895b9}.workspace-title h1{font-size:64px;font-weight:500;letter-spacing:-3px;line-height:1.1;margin:20px 0 17px}.workspace-title p{font-size:17px;color:#8fa8c7}#agent-form,.agent-preview{border:1px solid #2a405b;border-radius:26px;background:#122238;padding:28px}.agent-editor{display:grid;grid-template-columns:1fr 1fr;gap:22px}.agent-editor label{font-size:12px;color:#acbfd6;display:block}.agent-editor input,.agent-editor textarea,.agent-editor select{width:100%;margin-top:9px;border:1px solid #334c69;border-radius:11px;background:#0c1a2c;color:#e2ecfa;padding:12px;font-size:14px;outline:none}.agent-editor :is(input,textarea,select):focus{border-color:#9ec2f5;box-shadow:0 0 0 3px #a4caff10}.agent-editor input::placeholder,.agent-editor textarea::placeholder{color:#6984a4}.agent-editor textarea{min-height:105px;resize:vertical}.wide{grid-column:1/-1}.workspace-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.workspace-actions button{border-radius:50px;background:#a9caff;color:#102038;padding:12px 18px;font-size:13px;font-weight:600}.workspace-actions #export-agent{border:1px solid #3a5575;background:none;color:#a9caff}#agent-status{font-size:11px;color:#819cbb;line-height:1.8;margin-top:19px}.agent-preview{align-self:start;position:sticky;top:25px;background:radial-gradient(circle at 50% 0,#31558044,transparent 60%),#101f32;padding:36px}.agent-preview>img{margin-bottom:34px}.agent-preview>span{font-size:9px;letter-spacing:2px;color:#6888ad}.agent-preview h2{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:15px 0;overflow-wrap:anywhere}.agent-preview>p{color:#91abc9;font-size:14px;line-height:1.8;min-height:100px;white-space:pre-wrap;overflow-wrap:anywhere}.agent-preview>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #29405b;padding:17px 0;font-size:12px}.agent-preview b{font-weight:400;color:#6886a9}.agent-preview>div>span{color:#b7cce6}.agent-preview>a{display:block;margin-top:28px;color:#a9caff;font-size:12px}.back-home{grid-column:1/-1;color:#8ea9c9;font-size:12px}@media(max-width:750px){.tempo-workspace{grid-template-columns:1fr;padding:25px 18px 60px;gap:20px}.workspace-title h1{font-size:49px}.workspace-title p{font-size:15px}#agent-form,.agent-preview{padding:23px}.agent-editor{grid-template-columns:1fr}.agent-preview{position:static}.agent-preview>p{min-height:40px}.workspace-brand{margin-bottom:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}