/* ANGELS house theme for the Agentify Studio (presentation only; studio source untouched). */
@font-face{font-family:Instrument;src:url('/assets/fonts/instrument-serif.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-regular.ttf') format('truetype');font-display:swap;font-weight:400 800}
@font-face{font-family:JetBrains;src:url('/assets/fonts/jetbrains-mono.ttf') format('truetype');font-display:swap;font-weight:400}
:root{
  --bg:#080807;--surface:#12100d;--surface2:#1b1813;--border:rgba(225,185,116,.27);
  --text:#f5ecdd;--muted:rgba(245,236,221,.68);--accent:#d9ae6b;--accent2:#efc989;
  --font:Manrope,Arial,sans-serif;--mono:JetBrains,ui-monospace,monospace;--radius:14px;color-scheme:dark
}
body{background:#080807;color:var(--text);font-family:var(--font)}
/* ANGELS site header (injected) */
.ang-header{height:83px;position:sticky;top:0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;padding:0 clamp(20px,4.4vw,77px);border-bottom:1px solid rgba(245,210,155,.23);background:#080807}
.ang-brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap;width:max-content}
.ang-brand img{width:113px;height:63px;object-fit:contain;display:block;mix-blend-mode:screen}
.ang-brand span{font:400 23px/1 Instrument,Georgia,serif;letter-spacing:.41em;color:#f4eadd}
.ang-menu{display:flex;justify-content:center;gap:clamp(22px,3.2vw,58px)}
.ang-menu a{text-decoration:none;font:400 13px Manrope,Arial,sans-serif;color:#ddd9d1;position:relative;padding:18px 0;white-space:nowrap}
.ang-menu a:hover{color:#efc989}
.ang-menu a[aria-current=page]{color:#eac084}.ang-menu a[aria-current=page]::after{content:'';height:2px;background:#d9ae6b;position:absolute;bottom:7px;left:0;right:0}
.ang-back{justify-self:end;min-height:44px;border:1px solid rgba(225,180,108,.62);border-radius:50px;text-decoration:none;display:inline-flex;align-items:center;padding:0 25px;color:#f6eee2;font:400 12px Manrope,Arial,sans-serif;white-space:nowrap}
.ang-back:hover{background:rgba(225,180,108,.12)}
.ang-hero{padding:46px clamp(20px,5vw,86px) 30px;border-bottom:1px solid var(--border);background:radial-gradient(ellipse at 17% 100%,rgba(173,113,50,.18),transparent 55%),linear-gradient(135deg,#161410 0%,#090909 45%,#17130d 90%)}
.ang-hero p.k{font:400 10px/1.6 JetBrains,monospace;letter-spacing:.5em;text-transform:uppercase;color:#dfd2bf;margin:0 0 8px}
.ang-hero h1{font:400 clamp(44px,5vw,76px)/1 Instrument,Georgia,serif;letter-spacing:.06em;color:#fff2dc;margin:0;text-shadow:0 0 18px rgba(242,190,99,.45)}
/* Studio app bar becomes a slim toolbar under the site header */
header.app-bar{position:static;background:#0d0c0a;border-bottom:1px solid var(--border);backdrop-filter:none}
header.app-bar h1{font:400 22px/1.1 Instrument,Georgia,serif;letter-spacing:.04em;color:#f7e9d3}
header .tag{color:#cdb38c;font:400 10px/1.6 JetBrains,monospace;letter-spacing:.18em}
main{max-width:980px}
.card{background:linear-gradient(160deg,#14110d 0%,#0e0d0b 100%);border:1px solid var(--border);border-radius:14px}
.card h2,.ag-proposal h3,.dim-checklist-title{font:400 26px/1.1 Instrument,Georgia,serif;color:#f7e9d3;letter-spacing:.01em}
label{color:#cdb38c;font:400 10px/1.6 JetBrains,monospace;letter-spacing:.2em;text-transform:uppercase}
input,select,textarea{background:#0b0a08;border:1px solid var(--border);color:var(--text)}
input:focus,select:focus,textarea:focus{outline:2px solid #efc989;border-color:#d9ae6b}
button,.btn,a.ghost,button.ghost{background:transparent;border:1px solid rgba(225,180,108,.55);border-radius:30px;color:#f6eee2}
button:hover,a.ghost:hover{background:rgba(225,180,108,.12)}
button.primary,button.accent2,.accent-demo{background:linear-gradient(102deg,#c99b57 0%,#f3d18c 50%,#d7a860 100%)!important;border-color:#e0b66d!important;color:#18100b!important;box-shadow:0 0 14px rgba(204,157,88,.3)}
.tabs button{border-radius:30px;border-color:rgba(225,185,116,.3);color:#ddd9d1;background:transparent}
.tabs button.active{background:rgba(217,174,107,.16);border-color:#d9ae6b;color:#efc989}
.footer-actions{background:rgba(8,8,7,.96)!important;border-top:1px solid var(--border)!important}
.hint,.muted{color:rgba(245,236,221,.62)}
.warn-banner{background:rgba(217,174,107,.08);border:1px solid rgba(217,174,107,.35);color:#ead9bd}
code,pre,#preview{font-family:var(--mono)}
#preview{background:#0b0a08;border-color:var(--border)}
dialog .card{background:#12100d}
a{color:#efc989}
@media(max-width:900px){.ang-header{grid-template-columns:1fr auto;height:69px}.ang-menu{display:none}.ang-brand img{width:39px;height:39px;object-fit:cover}.ang-brand span{font-size:15px;letter-spacing:.28em}}
#linkFounderKit{display:none!important}