html body #main section.tvl-hero { position: relative; isolation: isolate; overflow: hidden; padding: clamp(110px, 10vw, 140px) 0 clamp(48px, 5vw, 72px); background: #fff; }
.tvl-flow { position: absolute; inset: -20%; z-index: -2; filter: blur(70px); opacity: .35; pointer-events: none; }
.tvl-flow span { position: absolute; width: 55%; height: 70%; border-radius: 9999px; }
.tvl-flow span:nth-child(1) { background: oklch(0.72 0.13 255); left: 0; top: 5%; animation: tvl-a 18s ease-in-out infinite alternate; }
.tvl-flow span:nth-child(2) { background: oklch(0.7 0.14 285); right: 0; top: 0; animation: tvl-b 22s ease-in-out infinite alternate; }
.tvl-flow span:nth-child(3) { background: oklch(0.85 0.09 230); left: 25%; bottom: 0; animation: tvl-c 20s ease-in-out infinite alternate; }
@keyframes tvl-a { to { transform: translate(35%, 20%) scale(1.15); } }
@keyframes tvl-b { to { transform: translate(-30%, 25%) scale(.9); } }
@keyframes tvl-c { to { transform: translate(-20%, -30%) scale(1.2); } }
.tvl-mesh { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; pointer-events: none; }
html body #main .tvl-inner { position: relative; max-width: 1280px; margin: 0 auto; padding: 0 48px; }
html body #main p.tvl-pill { text-transform:none !important; display: inline-block; padding: 8px 18px; border-radius: 999px; border: 1px solid rgba(231,20,103,.25); background: rgba(255,255,255,.7); color: #1c1f4a; font-size: 15px; margin: 0 0 22px; }
html body #main .tvl-hero h1#tvl-title.tvl-title { margin: 0; max-width: none; font-size: clamp(34px, 4.6vw, 60px) !important; line-height: 1.1 !important; font-weight: 700 !important; letter-spacing: -0.025em !important;
  background-image: linear-gradient(100deg, oklch(0.55 0.17 258), oklch(0.45 0.2 285), oklch(0.55 0.15 235), oklch(0.55 0.17 258), oklch(0.45 0.2 285)) !important;
  background-size: 300% 100% !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important;
  animation: tvl-text 8s ease-in-out infinite alternate, tvl-rise .8s cubic-bezier(.2,.7,.2,1) .15s forwards !important; text-transform: none !important; }
@keyframes tvl-text { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }
html body #main .tvl-hero p.tvl-lead { margin: 22px 0 0; max-width: 760px; font-size: 20px; line-height: 1.6; color: #4a4f6e; }
.tvl-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.tvl-rise { opacity: 0; transform: translateY(18px); animation: tvl-rise .8s cubic-bezier(.2,.7,.2,1) forwards; }
@keyframes tvl-rise { to { opacity: 1; transform: none; } }
@media (max-width: 700px) { .tvl-inner { padding: 0 20px; } .tvl-hero p.tvl-lead { font-size: 17px; } }
@media (prefers-reduced-motion: reduce) { .tvl-flow span, .tvl-hero h1.tvl-title, .tvl-rise { animation: none; opacity: 1; transform: none; } }
html body #main .tvl-lead a.tvl-plink{color:inherit;font-weight:600;text-decoration:none;background:linear-gradient(90deg,#2b5bd7,#4338ca) left bottom/100% 1.5px no-repeat;transition:color .2s}
html body #main .tvl-lead a.tvl-plink:hover{color:#4338ca}
