/* Blackloop visual identity */
:root{--ink:#101024;--muted:#666a7b;--cream:#fff;--line:#e2e5ef;--green:#1665ff;--deep:#05050b}
body{background:#fff;color:var(--ink)}
.site-header{background:#05050b;color:#fff;border-color:#202031}
.brand{flex:none}
.brand-logo{display:block;width:188px;height:auto}
.site-header nav a:hover,.site-footer a:hover{color:#5cc7ff}
.header-cta{border-color:#77788a}
.hero{position:relative;color:#fff;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0 -100vmax;background:radial-gradient(circle at 78% 47%,#14112b 0,#080812 33%,#05050b 67%);z-index:-1;clip-path:inset(0 100vmax)}
.hero .eyebrow,.hero-lead{color:#c2c5d3}
.hero .signal{background:#17b7ff;box-shadow:0 0 0 4px #104a83}
h1 em,h2 em{color:#126cff;background:linear-gradient(95deg,#09baf2,#155dff 48%,#9023ec);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.button-accent{color:#fff;background:linear-gradient(110deg,#008ff5,#1661fa 52%,#7821e8)}
.button-accent:hover{background:linear-gradient(110deg,#00b7f4,#235bff 52%,#9225ed)}
.text-link{color:#e5e8f5}
.hero-art{background:radial-gradient(circle at 50% 50%,#15255f 0,#0b102a 32%,transparent 67%)}
.orbit{border-color:#313562}
.orbit-one{border:1px solid #293876;background:radial-gradient(circle,#131b4d,#0e1643);box-shadow:0 0 80px #2e22ae77}
.orbit-two{border-color:#30317e}.orbit-three{border-color:#232755}
.hero-mark{position:absolute;width:72%;height:72%;object-fit:contain;left:14%;top:14%;filter:drop-shadow(0 18px 25px #06061b99)}
.art-label,.art-coord{color:#a5a8dc}
.ticker{background:linear-gradient(100deg,#057cfd,#4132d9,#8e11db);color:#fff}
.ticker span{color:#b6dfff}
.eyebrow{color:#5264a2}
.approach{background:#fff}
.approach-body>p{color:#555b6a}
.capabilities span{color:#145ef5}
.work-section{background:#0a0a15;color:#fff}
.work-heading>p:last-child{color:#c6c7d6}
.work-section .eyebrow{color:#8fa8ff}
.project-card{border-color:#252643;background:#111326}
.project-visual{background:linear-gradient(135deg,#0754db,#243aca 48%,#6118b6)}
.project-visual:before,.project-visual:after{border-color:#ffffff30}
.project-topline,.visual-caption{color:#ecedff}
.project-info p:last-child{color:#b9bace}
.project-arrow{background:linear-gradient(135deg,#06a8f2,#8022e8);color:#fff}
.assistant-section{background:#fff}
.assistant-intro>p:not(.eyebrow),.assistant-note{color:#646879}
.note-star,.assistant-note a{color:#3457db}
.chat-shell{border-color:#e0e3ef;box-shadow:0 20px 60px #0b10311a}
.chat-avatar{background:#0d1021}.chat-avatar img{width:34px;height:28px;object-fit:contain}
.chat-status{background:#1684ff}
.assistant-message{background:#f0f2fa}
.user-message{background:#e0e8ff}
.quick-questions button{border-color:#d5dcf3;color:#344484}.quick-questions button:hover{background:#edf2ff}
.chat-form button{background:linear-gradient(135deg,#098ef4,#7632e4);color:#fff}
.contact-section{background:linear-gradient(105deg,#0795ef 0,#2445e3 53%,#8517d8 100%);color:#fff}
.contact-inner .eyebrow{color:#e2e4ff}
.button-dark{background:#fff;color:#111327}.button-dark:hover{background:#e9e8ff}
.site-footer{width:100%;max-width:none;padding-left:max(32px,calc((100vw - 1180px)/2));padding-right:max(32px,calc((100vw - 1180px)/2));background:#05050b;color:#b8bacb}
.site-footer .brand{color:#fff}
@media(max-width:700px){.site-footer{padding-left:20px;padding-right:20px}.brand-logo{width:160px}}

/* Application navigation */
.site-header{position:relative;z-index:20}
.site-header .desktop-nav{align-items:center}
.nav-dropdown{position:relative}
.nav-dropdown summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;white-space:nowrap}
.nav-dropdown summary::-webkit-details-marker,.mobile-nav summary::-webkit-details-marker{display:none}
.nav-dropdown summary span{font-size:17px;line-height:1;transition:transform .2s}
.nav-dropdown[open] summary span{transform:rotate(180deg)}
.nav-dropdown summary:hover,.nav-dropdown[open] summary{color:#5cc7ff}
.nav-dropdown-menu{position:absolute;top:calc(100% + 24px);left:50%;transform:translateX(-50%);width:min(680px,calc(100vw - 32px));padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto);column-gap:10px;background:#111326;border:1px solid #333b65;box-shadow:0 22px 45px #0008}
.nav-dropdown-menu::before{content:"";position:absolute;top:-25px;left:0;right:0;height:24px}
.site-header .nav-dropdown-menu a{display:flex;align-items:flex-start;gap:12px;padding:14px;color:#fff}
.site-header .nav-dropdown-menu a:hover{background:#20264a;color:#fff}
.nav-dropdown-menu img{width:38px;height:38px;object-fit:contain;flex:none}
.nav-consultations-icon{border-radius:9px}
.nav-ai-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:9px;background:linear-gradient(135deg,#0baaf2,#5547ef,#9530d9);color:#fff;font-size:23px;line-height:1}
.nav-dropdown-menu a:nth-child(2){grid-column:1;grid-row:2;border-top:1px solid #303655}
.nav-dropdown-menu a:nth-child(3){grid-column:2;grid-row:1;border-left:1px solid #303655;border-bottom:1px solid #303655}
.nav-dropdown-menu strong,.nav-dropdown-menu small{display:block}
.nav-dropdown-menu strong{font-size:14px}.nav-dropdown-menu small{font-size:11px;color:#aeb8d8;margin-top:3px}
.nav-app-copy{min-width:0;flex:1}
.nav-app-description{display:block;margin-top:12px;color:#c6cce0;font-size:12px;font-weight:400;line-height:1.5}
.nav-dropdown-menu a>span:last-child{margin-left:auto;color:#69b9ff;font-size:17px}
.mobile-nav{display:none}
@media(max-width:900px) and (min-width:701px){.nav-dropdown-menu{left:0;transform:translateX(-25%);width:min(620px,calc(100vw - 32px))}}
@media(max-width:700px){
  .site-header .desktop-nav,.site-header .header-cta{display:none}
  .mobile-nav{display:block;margin-left:auto}
  .mobile-nav summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;font-weight:700;padding:12px 0}
  .mobile-nav summary span{font-size:18px;line-height:1;color:#65b9ff}
  .site-header .mobile-nav nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 72px);overflow-y:auto;margin:0;padding:18px 20px 24px;background:#101122;border-bottom:1px solid #333b65;box-shadow:0 22px 35px #0007;flex-direction:column;gap:0;font-size:15px}
  .site-header .mobile-nav[open] nav{display:flex}
  .mobile-nav nav a{padding:13px 0;border-bottom:1px solid #262a42}
  .mobile-nav-label{padding-top:18px;color:#8a9dfd;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
  .mobile-nav .mobile-app-link{padding-left:14px;color:#fff}
  .mobile-nav .mobile-app-link span{color:#69b9ff}
  .mobile-nav .mobile-app-link strong,.mobile-nav .mobile-app-link small{display:block}
  .mobile-nav .mobile-app-link small{max-width:340px;margin-top:7px;color:#b8c1df;font-size:12px;font-weight:400;line-height:1.5}
}