/* =========================================================
   BLIxty BRAND SYSTEM
   Source palette: supplied Blixty logo
========================================================= */
:root{
  --blixty-purple:#7826EC;
  --blixty-blue:#0195FC;
  --blixty-pink:#F81360;
  --blixty-orange:#FE7C01;
  --blixty-ink:#101116;
  --blixty-muted:#6F7078;
  --blixty-soft:#F7F8FA;
  --blixty-white:#FFFFFF;
  --blixty-border:rgba(16,17,22,.08);
  --blixty-gradient:linear-gradient(110deg,#F81360 0%,#FE7C01 46%,#7826EC 100%);
  --blixty-gradient-cool:linear-gradient(110deg,#0195FC 0%,#7826EC 100%);
  --blixty-shadow:0 24px 70px rgba(16,17,22,.09);
  --blixty-radius:24px;
}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--blixty-muted)}
::selection{background:rgba(120,38,236,.18);color:var(--blixty-ink)}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--blixty-pink),var(--blixty-purple));border-radius:99px}
::-webkit-scrollbar-track{background:#f4f5f7}

/* Shared logo */
.logo,.vinsta-logo{font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;letter-spacing:-.04em;color:var(--blixty-ink)}
.logo img,.vinsta-logo img{width:34px;height:34px;object-fit:contain;display:inline-block;vertical-align:middle;margin-right:9px}
.logo span,.vinsta-logo span{background:var(--blixty-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* Main site buttons */
.btn-primary,.vinsta-nav-btn,.vinsta-cta-button,.blixty-project-btn{
  background:var(--blixty-gradient)!important;
  border:0!important;
  box-shadow:0 12px 30px rgba(120,38,236,.16);
}
.btn-primary:hover,.vinsta-nav-btn:hover,.vinsta-cta-button:hover,.blixty-project-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 40px rgba(248,19,96,.22);
}

/* Header */
.header{
  background:rgba(255,255,255,.86)!important;
  border-bottom:1px solid rgba(16,17,22,.06)!important;
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}
.navbar-link:hover,.navbar-link.active{color:var(--blixty-purple)!important}

/* Homepage hero */
.hero{background:
  radial-gradient(circle at 10% 10%,rgba(248,19,96,.09),transparent 28%),
  radial-gradient(circle at 90% 18%,rgba(1,149,252,.10),transparent 28%),
  #fff!important;
}
.hero .hero-title,.hero .h1{color:var(--blixty-ink)}
.hero .hero-title span,.hero .hero-text span{background:var(--blixty-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* Homepage services/cards */
.service-card,.portfolio-card,.blixty-image-card,.partner-section,.contact-card{
  border-color:var(--blixty-border)!important;
  box-shadow:0 16px 50px rgba(16,17,22,.055);
}
.service-card:hover,.portfolio-card:hover{border-color:rgba(120,38,236,.18)!important}

/* Case-study homepage section */
.blixty-case-section{background:#fff!important}
.blixty-case-badge,.vinsta-badge{
  color:var(--blixty-pink)!important;
  background:linear-gradient(110deg,rgba(248,19,96,.08),rgba(120,38,236,.07))!important;
  border-color:rgba(120,38,236,.10)!important;
}
.blixty-project-heading,.vinsta-hero h1,.vinsta-info h2,.vinsta-story-header h2,
.vinsta-showcase-heading h2,.vinsta-features-heading h2,.vinsta-tech h2,
.vinsta-process-heading h2,.vinsta-cta-box h2{
  color:var(--blixty-ink);
}
.gradient-text{background:var(--blixty-gradient)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}

/* Project pages */
.vinsta-nav{
  background:rgba(255,255,255,.88)!important;
  border-color:var(--blixty-border)!important;
}
.vinsta-main-image{background:linear-gradient(135deg,rgba(248,19,96,.09),rgba(1,149,252,.09),rgba(120,38,236,.08))!important}
.vinsta-section-label{color:var(--blixty-purple)!important}
.vinsta-story{background:#F8F8FA!important}
.vinsta-feature{border-color:rgba(255,255,255,.09)!important}
.vinsta-feature-icon{background:linear-gradient(135deg,rgba(248,19,96,.16),rgba(120,38,236,.18))!important}
.vinsta-tech-pill{border-color:var(--blixty-border)!important}
.vinsta-process{background:#F8F8FA!important}
.vinsta-cta-box{background:
  radial-gradient(circle at 10% 15%,rgba(248,19,96,.12),transparent 30%),
  radial-gradient(circle at 90% 85%,rgba(1,149,252,.12),transparent 32%),
  linear-gradient(135deg,#fff,#faf8ff)!important;
  border-color:rgba(120,38,236,.10)!important;
}

/* Forms */
input:focus,textarea:focus,select:focus{
  border-color:rgba(120,38,236,.45)!important;
  box-shadow:0 0 0 4px rgba(120,38,236,.08)!important;
}

/* Mobile */
@media(max-width:760px){
  .header{padding-inline:8px}
}