/* SYNCORA V9 — premium polish pass. Keeps V8 structure; adds visual depth, clearer pricing and conversion polish. */
:root{
  --v9-gold:#e7c979;
  --v9-blue:#4f73d8;
  --v9-cyan:#73b9ff;
  --v9-ink:#03050a;
}

/* ---------- HERO: abstract digital atmosphere, not a literal planet ---------- */
.hero--v5{background:#02040a;overflow:hidden}
.hero--v5::before{background:
  radial-gradient(60% 78% at 78% 42%,rgba(67,102,210,.24),transparent 63%),
  radial-gradient(42% 52% at 66% 61%,rgba(231,201,121,.10),transparent 68%),
  radial-gradient(45% 60% at 5% 22%,rgba(42,70,160,.18),transparent 72%),
  linear-gradient(132deg,#010207 0%,#050a18 44%,#02040b 100%)!important}
.hero--v5::after{background:radial-gradient(48% 60% at 74% 46%,transparent 25%,rgba(0,0,0,.42) 90%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 24%,transparent 76%,rgba(0,0,0,.28))!important}
.hero-v5__space::before{opacity:.28!important;filter:blur(.15px)}
.hero-v5__space::after{background:
  radial-gradient(ellipse at 77% 27%,rgba(82,126,230,.26) 0 5%,transparent 31%),
  radial-gradient(ellipse at 66% 52%,rgba(231,201,121,.13) 0 7%,transparent 33%),
  radial-gradient(ellipse at 30% 72%,rgba(59,91,187,.20) 0 5%,transparent 29%),
  radial-gradient(ellipse at 51% 16%,rgba(177,205,255,.09) 0 3%,transparent 24%)!important;
  filter:blur(34px)!important;transform:rotate(-8deg) scale(1.2)!important;animation:v9Atmosphere 22s ease-in-out infinite alternate!important}
@keyframes v9Atmosphere{0%{transform:rotate(-8deg) scale(1.18) translate3d(-1%,-1%,0)}100%{transform:rotate(-3deg) scale(1.25) translate3d(2%,1%,0)}}
.hero-v5__planet{right:-15%!important;bottom:-39%!important;width:min(65vw,960px)!important;background:transparent!important;box-shadow:none!important;opacity:.9!important;transform:none!important;animation:none!important}
.hero-v5__planet::before{inset:8%!important;border:1px solid rgba(111,153,255,.10)!important;border-radius:50%!important;box-shadow:0 0 140px rgba(69,111,224,.10),inset 0 0 120px rgba(72,113,219,.07)!important;filter:blur(.2px)}
.hero-v5__planet::after{left:-4%!important;right:-10%!important;top:39%!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(99,145,255,.28),rgba(231,201,121,.20),transparent)!important;box-shadow:0 0 34px rgba(89,132,240,.18)!important;transform:rotate(-13deg)!important}
.hero-v5__aurora{opacity:.85!important}
.hero-v5__grid{opacity:.38!important;background-size:88px 88px!important}
.hero-v5__logo-halo{background:radial-gradient(circle,rgba(81,122,232,.19),rgba(231,201,121,.06) 38%,transparent 68%)!important}
.hero-v5__logo-ring{border-color:rgba(110,151,245,.24)!important;box-shadow:0 0 50px rgba(69,108,220,.10)!important}
.hero-v5__card{backdrop-filter:blur(16px)!important;background:linear-gradient(145deg,rgba(12,18,31,.78),rgba(6,9,15,.70))!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 28px 70px -32px rgba(0,0,0,.9),0 0 50px rgba(55,98,206,.07)!important}
.hero-v5__visual-note{border-color:rgba(113,151,237,.18)!important;background:rgba(5,9,17,.55)!important}

/* ---------- Logo: clearer wordmark, no black square behind the mark ---------- */
.hero-v5__logo-backplate{display:none!important}
.hero-v5__logo{filter:drop-shadow(0 16px 32px rgba(0,0,0,.36)) drop-shadow(0 0 20px rgba(88,132,242,.10))!important;transform:scale(1.035)}
.logo__badge--image{width:52px!important;height:52px!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}
.logo__word{font-size:1.23rem!important;letter-spacing:.18em!important}
.logo__word b{font-weight:800!important}

/* ---------- Why it pays: more visual and interactive ---------- */
#services .ins{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:38px}
#services .ins::before{content:"YOUR WEBSITE";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;display:grid;place-items:center;width:132px;height:132px;border-radius:50%;border:1px solid rgba(231,201,121,.22);background:radial-gradient(circle,rgba(231,201,121,.12),rgba(7,10,15,.94) 62%);box-shadow:0 0 70px rgba(75,116,220,.12),inset 0 0 40px rgba(231,201,121,.06);font:800 .57rem/1.2 var(--font-b);letter-spacing:.18em;color:#eee8d9;text-align:center;pointer-events:none}
#services .ins::after{content:"";position:absolute;left:50%;top:50%;width:390px;height:390px;transform:translate(-50%,-50%);border:1px dashed rgba(104,143,231,.12);border-radius:50%;animation:v9Orbit 26s linear infinite;pointer-events:none}
@keyframes v9Orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
#services .ins__item{position:relative;z-index:1;min-height:156px;display:flex;flex-direction:column;justify-content:center;padding:25px 24px!important;background:linear-gradient(150deg,rgba(20,24,32,.94),rgba(10,13,18,.90))!important;border:1px solid rgba(255,255,255,.08)!important;transition:transform .45s cubic-bezier(.22,.61,.36,1),border-color .45s,box-shadow .45s!important}
#services .ins__item:hover{transform:translateY(-5px)!important;border-color:rgba(231,201,121,.24)!important;box-shadow:0 24px 55px -35px rgba(0,0,0,.85),0 0 35px rgba(71,111,214,.07)!important}
#services .ins__item h3{font-size:1rem!important;letter-spacing:-.015em}
#services .ins__item p{font-size:.84rem!important;line-height:1.7!important}

/* ---------- Portfolio: cinematic case-study cards ---------- */
#work .rp__grid{gap:22px!important;margin-top:42px!important}
#work .rp__link{border-radius:22px!important;background:linear-gradient(145deg,#0d1118,#07090d)!important;box-shadow:0 24px 65px -42px rgba(0,0,0,.9)!important}
#work .rp__link::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.34));pointer-events:none;opacity:.65}
#work .rp__desk{overflow:hidden}
#work .rp__desk img{filter:saturate(.94) contrast(1.02);transform-origin:center top}
#work .rp__link:hover .rp__desk img{transform:scale(1.045)!important}
#work .rp__info{padding:20px 6px 4px!important}
#work .rp__info h3{font-size:1.18rem!important;letter-spacing:-.025em!important}
#work .rp__info p{font-size:.83rem!important;color:#969eaa!important;line-height:1.7!important}
#work .rp__tag{backdrop-filter:blur(10px);box-shadow:0 8px 20px rgba(0,0,0,.22)}

/* ---------- Process: connected visual flow without changing the content ---------- */
#process .steps{position:relative;gap:14px!important}
#process .steps::before{content:"";position:absolute;left:10%;right:10%;top:33px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,161,92,.28),rgba(105,145,231,.22),rgba(201,161,92,.28),transparent);z-index:0}
#process .step{z-index:1;min-height:180px;padding:28px 22px!important;backdrop-filter:blur(10px);background:rgba(255,255,255,.92)!important}
#process .step__num{position:relative;z-index:2;display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border-radius:50%;background:#111722;color:#e7c979;border:1px solid rgba(201,161,92,.38);box-shadow:0 0 0 7px rgba(255,255,255,.92)}
#process .step:hover{transform:translateY(-7px)!important}

/* ---------- Pricing: range first, usual price underneath ---------- */
.pkg__price{margin-bottom:4px!important;letter-spacing:-.045em!important}
.pkg__usual{display:block;margin:0 0 7px;color:#9da5af;font:700 .62rem/1.3 var(--font-b);letter-spacing:.12em;text-transform:uppercase}
.pkg__care{display:block}

/* ---------- Review legibility ---------- */
.review-request__copy h3{color:#fff!important;}
.review-request__copy h3{color:#fff!important;font-weight:750!important}
.review-request__copy .eyebrow{color:#e7c979!important}
.review-request__copy p{color:#a7afb9!important}

/* ---------- Trust strip ---------- */
.trust__item{transition:transform .35s ease,border-color .35s ease,background .35s ease}
.trust__item:hover{transform:translateY(-3px)}
.trust__item h3{letter-spacing:-.015em}

/* ---------- Buttons: subtle premium depth ---------- */
.btn--gold{box-shadow:0 12px 28px -18px rgba(231,201,121,.72)!important}
.btn--gold:hover{box-shadow:0 18px 36px -18px rgba(231,201,121,.55)!important}

/* ---------- Mobile: preserve hierarchy and avoid orbit collisions ---------- */
@media(max-width:900px){
  #services .ins{grid-template-columns:repeat(2,minmax(0,1fr))}
  #services .ins::before,#services .ins::after{display:none}
  #process .steps::before{display:none}
}
@media(max-width:640px){
  .hero-v5__planet{right:-42%!important;bottom:-31%!important;width:120vw!important}
  .hero-v5__line{white-space:normal!important}
  #services .ins{grid-template-columns:1fr}
  #services .ins__item{min-height:0}
  .logo__badge--image{width:48px!important;height:48px!important}
  .logo__word{font-size:1.08rem!important;letter-spacing:.15em!important}
  .pkg__price{font-size:2rem!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-v5__space::after,#services .ins::after{animation:none!important}
  #process .step:hover,#services .ins__item:hover{transform:none!important}
}