:root {
  --font-space-grotesk: 'Space Grotesk', Arial, sans-serif;
  --font-inter: 'Inter', Arial, sans-serif;
  --ci360-bg: #020617;
  --ci360-panel: #0f172a;
  --ci360-line: #1e293b;
  --ci360-cyan: #22d3ee;
}

html { background: var(--ci360-bg); scroll-behavior: smooth; }
body { margin: 0; background: var(--ci360-bg); color: #fff; overflow-x: hidden; }
body.admin-bar .ci360-site-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .ci360-site-header { top: 46px; } }

.ci360-site-header.is-scrolled {
  background: rgba(2, 6, 23, .92);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(30, 41, 59, .8);
  box-shadow: 0 20px 50px rgba(0,0,0,.28);
  padding-top: .875rem;
  padding-bottom: .875rem;
}

.ci360-nav-list { display: flex; align-items: center; gap: .25rem; list-style: none; margin: 0; padding: 0; }
.ci360-nav-list li { margin: 0; }
.ci360-nav-list a { display: block; padding: .5rem 1rem; border-radius: 999px; color: #cbd5e1; font-size: .75rem; font-weight: 500; letter-spacing: .025em; transition: .2s ease; }
.ci360-nav-list a:hover, .ci360-nav-list .current-menu-item > a { color: #fff; background: rgba(30, 41, 59, .72); }

.ci360-scroll-progress { position: fixed; z-index: 99999; top: 0; left: 0; right: 0; height: 3px; pointer-events: none; }
.ci360-scroll-progress span { display: block; width: 100%; height: 100%; background: #06b6d4; transform: scaleX(0); transform-origin: left center; }

.ci360-hero-media, .ci360-card-media { position: absolute; inset: 0; overflow: hidden; }
.ci360-hero-media img, .ci360-card-media img, .ci360-cover-img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.ci360-cover-img { display: block; }

.ci360-reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s ease; }
.ci360-reveal.is-visible { opacity: 1; transform: none; }

[data-filter-item].is-hidden { display: none !important; }
[data-filter-button].is-active { background: #22d3ee !important; color: #020617 !important; border-color: #22d3ee !important; box-shadow: 0 10px 30px rgba(34, 211, 238, .14); }

.ci360-faq-answer { display: none; }
.ci360-faq.is-open .ci360-faq-answer { display: block; }
.ci360-faq.is-open [data-faq-icon] { transform: rotate(180deg); }
.ci360-faq [data-faq-icon] { transition: transform .25s ease; }

.ci360-hero-slide { opacity: 0; visibility: hidden; transition: opacity .9s ease; }
.ci360-hero-slide.is-active { opacity: 1; visibility: visible; }
.ci360-hero-slide img { animation: ci360KenBurns 7s ease-out both; }
@keyframes ci360KenBurns { from { transform: scale(1.06); } to { transform: scale(1); } }
.ci360-hero-dot { width: .5rem; height: .5rem; border-radius: 999px; background: #334155; transition: all .25s ease; }
.ci360-hero-dot.is-active { width: 2rem; background: #22d3ee; }

.ci360-prose { color: #cbd5e1; font-size: 1rem; line-height: 1.85; }
.ci360-prose > * + * { margin-top: 1.2rem; }
.ci360-prose h2, .ci360-prose h3, .ci360-prose h4 { color: #fff; font-family: var(--font-space-grotesk); font-weight: 700; line-height: 1.25; scroll-margin-top: 7rem; }
.ci360-prose h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); margin-top: 2.8rem; }
.ci360-prose h3 { font-size: 1.35rem; margin-top: 2rem; }
.ci360-prose p.lead { font-size: 1.15rem; color: #e2e8f0; }
.ci360-prose strong { color: #fff; }
.ci360-prose a { color: #22d3ee; text-decoration: underline; text-underline-offset: 3px; }
.ci360-prose ul, .ci360-prose ol { padding-left: 1.4rem; }
.ci360-prose li { margin: .5rem 0; }
.ci360-prose blockquote { margin: 2rem 0; padding: 1rem 1.25rem; border-left: 3px solid #22d3ee; background: rgba(15,23,42,.7); border-radius: 0 1rem 1rem 0; color: #e2e8f0; }

.ci360-team-card img, .ci360-project-card img, .ci360-blog-card img { transition: transform .7s ease; }
.ci360-team-card:hover img, .ci360-project-card:hover img, .ci360-blog-card:hover img { transform: scale(1.05); }

.probey-client-logos { display:block; width:100%; max-width:100%; overflow:hidden; }
.probey-client-row { display:block; width:100%; max-width:100%; overflow:hidden; }
.probey-client-track { display:flex; flex-flow:row nowrap; align-items:center; width:max-content; gap:30px; white-space:nowrap; }
.probey-client-item { flex:0 0 140px; width:140px; min-width:140px; height:80px; display:flex; align-items:center; justify-content:center; overflow:visible; background:rgba(15,23,42,.4); border:1px solid rgba(51,65,85,.4); border-radius:1rem; transition:.3s ease; }
.probey-client-item:hover { background:rgba(30,41,59,.7); border-color:rgba(6,182,212,.4); transform:translateY(-2px); box-shadow:0 10px 25px -5px rgba(0,0,0,.5); }
.probey-logo-img { display:block; width:110px; height:60px; object-fit:contain; transform:scale(var(--logo-size,1)); filter:brightness(.95) contrast(1.05); opacity:.9; transition:.3s ease; }
.probey-client-item:hover .probey-logo-img { opacity:1; filter:brightness(1.1) contrast(1.1); transform:scale(calc(var(--logo-size,1) * 1.08)); }
.probey-client-track-left { animation:probeyClientLeft 32s linear infinite; }
.probey-client-track-right { animation:probeyClientRight 32s linear infinite; }
.probey-client-logos:hover .probey-client-track { animation-play-state:paused; }
@keyframes probeyClientLeft { to { transform:translate3d(-50%,0,0); } }
@keyframes probeyClientRight { from { transform:translate3d(-50%,0,0); } to { transform:translate3d(0,0,0); } }

.ci360-sticky-toc { position: sticky; top: 7.5rem; }
.ci360-sticky-toc a.is-active { color: #22d3ee; border-color: rgba(34,211,238,.35); background: rgba(34,211,238,.06); }

.ci360-floating-dock.is-collapsed .ci360-dock-body { display:none; }
.ci360-floating-dock.is-collapsed .ci360-dock-collapse { border-right:1px solid #cbd5e1; border-radius:.75rem; width:1.75rem; }

html.theme-light, html.theme-light body { background:#f8fafc !important; color:#0f172a !important; }
html.theme-light .bg-slate-950, html.theme-light .bg-slate-950\/60, html.theme-light .bg-slate-950\/70, html.theme-light .bg-slate-950\/80, html.theme-light .bg-slate-950\/90, html.theme-light .bg-slate-950\/95 { background-color:#f8fafc !important; color:#0f172a !important; }
html.theme-light .bg-slate-900, html.theme-light .bg-slate-900\/40, html.theme-light .bg-slate-900\/50, html.theme-light .bg-slate-900\/60, html.theme-light .bg-slate-900\/70, html.theme-light .bg-slate-900\/80, html.theme-light .bg-slate-900\/90 { background-color:#fff !important; color:#0f172a !important; border-color:#e2e8f0 !important; box-shadow:0 4px 20px -2px rgba(0,0,0,.05) !important; }
html.theme-light .bg-slate-800, html.theme-light .bg-slate-800\/60, html.theme-light .bg-slate-800\/80 { background-color:#f1f5f9 !important; color:#0f172a !important; border-color:#cbd5e1 !important; }
html.theme-light .border-slate-800, html.theme-light .border-slate-800\/60, html.theme-light .border-slate-800\/80, html.theme-light .border-slate-700 { border-color:#e2e8f0 !important; }
html.theme-light .text-white { color:#0f172a !important; }
html.theme-light .text-slate-300, html.theme-light .text-slate-400 { color:#334155 !important; }
html.theme-light .text-slate-500 { color:#64748b !important; }
html.theme-light .ci360-site-header.is-scrolled { background:rgba(255,255,255,.92) !important; border-color:#e2e8f0 !important; }
html.theme-light footer { background:#0f172a !important; color:#f8fafc !important; }
html.theme-light footer .text-white { color:#fff !important; }
html.theme-light footer .text-slate-400, html.theme-light footer .text-slate-300 { color:#94a3b8 !important; }
html.theme-light .ci360-prose { color:#334155; }
html.theme-light .ci360-prose h2, html.theme-light .ci360-prose h3, html.theme-light .ci360-prose h4, html.theme-light .ci360-prose strong { color:#0f172a; }

@media (max-width:1024px){ .probey-client-track{gap:24px}.probey-client-item{flex-basis:120px;width:120px;min-width:120px;height:65px}.probey-logo-img{width:90px;height:50px} }
@media (max-width:767px){
  .probey-client-track{gap:18px}.probey-client-item{flex-basis:95px;width:95px;min-width:95px;height:52px}.probey-logo-img{width:75px;height:40px}.probey-client-track-left,.probey-client-track-right{animation-duration:24s}
  .ci360-floating-dock { right:.5rem; opacity:.92; }
  .ci360-floating-dock .ci360-social-button { width:2rem; height:2rem; }
}
@media (prefers-reduced-motion:reduce){ *{scroll-behavior:auto !important}.ci360-reveal{opacity:1;transform:none}.probey-client-track-left,.probey-client-track-right{animation-play-state:paused}.ci360-hero-slide img{animation:none} }

.ci360-alert-success { background:rgba(16,185,129,.1); border:1px solid rgba(16,185,129,.3); color:#6ee7b7; }
.ci360-alert-warning { background:rgba(245,158,11,.1); border:1px solid rgba(245,158,11,.3); color:#fde68a; }
.ci360-alert-error { background:rgba(239,68,68,.1); border:1px solid rgba(239,68,68,.3); color:#fecaca; }