/* Agiliton shared shell: header, navigation, chat launcher. One source for every page on agiliton.ai. */
:root{--ag-bg:#060A12;--ag-surface:#0B1220;--ag-line:rgba(232,237,245,.12);--ag-text:#E8EDF5;--ag-muted:#8A94A6;--ag-mint:#16E0A3;--ag-ink:#04231A;--ag-font:"Plus Jakarta Sans",Inter,system-ui,-apple-system,sans-serif;--ag-azure:#5B7CFA;--ag-grad:linear-gradient(90deg,#16E0A3,#5B7CFA);--ag-h:64px}
html{scroll-padding-top:calc(var(--ag-h) + 12px)}
#site-header{position:sticky;top:0;z-index:1000;height:var(--ag-h);background:transparent;border-bottom:0;transition:background .25s ease;font-family:var(--ag-font);color:var(--ag-text);font-size:15px;line-height:1}
#site-header *{box-sizing:border-box}
#site-header.ag-stuck{background:rgba(6,10,18,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#site-header .ag-wrap{max-width:1360px;margin:0 auto;height:100%;padding:0 24px;display:flex;align-items:center;gap:28px}
#site-header .ag-logo{all:unset;cursor:pointer;display:flex;align-items:center;height:100%;color:var(--ag-text);text-decoration:none;flex:none}
#site-header .ag-logo svg{height:36px;width:auto;display:block;overflow:visible}
#site-header .ag-logo .ag-idot{opacity:1}
#site-header .ag-logo.done .ag-idot{opacity:1}
#site-header .ag-nav{all:unset;display:flex;align-items:center;gap:6px;margin-left:8px;position:static;background:none;border:0;box-shadow:none;height:auto}
#site-header .ag-nav a{all:unset;cursor:pointer}
#site-header .ag-nav a{color:rgba(232,237,245,.78);text-decoration:none;font:500 15px/1 var(--ag-font);padding:9px 12px;border-radius:9px;white-space:nowrap;display:inline-block}
#site-header .ag-nav a:hover{color:#fff;background:rgba(232,237,245,.06)}
#site-header .ag-nav a[aria-current=page]{color:#fff}
#site-header .ag-login{all:unset;cursor:pointer;display:inline-block;font:600 14px/1 var(--ag-font);color:#E8EDF5;padding:8.5px 16.5px;border:1.5px solid rgba(232,237,245,.28);border-radius:999px;background:transparent;margin-right:-18px;white-space:nowrap;flex:none;transition:border-color .15s,color .15s}
#site-header .ag-login:hover{border-color:#16E0A3;color:#16E0A3}
#site-header .ag-nav .ag-login-m{display:none}
#site-header .ag-nav a[aria-current=page]::after{content:"";display:block;height:2px;border-radius:2px;background:var(--ag-mint);margin:6px 0 -8px}
#site-header .ag-sp{flex:1}
#site-header .ag-cta{all:unset;cursor:pointer;display:inline-block;font-family:var(--ag-font);background:var(--ag-grad);color:#04231A;font-weight:700;font-size:14px;padding:10px 18px;border-radius:999px;text-decoration:none;white-space:nowrap;flex:none}
#site-header .ag-cta:hover{filter:brightness(1.06)}
.ag-chat{display:none!important}/* launcher hidden 2026-09-26 on request; the panel code stays */
.ag-chat{position:fixed;right:20px;bottom:20px;z-index:9998;display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(22,224,163,.45);background:var(--ag-surface);color:var(--ag-text);font:600 14px/1 var(--ag-font);padding:14px 18px;border-radius:999px;cursor:pointer;white-space:nowrap;box-shadow:0 12px 40px rgba(0,0,0,.45)}
body.ag-chat-open .ag-chat{display:none}
.ag-chat i{width:8px;height:8px;border-radius:50%;background:var(--ag-mint);box-shadow:0 0 8px var(--ag-mint);display:inline-block}
.ag-chat:hover{border-color:rgba(22,224,163,.6)}
#site-header .ag-burger{display:none;width:40px;height:40px;border:1px solid var(--ag-line);border-radius:10px;background:transparent;color:var(--ag-text);cursor:pointer;flex:none}
#site-header .ag-burger span{display:block;width:18px;height:2px;background:currentColor;margin:4px auto;border-radius:2px}
@media (max-width:980px){
  #site-header .ag-wrap{gap:12px;padding:0 16px}
  #site-header .ag-nav{display:none;position:absolute;left:0;right:0;top:var(--ag-h);background:#060A12;border-bottom:1px solid var(--ag-line);flex-direction:column;align-items:stretch;padding:8px 16px 16px;margin:0}
  #site-header.open .ag-nav{display:flex}
  #site-header .ag-nav a{padding:14px 8px;font-size:17px}
  #site-header .ag-nav a[aria-current=page]::after{display:none}
  #site-header .ag-login{display:none}
  #site-header .ag-nav .ag-login-m{display:inline-block;border-top:1px solid var(--ag-line);margin-top:6px}
  .ag-chat span{display:none}.ag-chat{padding:14px;border-radius:50%}
  #site-header .ag-burger{display:block}
}
@media (max-width:560px){#site-header .ag-cta{display:none}}
/* light pages (paper backgrounds) keep the dark header: it is the brand bar. */
/* chat panel */
#ag-chat-panel{position:fixed;right:20px;bottom:20px;width:min(400px,calc(100vw - 32px));height:min(600px,calc(100vh - 100px));background:var(--ag-surface);color:var(--ag-text);border:1px solid var(--ag-line);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.5);display:none;flex-direction:column;overflow:hidden;z-index:1001;font-family:var(--ag-font)}
#ag-chat-panel.open{display:flex}
#ag-chat-panel .hd{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--ag-line);font-weight:600}
#ag-chat-panel .hd .dot{width:10px;height:10px;border-radius:50%;background:var(--ag-mint);box-shadow:0 0 8px var(--ag-mint);display:inline-block}
#ag-chat-panel .hd .x{margin-left:auto;background:none;border:0;color:var(--ag-muted);font-size:20px;cursor:pointer}
#ag-chat-panel .log{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.5}
#ag-chat-panel .msg{max-width:88%;padding:10px 12px;border-radius:12px;background:rgba(232,237,245,.06)}
#ag-chat-panel .msg.you{align-self:flex-end;background:rgba(22,224,163,.14)}
#ag-chat-panel form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--ag-line)}
#ag-chat-panel input{flex:1;background:rgba(232,237,245,.06);border:1px solid var(--ag-line);border-radius:10px;color:var(--ag-text);font:inherit;font-size:14px;padding:10px 12px}
#ag-chat-panel button[type=submit]{background:var(--ag-mint);color:var(--ag-ink);border:0;border-radius:10px;font-weight:700;padding:0 14px;cursor:pointer}
#ag-chat-panel .note{font-size:12px;color:var(--ag-muted);padding:0 16px 12px}
@media (prefers-reduced-motion: reduce){#site-header .ag-logo .ag-idot{transition:none}}
/* shared footer */
#site-footer{background:var(--ag-bg);color:var(--ag-text);font-family:var(--ag-font);border-top:1px solid var(--ag-line);padding:56px 0 40px;font-size:14px;line-height:1.6}
#site-footer *{box-sizing:border-box}
#site-footer .ag-wrap{max-width:1360px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
#site-footer .ag-brand svg{height:30px;width:auto;display:block;margin-bottom:14px}
#site-footer .ag-brand p{margin:0 0 18px;color:var(--ag-muted);max-width:34ch}
#site-footer h4{margin:0 0 12px;font:600 12px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ag-mint)}
#site-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
#site-footer a{color:rgba(232,237,245,.78);text-decoration:none}#site-footer a:hover{color:#fff}
#site-footer .ag-chat2{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ag-line);border-radius:10px;padding:9px 14px;font:600 14px/1 var(--ag-font);color:var(--ag-text)}
#site-footer .ag-chat2 i{width:8px;height:8px;border-radius:50%;background:var(--ag-mint);box-shadow:0 0 8px var(--ag-mint);display:inline-block}
#site-footer .ag-legal{max-width:1360px;margin:36px auto 0;padding:18px 24px 0;border-top:1px solid var(--ag-line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font:12px/1.6 "JetBrains Mono",ui-monospace,monospace;color:var(--ag-muted)}
@media (max-width:900px){#site-footer .ag-wrap{grid-template-columns:1fr 1fr}}
@media (max-width:560px){#site-footer .ag-wrap{grid-template-columns:1fr}}

/* display type, site-wide: Montserrat italic 800 (Christian, 2026-09-26). Mock-up UIs inside cards keep their own headings. */
h1,h2{font-family:"Montserrat",sans-serif!important;font-style:italic!important;font-weight:800!important;letter-spacing:-.02em}
[class*="mk"] h1,[class*="mk"] h2,[class*="mock"] h1,[class*="mock"] h2,.vsl h1,.vsl h2,.app h1,.app h2,.chrome h2{font-family:inherit!important;font-style:normal!important;font-weight:inherit!important;letter-spacing:inherit}

#ag-chat-panel .hd .mono-tag{font:500 11px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ag-muted);margin-left:2px}
#ag-chat-panel .msg.typing::after{content:"…";color:var(--ag-mint)}
#ag-chat-panel .msg.act{border:1px solid rgba(22,224,163,.35);background:rgba(22,224,163,.08)}
#ag-chat-panel .act-t{font-size:13px;color:var(--ag-text)}#ag-chat-panel .act-t b{font-weight:600}
#ag-chat-panel .act-b{display:flex;gap:8px;margin-top:8px;font-size:12px;color:var(--ag-muted)}
#ag-chat-panel .act-b button{font:600 12px/1 var(--ag-font);padding:7px 11px;border-radius:8px;border:1px solid var(--ag-line);background:transparent;color:var(--ag-text);cursor:pointer}
#ag-chat-panel .act-b button.ok{background:var(--ag-mint);color:var(--ag-ink);border-color:var(--ag-mint)}