.audit-launch-hero {
    --launch-bg: #f7f5ff;
    --launch-card: #ffffff;
    --launch-ink: #17131f;
    --launch-muted: #686273;
    --launch-border: rgba(89, 55, 154, .14);
    --launch-accent: #8f5aff;
    background:
        linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)),
        radial-gradient(circle at 18% 20%, rgba(143, 90, 255, .16), transparent 34%),
        radial-gradient(circle at 84% 72%, rgba(78, 166, 255, .13), transparent 30%),
        var(--launch-bg);
    color: var(--launch-ink);
    isolation: isolate;
    overflow: hidden;
    position: relative;
}

.audit-launch-hero::before {
    background-image:
        linear-gradient(rgba(77, 50, 128, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(77, 50, 128, .045) 1px, transparent 1px);
    background-size: 44px 44px;
    content: "";
    inset: 0;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .55), transparent 88%);
    pointer-events: none;
    position: absolute;
}

.audit-launch-hero--home { min-height: 610px; }
.audit-launch-hero--dashboard { min-height: 470px; }
.audit-launch-hero__container { padding-bottom: 5rem; padding-top: 5rem; }
.audit-launch-hero__title { letter-spacing: -.045em; line-height: 1.04; max-width: 48rem; }
.audit-launch-hero__copy { color: var(--launch-muted); line-height: 1.65; max-width: 43rem; }

.audit-launch-hero__glow {
    border: 1px solid rgba(143, 90, 255, .18);
    border-radius: 50%;
    pointer-events: none;
    position: absolute;
}
.audit-launch-hero__glow--one { height: 28rem; left: -15rem; top: -18rem; width: 28rem; }
.audit-launch-hero__glow--two { bottom: -20rem; height: 34rem; right: -17rem; width: 34rem; }

.audit-launch-form { max-width: 49rem; }
.audit-launch-form__group {
    align-items: center;
    background: var(--launch-card);
    border: 1px solid var(--launch-border);
    border-radius: .85rem;
    box-shadow: 0 1.1rem 3rem rgba(45, 28, 78, .12);
    display: flex;
    padding: .45rem;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.audit-launch-form__group:focus-within {
    border-color: rgba(143, 90, 255, .65);
    box-shadow: 0 1.2rem 3.2rem rgba(45, 28, 78, .16), 0 0 0 .2rem rgba(143, 90, 255, .09);
}
.audit-launch-form__icon { color: #9a94a3; font-size: .95rem; padding-left: .9rem; white-space: nowrap; }
.audit-launch-form__group .form-control {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: var(--launch-ink);
    font-size: 1.08rem;
    height: 3.5rem;
    min-width: 0;
    padding-left: .15rem;
}
.audit-launch-form__group .form-control:focus {
    border-color: transparent;
    box-shadow: none !important;
    outline: 0;
}
.audit-launch-form__button {
    border-radius: .62rem;
    flex-shrink: 0;
    font-size: 1rem;
    font-weight: 700;
    min-height: 3.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.audit-product-preview,
.audit-live-card {
    background: var(--launch-card);
    border: 1px solid var(--launch-border);
    border-radius: 1rem;
    box-shadow: 0 1.8rem 4rem rgba(42, 27, 73, .14);
    margin-left: auto;
    max-width: 28rem;
    overflow: hidden;
    position: relative;
    transform: rotate(1.2deg);
}
.audit-product-preview::after {
    border: 1px solid rgba(143, 90, 255, .12);
    border-radius: 1rem;
    content: "";
    inset: .65rem -.75rem -.75rem .75rem;
    pointer-events: none;
    position: absolute;
    z-index: -1;
}
.audit-product-preview__topbar {
    align-items: center;
    background: #f5f2fa;
    border-bottom: 1px solid var(--launch-border);
    display: flex;
    gap: .38rem;
    padding: .75rem 1rem;
}
.audit-product-preview__topbar > span { background: #d8d1e4; border-radius: 50%; height: .48rem; width: .48rem; }
.audit-product-preview__domain { color: var(--launch-muted); font-size: .72rem; margin-left: auto; }
.audit-product-preview__body { padding: 1.35rem; }
.audit-product-preview__body small { color: var(--launch-muted); display: block; }
.audit-product-preview__body strong { display: block; font-size: 1.15rem; margin-top: .15rem; }
.audit-product-preview__pulse,
.audit-live-card__state i,
.site-audit-history__status--active i {
    animation: audit-live-pulse 1.6s ease-out infinite;
    background: var(--launch-accent);
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(143, 90, 255, .4);
    height: .65rem;
    width: .65rem;
}
@keyframes audit-live-pulse {
    0% { box-shadow: 0 0 0 0 rgba(143, 90, 255, .38); }
    70% { box-shadow: 0 0 0 .55rem rgba(143, 90, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(143, 90, 255, 0); }
}
.audit-product-preview__progress,
.audit-live-card__progress { background: #ece8f5; border-radius: 999px; height: .62rem; overflow: hidden; }
.audit-product-preview__progress span,
.audit-live-card__progress span { background: linear-gradient(90deg, #8f5aff, #6b8cff); display: block; height: 100%; width: 64%; }
.audit-live-card__progress.is-indeterminate span { animation: audit-progress 1.35s ease-in-out infinite; width: 35%; }
@keyframes audit-progress { 0% { margin-left: -35%; } 100% { margin-left: 100%; } }
.audit-product-preview__stats,
.audit-live-card__counters { display: grid; gap: .65rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 1.2rem; }
.audit-product-preview__stats > div,
.audit-live-card__counters > div { background: #f7f5fa; border-radius: .65rem; display: flex; flex-direction: column; padding: .75rem; }
.audit-product-preview__stats span,
.audit-live-card__counters strong { font-size: 1.35rem; line-height: 1.1; }
.audit-product-preview__stats small,
.audit-live-card__counters span { color: var(--launch-muted); font-size: .68rem; margin-top: .3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.audit-product-preview__issues { display: grid; gap: .65rem; margin-top: 1rem; }
.audit-product-preview__issues > div { align-items: center; display: grid; gap: .55rem; grid-template-columns: auto 1fr auto; }
.audit-product-preview__issues span { background: #e9e5ef; border-radius: 999px; height: .48rem; }
.audit-product-preview__issues b { color: var(--launch-muted); font-size: .78rem; }
.audit-product-preview__severity { border-radius: 50%; height: .55rem; width: .55rem; }
.audit-product-preview__severity--danger { background: #db5667; }
.audit-product-preview__severity--warning { background: #e9a93f; }
.audit-product-preview__severity--notice { background: #7d8b9d; }
.audit-product-preview__check { align-items: center; border-top: 1px solid var(--launch-border); display: flex; gap: .75rem; margin-top: .9rem; padding-top: .9rem; }
.audit-product-preview__check i { align-items: center; background: #e8f7ee; border-radius: 50%; color: #18864c; display: inline-flex; font-size: .7rem; font-style: normal; height: 1.35rem; justify-content: center; width: 1.35rem; }
.audit-product-preview__check span { font-size: .86rem; font-weight: 600; }

.audit-live-card { padding: 1.4rem; transform: none; }
.audit-live-card__label { color: var(--launch-muted); display: block; font-weight: 700; margin-bottom: .25rem; text-transform: uppercase; }
.audit-live-card__state { align-items: center; color: var(--launch-accent); display: flex; font-size: .82rem; font-weight: 700; gap: .55rem; }

.site-audit-history__row {
    align-items: center;
    border-bottom: 1px solid rgba(90, 81, 105, .11);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(14rem, 2fr) repeat(3, minmax(5.5rem, .65fr)) minmax(7rem, .8fr) auto;
    padding: 1rem 1.15rem;
}
.site-audit-history__row:last-child { border-bottom: 0; }
.site-audit-history__identity { align-items: center; display: flex; gap: .8rem; }
.site-audit-history__favicon { align-items: center; background: #eee8ff; border-radius: .55rem; color: #6e43c3; display: flex; flex: 0 0 2.45rem; font-weight: 800; height: 2.45rem; justify-content: center; }
.site-audit-history__metric { display: flex; flex-direction: column; }
.site-audit-history__metric strong { color: var(--launch-ink); font-size: 1rem; }
.site-audit-history__metric span { color: var(--launch-muted); font-size: .68rem; }
.site-audit-history__status { align-items: center; display: flex; font-size: .78rem; font-weight: 700; gap: .45rem; }
.site-audit-history__status--success { color: #18864c; }
.site-audit-history__status--danger { color: #b63849; }
.site-audit-history__status--active { color: #7042c6; }
.site-audit-history__open { align-items: center; color: var(--launch-muted); display: flex; }

.dark .audit-launch-hero {
    --launch-bg: #15131a;
    --launch-card: #211e28;
    --launch-ink: #f7f5fa;
    --launch-muted: #b8b1c2;
    --launch-border: rgba(185, 160, 236, .2);
    background:
        radial-gradient(circle at 18% 20%, rgba(143, 90, 255, .18), transparent 34%),
        radial-gradient(circle at 84% 72%, rgba(78, 166, 255, .11), transparent 30%),
        var(--launch-bg);
}
.dark .audit-launch-hero::before { background-image: linear-gradient(rgba(220, 206, 244, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(220, 206, 244, .04) 1px, transparent 1px); }
.dark .audit-product-preview__topbar,
.dark .audit-product-preview__stats > div,
.dark .audit-live-card__counters > div { background: #2a2632; }
.dark .audit-product-preview__progress,
.dark .audit-live-card__progress { background: #393244; }
.dark .audit-product-preview__issues span { background: #3a3542; }
.dark .site-audit-history__favicon { background: #30264a; color: #cfb9ff; }
.dark .site-audit-history__row { border-color: rgba(220, 206, 244, .1); }
.dark .site-audit-history__identity .text-dark { color: #f7f5fa !important; }

@media (max-width: 991.98px) {
    .audit-launch-hero__container { padding-bottom: 4rem; padding-top: 4rem; }
    .audit-product-preview,
    .audit-live-card { margin-left: auto; margin-right: auto; }
    .site-audit-history__row { grid-template-columns: minmax(12rem, 1.8fr) repeat(2, minmax(5rem, .6fr)) minmax(7rem, .8fr) auto; }
}

@media (max-width: 767.98px) {
    .audit-launch-hero--home,
    .audit-launch-hero--dashboard { min-height: 0; }
    .audit-launch-hero__container { padding-bottom: 3rem; padding-top: 3rem; }
    .audit-launch-hero__title { font-size: 2.45rem; }
    .audit-launch-form__group { align-items: stretch; flex-wrap: wrap; padding: .4rem; }
    .audit-launch-form__icon { align-items: center; display: flex; height: 3.25rem; }
    .audit-launch-form__group .form-control { flex: 1 1 calc(100% - 5rem); height: 3.25rem; }
    .audit-launch-form__button { flex: 1 0 100%; margin-top: .35rem; }
    .audit-product-preview { transform: none; }
    .site-audit-history__row { grid-template-columns: minmax(0, 1fr) auto; }
    .site-audit-history__metric { display: none; }
    .site-audit-history__status { grid-column: 1; padding-left: 3.25rem; }
    .site-audit-history__open { grid-column: 2; grid-row: 1 / span 2; }
}

@media (prefers-reduced-motion: reduce) {
    .audit-product-preview__pulse,
    .audit-live-card__state i,
    .site-audit-history__status--active i,
    .audit-live-card__progress.is-indeterminate span { animation: none; }
}