.tdnf-hero{isolation:isolate;background:var(--td-ink);color:#fff;align-items:center;min-height:clamp(28rem,100svh - 5.5rem,36rem);padding:calc(4.5rem + clamp(56px,6.5vw,88px)) 0;display:flex;position:relative;overflow:hidden}.tdnf-hero:before{content:"";z-index:-2;background-image:radial-gradient(circle at 1px 1px,#ffffff26 1px,#0000 0);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(110% 90% at 78% 34%,#000 0%,#0000 72%);mask-image:radial-gradient(110% 90% at 78% 34%,#000 0%,#0000 72%)}.tdnf-hero:after{content:"";z-index:-1;background:radial-gradient(74% 60% at 86% 26%, color-mix(in srgb, var(--td-accent-bright) 15%, transparent), transparent 70%);position:absolute;inset:0}.tdnf-hero .td-label{color:var(--td-accent-bright)}.tdnf-hero h1{max-width:16ch;font-family:var(--td-font-display);letter-spacing:-.042em;text-wrap:balance;margin:22px 0 0;font-size:clamp(2.25rem,4.2vw,3.35rem);font-weight:600;line-height:1.03}.tdnf-lede{max-width:42ch;color:var(--td-on-ink);font-size:var(--td-t-base);margin:22px 0 0;line-height:1.62}.tdnf-hero .hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.tdnf-hero .td-btn-solid{background:var(--td-accent-bright);color:var(--td-ink)}.tdnf-hero .td-btn-solid:hover{background:var(--td-accent-hover);color:var(--td-ink)}.tdnf-hero .td-btn-ghost{border-color:var(--td-line-ink-strong);color:#fff}.tdnf-hero .td-btn-ghost:hover{background:#ffffff12;border-color:#ffffff8c}@media (max-width:640px){.tdnf-hero .hero-actions .td-btn{flex:100%}}