/* Services grid and custom-ideas wheel. */
.services{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px
}
.service-card{
  min-height:260px;
  padding:24px;
  border:1px solid rgba(17,23,36,.13);
  border-radius:28px;
  background:rgba(255,255,255,.65);
  box-shadow:0 14px 42px rgba(17,23,36,.06)
}
.service-icon{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  margin-bottom:18px;
  border-radius:17px;
  color:var(--green);
  background:var(--ink);
  font-family:var(--mono);
  font-weight:950
}
.service-card h3{
  margin:0;
  font-size:23px;
  letter-spacing:-.035em
}
.service-card p{
  margin:12px 0 0;
  color:var(--muted-dark)
}
.idea-layout{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:26px;
  align-items:stretch
}
.idea-copy{
  padding:34px;
  border-radius:34px;
  background:radial-gradient(circle at 14% 10%,rgba(121,242,192,.2),transparent 14rem),radial-gradient(circle at 82% 95%,rgba(130,168,255,.16),transparent 14rem),linear-gradient(135deg,#101522,#243149);
  box-shadow:var(--soft)
}
.idea-copy h2{
  font-size:clamp(31px,4vw,48px)
}
.idea-copy p{
  margin:18px 0 0;
  color:rgba(248,245,236,.72);
  font-size:18px
}
.wish-panel{
  min-height:430px;
  padding:22px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:34px;
  background:radial-gradient(circle at 22% 12%,rgba(121,242,192,.16),transparent 18rem),radial-gradient(circle at 85% 78%,rgba(130,168,255,.13),transparent 18rem),linear-gradient(135deg,#101827,#1c273a 58%,#111827);
  box-shadow:0 26px 78px rgba(17,23,36,.2);
  overflow:hidden
}
.wish-kicker{
  display:inline-flex;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.05);
  color:rgba(248,245,236,.68);
  font-family:var(--mono);
  font-size:11px;
  font-weight:900
}
.wish-prefix{
  margin:24px 0 8px;
  font-size:clamp(42px,5.5vw,70px);
  font-weight:950;
  letter-spacing:-.07em
}
.wish-wheel{
  height:300px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:30px;
  background:rgba(255,255,255,.035);
  overflow:hidden;
  mask-image:linear-gradient(to bottom,transparent,black 14%,black 86%,transparent)
}
.wish-track{
  display:grid;
  grid-auto-rows:184px;
  transform:translate3d(0,var(--wish-offset,0),0);
  will-change:transform
}
.wish-line{
  display:flex;
  align-items:center;
  min-height:184px;
  padding:0 28px;
  font-size:clamp(36px,4.4vw,52px);
  font-weight:940;
  line-height:.98;
  letter-spacing:-.06em;
  text-wrap:balance
}
.tone-green{
  color:rgba(173,255,221,.9)
}
.tone-blue{
  color:rgba(184,204,255,.88)
}
.tone-violet{
  color:rgba(216,195,255,.86)
}
.tone-cream{
  color:rgba(255,249,235,.88)
}
.tone-gold{
  color:rgba(250,220,144,.86)
}
html:not(.wish-wheel-enabled) .wish-panel{
  display:none
}
.idea-layout.wheel-disabled{
  grid-template-columns:1fr
}
.idea-layout.wheel-disabled .idea-copy{
  max-width:850px
}