.d-hero{--d-ui-blue:color-mix(in srgb, var(--nb-primary) 78%, var(--nb-ink-strong));--d-ui-blue-soft:color-mix(in srgb, var(--nb-primary) 11%, var(--nb-surface));--d-hero-line:color-mix(in srgb, var(--nb-line) 75%, transparent);--d-hero-edge:0 0 0 1px color-mix(in srgb, var(--nb-ink) 7%, transparent);--d-hero-shadow:var(--d-hero-edge), 0 1px 2px color-mix(in srgb, var(--nb-ink) 4%, transparent), 0 20px 40px -28px color-mix(in srgb, var(--nb-ink) 28%, transparent);--d-hero-ai:color-mix(in oklch, var(--nb-danger) 75%, var(--nb-primary));--d-hero-ai-soft:color-mix(in srgb, var(--d-hero-ai) 9%, var(--nb-surface));text-align:left;width:100%;max-width:64rem;color:var(--nb-ink);margin-inline:auto;padding-block:.5rem 1rem;font-size:.8125rem;font-weight:400;line-height:1.45;position:relative}:where(.d-hero) p{margin:0}:where(.d-hero) :is(ul,ol,dl){margin:0;padding:0;list-style:none}:where(.d-hero) :is(li,dd){margin:0}:where(.d-hero) button{font:inherit;color:inherit}.d-hero :is(button,[tabindex]):focus-visible{outline:2px solid var(--nb-focus);outline-offset:2px}.d-hero-card{background:var(--nb-surface);box-shadow:var(--d-hero-shadow);border-radius:.875rem;overflow:hidden}.d-hero-head{background:var(--nb-sunken);border-bottom:1px solid var(--d-hero-line);align-items:center;gap:.625rem;padding:.625rem 1rem;font-size:.75rem;display:flex}.d-hero-head b{color:var(--nb-ink-strong);font-weight:600}.d-hero-head span{font-family:var(--nb-font-data);color:var(--nb-label);margin-left:auto;font-size:.6875rem}.d-hero-dots{gap:.25rem;display:inline-flex}.d-hero-dots i{background:color-mix(in srgb, var(--nb-ink) 14%, transparent);border-radius:50%;width:.4375rem;height:.4375rem}.d-hero-choice{background:var(--nb-surface);color:var(--nb-muted);cursor:pointer;box-shadow:0 0 0 1px var(--nb-line), 0 1px 2px color-mix(in srgb, var(--nb-ink) 4%, transparent);border:0;border-radius:.625rem;align-items:center;gap:.5rem;padding:.4375rem .75rem;font-size:.8125rem;font-weight:500;transition:color .25s,box-shadow .25s;display:inline-flex}.d-hero-choice:hover{color:var(--nb-ink-strong)}.d-hero-choice:is(.is-on,[aria-pressed=true],[aria-selected=true]){color:var(--nb-ink-strong);box-shadow:0 0 0 1.5px color-mix(in srgb, var(--d-ui-blue) 55%, var(--nb-line)), 0 0 0 4px var(--d-ui-blue-soft)}.d-hero-choice small{color:var(--nb-label);font-size:.6875rem;font-weight:400}.d-hero-choices{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.d-hero-prompt{text-align:center;color:var(--nb-label);margin:0 0 .75rem;font-size:.75rem}.d-hero-label{color:var(--nb-label);font-size:.6875rem}.d-hero-data{font-family:var(--nb-font-data);font-size:.75rem}.d-hero-facts>div{border-bottom:1px solid var(--d-hero-line);grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:.5rem;padding-block:.4375rem;font-size:.75rem;display:grid}.d-hero-facts>div:last-child{border-bottom:0}.d-hero-facts dt{color:var(--nb-label)}.d-hero-facts dd{color:var(--nb-ink-strong);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.d-hero-tag{--d-ui-tone:var(--nb-muted);background:color-mix(in srgb, var(--d-ui-tone) 6%, var(--nb-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--d-ui-tone) 22%, transparent);white-space:nowrap;color:var(--nb-ink-strong);border-radius:.375rem;align-items:center;gap:.375rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.d-hero-tag:before{content:"";background:var(--d-ui-tone);border-radius:50%;width:.375rem;height:.375rem}.d-hero-tag.is-teal{--d-ui-tone:var(--nb-success)}.d-hero-tag.is-warm{--d-ui-tone:var(--nb-cta)}.d-hero-tag.is-blue{--d-ui-tone:var(--d-ui-blue)}.d-hero-tag.is-purple{--d-ui-tone:color-mix(in srgb, var(--nb-check) 45%, var(--nb-danger))}.d-hero-tag.is-yellow{--d-ui-tone:var(--nb-warning)}.d-hero-tag.is-red{--d-ui-tone:var(--nb-danger)}.d-hero-tag.is-grey{--d-ui-tone:var(--nb-label)}.d-hero-tag.is-dark{--d-ui-tone:var(--nb-ink-strong)}.d-hero-ai{background:var(--d-hero-ai-soft);letter-spacing:.04em;color:var(--d-hero-ai);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--d-hero-ai) 25%, transparent);border-radius:.25rem;place-items:center;padding:0 .3125rem;font-size:.5625rem;font-weight:700;display:inline-grid}@keyframes d-hero-fresh{0%{background-color:var(--d-ui-blue-soft)}}.d-hero .is-fresh{animation:1.2s d-hero-fresh}@media (prefers-reduced-motion:reduce){.d-hero *,.d-hero :before,.d-hero :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}