/* ===================== hero ===================== */
.hero{
  position:relative;overflow:hidden;color:var(--bg-100);
  background:
    radial-gradient(120% 90% at 82% 8%, oklch(.372 .112 15) 0%, transparent 58%),
    radial-gradient(90% 80% at 8% 92%, oklch(.216 .047 15.4) 0%, transparent 60%),
    linear-gradient(152deg, oklch(.297 .090 15.4) 0%, oklch(.248 .058 15.4) 48%, oklch(.200 .040 15.4) 100%);
}
.hero__in{
  display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(2rem,5vw,4.5rem);
  align-items:center;padding-top:clamp(3.5rem,7vw,6rem);padding-bottom:clamp(4.5rem,8vw,7rem);
}
.hero .eyebrow{color:var(--gold)}
.hero .eyebrow::before{background:var(--gold)}
.hero h1{color:var(--bg-100);margin-bottom:1.5rem}
.hero h1 em{font-style:italic;color:var(--gold);font-weight:300}
.hero__lede{color:oklch(.92 .012 70 / .84);max-width:44ch;margin-bottom:2.2rem}
.hero__cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2.8rem}
.proof{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}
.avatars{display:flex}
.avatars span{
  width:40px;height:40px;border-radius:999px;display:grid;place-items:center;
  font-size:.74rem;font-weight:500;letter-spacing:.05em;
  background:oklch(.372 .112 15);color:var(--bg-100);
  border:1px solid color-mix(in oklab,var(--gold) 55%,transparent);margin-left:-11px;
}
.avatars span:first-child{margin-left:0}
.avatars span:last-child{background:var(--gold);color:var(--pri-950);border-color:transparent}
.proof__txt{font-size:.83rem;color:oklch(.92 .012 70 / .78);line-height:1.45}
.proof__txt b{display:block;color:var(--bg-100);font-weight:500;letter-spacing:.02em}
.stars{display:inline-flex;gap:2px;vertical-align:-2px;color:var(--gold)}
.stars svg{width:.9rem;height:.9rem;fill:currentColor}

/* hero · media */
.herofig{position:relative;perspective:1100px}
.tilt{
  position:relative;aspect-ratio:9/11;border-radius:calc(var(--r-lg) + .5rem);
  overflow:hidden;border:1px solid color-mix(in oklab,var(--gold) 45%,transparent);
  background:linear-gradient(160deg,var(--bg-200),var(--bg-400));
  transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.3,1);
  will-change:transform;
}
.tilt::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(200deg,oklch(1 0 0 / .18),transparent 42%),var(--grain);
  background-blend-mode:normal;opacity:.5;
}
.tilt svg{width:100%;height:100%}
.ring{
  position:absolute;inset:-7%;border-radius:999px;pointer-events:none;
  border:1px dashed color-mix(in oklab,var(--gold) 42%,transparent);animation:spin-slow 28s linear infinite;
}
.ring--two{inset:-14%;border-style:dotted;border-color:color-mix(in oklab,var(--gold) 25%,transparent);animation-duration:44s;animation-direction:reverse}
.badge-float{
  position:absolute;z-index:3;display:inline-flex;align-items:center;gap:.5rem;
  padding:.6rem .95rem;border-radius:999px;font-size:.76rem;letter-spacing:.06em;
  background:color-mix(in oklab,var(--bg-50) 92%,transparent);color:var(--pri-900);
  border:1px solid oklch(.256 .066 15 / .1);backdrop-filter:blur(8px);
  animation:float 7s ease-in-out infinite;
}
.badge-float .icon{width:1rem;height:1rem;color:var(--gold)}
.badge-float--a{top:7%;left:-6%}
.badge-float--b{bottom:11%;right:-5%;animation-name:float-soft;animation-duration:9s}
.blob{position:absolute;border-radius:999px;filter:blur(60px);pointer-events:none;animation:glow 11s ease-in-out infinite}
.blob--a{width:24rem;height:24rem;top:-8rem;right:-6rem;background:color-mix(in oklab,var(--gold) 30%,transparent)}
.blob--b{width:20rem;height:20rem;bottom:-8rem;left:-5rem;background:oklch(.520 .140 15 / .5);animation-delay:-4s}
.scrollhint{
  display:flex;align-items:center;gap:.7rem;justify-content:center;
  padding-bottom:2.2rem;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;
  color:oklch(.92 .012 70 / .55);
}
.scrollhint i{position:relative;display:block;width:1px;height:46px;background:color-mix(in oklab,var(--gold) 35%,transparent);overflow:hidden}
.scrollhint i::after{content:"";position:absolute;top:0;left:-1px;width:3px;height:14px;border-radius:2px;background:var(--gold);animation:scrollHint 2.4s ease-in-out infinite}/* ===================== marquee ===================== */
.marquee{
  overflow:hidden;color:var(--pri-950);
  border-block:1px solid color-mix(in oklab,var(--pri-950) 18%,transparent);
  background:var(--gold);
}
.marquee__track{
  display:flex;width:max-content;animation:marquee 34s linear infinite;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee__group{display:flex;align-items:center}
.marquee__item{
  display:inline-flex;align-items:center;gap:.85rem;padding:.92rem 1.7rem;
  font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;
  color:oklch(.196 .046 15 / .92);
}
.marquee__item svg{width:.62rem;height:.62rem;color:oklch(.196 .046 15 / .5);fill:currentColor}
.marquee__item b{color:var(--pri-950);font-weight:500}
:root[data-theme="dark"] .tilt-bg{fill:var(--bg-400)}
:root[data-theme="dark"] .tilt-vig{fill:oklch(.14 .03 15 / .65)}