/* Public website report: restrained enterprise intelligence dashboard. */
:root {
    --report-ink: #07152d;
    --report-navy: #07172f;
    --report-blue: #2563eb;
    --report-line: #dce5f1;
    --report-muted: #64748b;
    --report-ease: cubic-bezier(.22, 1, .36, 1);
}

.report-page {
    min-width: 0;
    overflow: clip;
    padding: 0 1rem 3rem;
}

.report-content,
.report-hero {
    width: min(100%, 1180px);
    margin-inline: auto;
}

.report-icon {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 auto;
}

/* Hero */
.report-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 35rem;
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: 2rem;
    color: #fff;
    background:
        radial-gradient(circle at 80% 20%, rgba(59, 130, 246, .2), transparent 30%),
        radial-gradient(circle at 10% 95%, rgba(14, 165, 233, .12), transparent 38%),
        linear-gradient(135deg, #061124 0%, #0a1b36 55%, #07162c 100%);
    box-shadow: 0 30px 80px -38px rgba(2, 12, 30, .78), inset 0 1px rgba(255, 255, 255, .08);
}

.report-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255,255,255,.05), transparent 1px) 0 0 / 80px 80px,
                linear-gradient(rgba(255,255,255,.04), transparent 1px) 0 0 / 80px 80px;
    mask-image: linear-gradient(90deg, #000, transparent 70%);
}

.report-hero__grid {
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .35;
    background-image: radial-gradient(circle, rgba(148, 197, 255, .55) 1px, transparent 1.2px);
    background-size: 24px 24px;
    mask-image: radial-gradient(ellipse at 75% 50%, #000 0, transparent 68%);
}

.report-hero__glow {
    position: absolute;
    z-index: -1;
    width: 22rem;
    aspect-ratio: 1;
    border-radius: 50%;
    filter: blur(85px);
    pointer-events: none;
}

.report-hero__glow--one {
    top: -12rem;
    right: 4%;
    background: rgba(37, 99, 235, .34);
    animation: report-glow-drift 14s ease-in-out infinite alternate;
}

.report-hero__glow--two {
    bottom: -17rem;
    left: 10%;
    background: rgba(14, 165, 233, .22);
    animation: report-glow-drift 18s ease-in-out -5s infinite alternate-reverse;
}

.report-hero__inner {
    min-height: 35rem;
    padding: clamp(2rem, 5vw, 4.25rem);
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(22rem, .92fr);
    align-items: center;
    gap: clamp(2rem, 5vw, 5rem);
}

.report-hero__copy { min-width: 0; position: relative; z-index: 3; }

.report-eyebrow {
    display: flex;
    align-items: center;
    gap: .65rem;
    width: fit-content;
    max-width: 100%;
    color: #bfdbfe;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.report-eyebrow__icon {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    color: #7dd3fc;
    border: 1px solid rgba(125, 211, 252, .25);
    border-radius: .65rem;
    background: rgba(56, 189, 248, .08);
}

.report-eyebrow__icon .report-icon { width: 1rem; height: 1rem; }

.report-eyebrow__live {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-left: .35rem;
    padding: .4rem .65rem;
    color: #a7f3d0;
    letter-spacing: .08em;
    border: 1px solid rgba(52, 211, 153, .2);
    border-radius: 999px;
    background: rgba(16, 185, 129, .08);
}

.report-eyebrow__live i {
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: #34d399;
    box-shadow: 0 0 0 .25rem rgba(52,211,153,.1), 0 0 1rem rgba(52,211,153,.6);
    animation: report-live-pulse 2.2s ease-out infinite;
}

.report-hero h1 {
    margin: 1.55rem 0 0;
    font-size: clamp(2.4rem, 5vw, 4.5rem);
    font-weight: 900;
    line-height: .98;
    letter-spacing: -.055em;
}

.report-hero h1 > span {
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere;
    color: #fff;
    text-shadow: 0 14px 45px rgba(0,0,0,.25);
}

.report-hero h1 > small {
    display: block;
    max-width: 36rem;
    margin-top: .9rem;
    color: #93a9c6;
    font-size: .44em;
    font-weight: 650;
    line-height: 1.28;
    letter-spacing: -.025em;
}

.report-hero__lead {
    max-width: 39rem;
    margin-top: 1.6rem;
    color: #bfcee1;
    font-size: clamp(.96rem, 1.4vw, 1.08rem);
    line-height: 1.75;
}

.report-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.75rem;
    margin-top: 1.75rem;
}

.report-hero__meta > span {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    color: #dbeafe;
    font-size: .78rem;
    font-weight: 750;
}

.report-hero__meta .report-icon { width: 1.05rem; height: 1.05rem; color: #60a5fa; }
.report-hero__meta small { display: block; margin-bottom: .08rem; color: #7188a6; font-size: .57rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }

.report-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }

.report-button {
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    padding: .75rem 1.1rem;
    border: 1px solid transparent;
    border-radius: .9rem;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
    transition: transform .3s var(--report-ease), box-shadow .3s var(--report-ease), border-color .3s ease, background-color .3s ease;
}

.report-button .report-icon { width: 1rem; height: 1rem; transition: transform .3s var(--report-ease); }
.report-button:hover { transform: translateY(-2px); }
.report-button:hover .report-icon { transform: translateX(3px); }
.report-button--primary { color: #fff; background: linear-gradient(135deg, #2563eb, #1d4ed8); box-shadow: 0 14px 30px -12px rgba(37,99,235,.75), inset 0 1px rgba(255,255,255,.2); }
.report-button--primary:hover { box-shadow: 0 18px 38px -12px rgba(37,99,235,.9), inset 0 1px rgba(255,255,255,.2); }
.report-button--ghost { color: #dbeafe; border-color: rgba(148, 163, 184, .25); background: rgba(255, 255, 255, .055); }
.report-button--ghost:hover { border-color: rgba(125,211,252,.45); background: rgba(255,255,255,.09); }
.report-button--amber { color: #fffbeb; background: #b45309; box-shadow: 0 12px 25px -15px #92400e; }

.report-hero__visual { position: relative; min-height: 25rem; }
.report-radar { position: absolute; inset: 7% -5% auto -8%; width: 112%; overflow: visible; filter: drop-shadow(0 30px 38px rgba(0,0,0,.24)); }
.report-radar__grid { stroke: rgba(148, 197, 255, .13); stroke-width: 1; }
.report-radar__area { animation: report-area-in 1.2s .2s var(--report-ease) both; }
.report-radar__trace { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 420; stroke-dashoffset: 420; animation: report-line-draw 1.8s .25s var(--report-ease) forwards; }
.report-radar__trace--glow { stroke: rgba(56,189,248,.35); stroke-width: 10; filter: url(#report-radar-glow); }
.report-radar__points circle { opacity: 0; transform-box: fill-box; transform-origin: center; animation: report-point-in .45s var(--report-ease) forwards; }
.report-radar__points circle:nth-child(1) { animation-delay: .55s; } .report-radar__points circle:nth-child(2) { animation-delay: .7s; }
.report-radar__points circle:nth-child(3) { animation-delay: .85s; } .report-radar__points circle:nth-child(4) { animation-delay: 1s; }
.report-radar__points circle:nth-child(5) { animation-delay: 1.15s; } .report-radar__points circle:nth-child(6) { animation-delay: 1.3s; }
.report-radar__points circle:nth-child(7) { animation-delay: 1.45s; }
.report-radar__scan { animation: report-scan 6s 2s ease-in-out infinite; }

.report-orbit { position: absolute; border: 1px solid rgba(96,165,250,.14); border-radius: 50%; pointer-events: none; }
.report-orbit--outer { inset: -4% -17% 4% -2%; animation: report-orbit 24s linear infinite; }
.report-orbit--inner { inset: 11% -3% 17% 12%; border-style: dashed; animation: report-orbit 18s linear infinite reverse; }
.report-orbit::before { content: ""; position: absolute; top: 10%; left: 16%; width: .45rem; aspect-ratio: 1; border-radius: 50%; background: #60a5fa; box-shadow: 0 0 1.2rem #3b82f6; }

.report-visual-card {
    position: absolute;
    z-index: 2;
    border: 1px solid rgba(191, 219, 254, .16);
    border-radius: 1rem;
    background: linear-gradient(135deg, rgba(15,36,70,.92), rgba(10,25,50,.78));
    box-shadow: 0 18px 50px -20px #020617, inset 0 1px rgba(255,255,255,.08);
    backdrop-filter: blur(16px);
    animation: report-card-float 7s ease-in-out infinite;
}

.report-visual-card--score { top: 2%; right: 1%; padding: .85rem 1rem; }
.report-visual-card--score span { display: block; color: #7890ae; font-size: .56rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.report-visual-card--score strong { color: #fff; font-size: 1.8rem; font-weight: 900; letter-spacing: -.05em; }
.report-visual-card--score small { margin-left: .2rem; color: #7dd3fc; font-size: .65rem; }
.report-visual-card--signal { right: 4%; bottom: 3%; display: flex; align-items: center; gap: .65rem; padding: .75rem .9rem; animation-delay: -3s; }
.report-visual-card--signal > .report-icon { width: 1.3rem; height: 1.3rem; color: #fbbf24; }
.report-visual-card--signal small { display: block; color: #7890ae; font-size: .52rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.report-visual-card--signal strong { display: block; margin-top: .1rem; color: #f8fafc; font-size: .76rem; }

/* Executive strip */
.report-content { padding-top: 1.25rem; }
.report-kpi-strip {
    position: relative;
    z-index: 4;
    display: grid;
    grid-template-columns: minmax(13rem, 1.15fr) minmax(0, 2fr);
    gap: 1rem;
    margin: -2.55rem 1.5rem 2rem;
    padding: 1.1rem;
    border: 1px solid rgba(203, 213, 225, .8);
    border-radius: 1.25rem;
    background: rgba(255,255,255,.92);
    box-shadow: 0 22px 55px -32px rgba(15, 23, 42, .55), inset 0 1px #fff;
    backdrop-filter: blur(18px);
    scroll-margin-top: 6rem;
}

.report-kpi-strip__title { display: flex; align-items: center; gap: .8rem; padding: .35rem .7rem; }
.report-kpi-strip__title > span { display: grid; place-items: center; width: 2.65rem; aspect-ratio: 1; color: #2563eb; border-radius: .8rem; background: #eff6ff; box-shadow: inset 0 0 0 1px #dbeafe; }
.report-kpi-strip__title small { display: block; color: #2563eb; font-size: .56rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.report-kpi-strip__title strong { display: block; margin-top: .2rem; color: var(--report-ink); font-size: .85rem; font-weight: 850; }
.report-kpi-strip dl { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); }
.report-kpi-strip dl > div { display: flex; min-width: 0; flex-direction: column-reverse; justify-content: center; padding: .2rem 1.25rem; border-left: 1px solid #e7edf5; }
.report-kpi-strip dt { margin-top: .25rem; color: #7b8ca3; font-size: .61rem; font-weight: 750; letter-spacing: .04em; }
.report-kpi-strip dd { color: #0f1f38; font-size: 1.35rem; font-weight: 900; line-height: 1; letter-spacing: -.04em; }
.report-kpi-strip dd small { color: #718096; font-size: .56em; font-weight: 750; letter-spacing: 0; }

/* Device score cards */
.report-score-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1.25rem; margin-bottom: 4.5rem; }
.report-score-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    padding: clamp(1.25rem, 3vw, 1.8rem);
    border: 1px solid var(--report-line);
    border-radius: 1.35rem;
    background: linear-gradient(145deg, #fff 0%, #f9fbfe 100%);
    box-shadow: 0 18px 50px -38px rgba(15,23,42,.55), inset 0 1px #fff;
}
.report-score-card::before { content:""; position:absolute; inset:0 auto auto 0; width:100%; height:3px; background: linear-gradient(90deg, var(--card-tone), transparent 75%); }
.report-score-card--excellent { --card-tone:#10b981; } .report-score-card--good { --card-tone:#22c55e; }
.report-score-card--medium { --card-tone:#f59e0b; } .report-score-card--critical { --card-tone:#f43f5e; }
.report-score-card__topline { display:flex; align-items:center; justify-content:space-between; color:#52657e; font-size:.62rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.report-score-card__topline > span { display:inline-flex; align-items:center; gap:.5rem; }
.report-score-card__topline .report-icon { width:1rem; height:1rem; color:var(--card-tone); }
.report-score-card__topline > i { width:.45rem; aspect-ratio:1; border-radius:50%; background:var(--card-tone); box-shadow:0 0 0 .3rem color-mix(in srgb, var(--card-tone) 12%, transparent); }
.report-score-card__primary { display:flex; align-items:center; gap:clamp(1rem,3vw,1.8rem); margin-top:1.4rem; }
.report-score-card__verdict { min-width:0; }
.report-score-card__verdict > small { color:#8090a5; font-size:.6rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.report-score-card__verdict h2 { margin:.25rem 0 .2rem; color:#0c1c35; font-size:clamp(1.3rem,2.5vw,1.8rem); font-weight:900; letter-spacing:-.035em; }
.report-score-card__verdict p { color:#718096; font-size:.73rem; line-height:1.45; }
.report-delta { display:inline-flex; margin-top:.75rem; padding:.33rem .55rem; border-radius:999px; font-size:.62rem; font-weight:800; }
.report-delta--up { color:#047857; background:#ecfdf5; } .report-delta--down { color:#be123c; background:#fff1f2; }

.report-score-ring { position:relative; display:inline-grid; flex:0 0 auto; width:var(--score-size); height:var(--score-size); place-items:center; }
.report-score-ring svg { width:100%; height:100%; overflow:visible; filter:drop-shadow(0 7px 12px color-mix(in srgb, var(--score-color) 18%, transparent)); }
.report-score-ring circle { fill:none; }
.report-score-ring__halo { fill:color-mix(in srgb, var(--score-color) 5%, white) !important; stroke:color-mix(in srgb, var(--score-color) 11%, transparent); stroke-width:.5; }
.report-score-ring__track { stroke:#e8eef5; stroke-width:3; }
.report-score-ring__value { stroke:var(--score-color); stroke-width:3.2; stroke-linecap:round; animation:report-ring-in 1.25s .15s var(--report-ease) both; }
.report-score-ring__glint { fill:none; stroke:rgba(255,255,255,.8); stroke-width:.7; stroke-linecap:round; }
.report-score-ring__number { position:absolute; color:#0f1f38; font-size:1.75rem; font-weight:900; letter-spacing:-.06em; }
.report-score-ring__number small { display:block; margin-top:-.1rem; color:#94a3b8; font-size:.32em; font-weight:750; letter-spacing:.04em; text-align:center; }
.report-category-scores { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.6rem; margin-top:1.4rem; padding-top:1.25rem; border-top:1px solid #e8eef5; }
.report-category-scores > div { min-width:0; padding:.7rem .65rem; border:1px solid #e8eef5; border-radius:.8rem; background:rgba(248,250,252,.75); }
.report-category-scores dt { display:flex; min-width:0; align-items:center; gap:.35rem; color:#718096; font-size:.55rem; font-weight:750; }
.report-category-scores dt .report-icon { width:.8rem; height:.8rem; }
.report-category-scores dt span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.report-category-scores dd { margin-top:.35rem; font-size:1.05rem; font-weight:900; line-height:1; }
.report-mini-meter { display:block; height:2px; margin-top:.5rem; overflow:hidden; border-radius:2px; background:#e2e8f0; }
.report-mini-meter i { display:block; width:var(--meter-value); height:100%; border-radius:inherit; background:var(--meter-color); animation:report-meter-in 1s .35s var(--report-ease) both; transform-origin:left; }
.report-history { margin-top:1.15rem; padding-top:1rem; border-top:1px solid #e8eef5; }
.report-history p { display:flex; align-items:center; justify-content:space-between; margin-bottom:.4rem; color:#52657e; font-size:.6rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.report-history p small { color:#94a3b8; font-weight:750; letter-spacing:0; text-transform:none; }
.report-sparkline { display:block; width:100%; height:2.75rem; overflow:visible; }
.report-sparkline__area { fill:color-mix(in srgb, var(--spark-color) 12%, transparent); }
.report-sparkline__line { fill:none; stroke:var(--spark-color); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; stroke-dasharray:400; animation:report-line-draw 1.4s .2s var(--report-ease) both; }
.report-sparkline__point { fill:#fff; stroke:var(--spark-color); stroke-width:2; vector-effect:non-scaling-stroke; }

/* Archived state */
.report-archive-note { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:1rem; margin-bottom:4rem; padding:1.25rem; color:#78350f; border:1px solid #fde68a; border-radius:1.2rem; background:linear-gradient(135deg,#fffbeb,#fff7ed); }
.report-archive-note__icon { display:grid; width:3rem; aspect-ratio:1; place-items:center; border-radius:.85rem; background:#fef3c7; }
.report-archive-note small { color:#b45309; font-size:.56rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.report-archive-note h2 { margin:.15rem 0 .2rem; font-size:1rem; font-weight:900; }
.report-archive-note p { max-width:44rem; color:#92400e; font-size:.75rem; line-height:1.55; }

/* Detailed audit */
.report-audit { margin:0 0 5rem; scroll-margin-top:5.5rem; }
.report-section-heading { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:1rem; margin-bottom:1.3rem; }
.report-section-heading__icon { display:grid; width:3.15rem; aspect-ratio:1; place-items:center; color:#2563eb; border:1px solid #dbeafe; border-radius:.95rem; background:linear-gradient(145deg,#eff6ff,#fff); box-shadow:0 10px 24px -18px #2563eb; }
.report-section-heading__icon .report-icon { width:1.35rem; height:1.35rem; }
.report-section-heading p { color:#2563eb; font-size:.58rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.report-section-heading h2 { margin:.15rem 0 .25rem; color:var(--report-ink); font-size:clamp(1.35rem,3vw,1.85rem); font-weight:900; letter-spacing:-.035em; }
.report-section-heading div > span { display:block; color:#718096; font-size:.75rem; line-height:1.4; }
.report-section-heading__rate { padding:.65rem 1rem; border-left:1px solid var(--report-line); text-align:right; }
.report-section-heading__rate small { display:block; color:#8291a5; font-size:.53rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.report-section-heading__rate strong { display:block; margin-top:.1rem; color:#0f1f38; font-size:1.45rem; font-weight:900; letter-spacing:-.05em; }
.report-section-heading__rate strong span { display:inline; color:#64748b; font-size:.55em; }
.report-check-panel { --panel-accent:#2563eb; margin-bottom:1rem; overflow:hidden; border:1px solid var(--report-line); border-radius:1.15rem; background:#fff; box-shadow:0 15px 45px -40px rgba(15,23,42,.5); }
.report-check-panel--performance { --panel-accent:#0ea5e9; } .report-check-panel--seo { --panel-accent:#6366f1; }
.report-check-panel--design { --panel-accent:#8b5cf6; } .report-check-panel--content { --panel-accent:#0f766e; }
.report-check-panel__header { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.85rem; padding:1rem 1.15rem; border-bottom:1px solid #e9eef5; background:linear-gradient(90deg,color-mix(in srgb,var(--panel-accent) 5%,white),#fff 55%); }
.report-check-panel__icon { display:grid; width:2.6rem; aspect-ratio:1; place-items:center; color:var(--panel-accent); border-radius:.8rem; background:color-mix(in srgb,var(--panel-accent) 9%,white); }
.report-check-panel__header h3 { color:#0f1f38; font-size:.9rem; font-weight:900; }
.report-check-panel__header p { margin-top:.15rem; color:#718096; font-size:.68rem; line-height:1.4; }
.report-check-panel__count { color:#334155; font-size:.77rem; font-weight:900; white-space:nowrap; }
.report-check-panel__count small { color:#94a3b8; font-size:.78em; font-weight:700; }
.report-check-list { margin:0; padding:0; list-style:none; }
.report-check { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); gap:.8rem; padding:.9rem 1.15rem; border-bottom:1px solid #edf1f6; transition:background-color .2s ease; }
.report-check:last-child { border-bottom:0; }
.report-check:hover { background:#fafcff; }
.report-check--issue { background:linear-gradient(90deg,rgba(244,63,94,.035),transparent 40%); }
.report-check__status { display:grid; width:1.85rem; height:1.85rem; place-items:center; border-radius:.6rem; }
.report-check__status .report-icon { width:1rem; height:1rem; }
.report-check--good .report-check__status { color:#059669; background:#ecfdf5; }
.report-check--issue .report-check__status { color:#e11d48; background:#fff1f2; }
.report-check__body { min-width:0; }
.report-check__line { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:1.85rem; }
.report-check__label { min-width:0; color:#26364d; font-size:.78rem; font-weight:720; overflow-wrap:anywhere; }
.report-check__values { display:flex; flex:0 0 auto; align-items:center; gap:.75rem; }
.report-check__value { max-width:20rem; color:#334155; font-size:.75rem; font-weight:850; overflow-wrap:anywhere; text-align:right; }
.report-check__points { padding:.25rem .4rem; color:#718096; border:1px solid #e2e8f0; border-radius:.4rem; background:#f8fafc; font-size:.6rem; font-weight:750; font-variant-numeric:tabular-nums; }
.report-check__tip { margin-top:.45rem; color:#64748b; font-size:.7rem; line-height:1.55; }
.report-check__tip span { display:inline-block; margin-right:.45rem; color:#be123c; font-size:.54rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }

/* Intelligence cards */
.report-intelligence-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:1.25rem; }
.report-intelligence-card { min-width:0; padding:1.2rem; border:1px solid var(--report-line); border-radius:1.1rem; background:linear-gradient(145deg,#fff,#f9fbfe); }
.report-intelligence-card--wide { grid-column:1/-1; }
.report-intelligence-card header { display:flex; align-items:flex-start; gap:.75rem; }
.report-intelligence-card header > span { display:grid; width:2.5rem; aspect-ratio:1; place-items:center; color:#2563eb; border-radius:.75rem; background:#eff6ff; }
.report-intelligence-card--eco header > span { color:#047857; background:#ecfdf5; }
.report-intelligence-card header small { color:#718096; font-size:.52rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.report-intelligence-card header h3 { margin:.15rem 0 0; color:#14233b; font-size:.85rem; font-weight:900; }
.report-intelligence-card header p { margin-top:.2rem; color:#718096; font-size:.66rem; }
.report-tech-stack,.report-keywords { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:1rem; }
.report-tech-stack > span { display:inline-flex; align-items:center; gap:.45rem; padding:.42rem .65rem; color:#334155; border:1px solid #e2e8f0; border-radius:.55rem; background:#fff; font-size:.68rem; font-weight:750; box-shadow:0 4px 12px -10px #0f172a; }
.report-tech-stack i { width:.32rem; aspect-ratio:1; border-radius:50%; background:#3b82f6; box-shadow:0 0 0 .18rem #dbeafe; }
.report-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.6rem; margin-top:1rem; }
.report-facts > div { display:flex; min-width:0; flex-direction:column-reverse; padding:.7rem; border-radius:.7rem; background:#f8fafc; }
.report-facts dt { margin-top:.25rem; color:#718096; font-size:.57rem; line-height:1.3; }
.report-facts dd { color:#16324a; font-size:.9rem; font-weight:900; font-variant-numeric:tabular-nums; }
.report-facts dd small { color:#718096; font-size:.7em; }
.report-keywords > span { display:inline-flex; align-items:center; gap:.5rem; padding:.45rem .75rem; color:#27446d; border:1px solid #dbeafe; border-radius:999px; background:#eff6ff; font-size:.68rem; font-weight:750; }
.report-keywords small { color:#2563eb; font-size:.85em; font-weight:900; }

/* Next actions */
.report-next { padding-top:.5rem; }
.report-section-heading--compact { grid-template-columns:auto minmax(0,1fr); }
.report-next__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.report-next-card { position:relative; min-width:0; min-height:13rem; overflow:hidden; padding:1.25rem; color:inherit; border:1px solid var(--report-line); border-radius:1.1rem; background:linear-gradient(145deg,#fff,#f9fbfe); text-decoration:none; transition:transform .3s var(--report-ease),border-color .3s ease,box-shadow .3s var(--report-ease); }
.report-next-card::after { content:""; position:absolute; right:-3rem; bottom:-4rem; width:9rem; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(59,130,246,.1),transparent 67%); transition:transform .4s var(--report-ease); }
.report-next-card:hover { transform:translateY(-4px); border-color:#93c5fd; box-shadow:0 20px 45px -30px rgba(37,99,235,.45); }
.report-next-card:hover::after { transform:scale(1.25); }
.report-next-card__icon { display:grid; width:2.7rem; aspect-ratio:1; place-items:center; color:#2563eb; border-radius:.8rem; background:#eff6ff; }
.report-next-card > small { display:block; margin-top:1rem; color:#2563eb; font-size:.53rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.report-next-card h3 { margin:.25rem 2rem .35rem 0; color:#0f1f38; font-size:.93rem; font-weight:900; line-height:1.3; }
.report-next-card p { color:#718096; font-size:.69rem; line-height:1.55; }
.report-next-card > i { position:absolute; right:1.15rem; top:1.3rem; color:#94a3b8; transition:color .25s ease,transform .3s var(--report-ease); }
.report-next-card:hover > i { color:#2563eb; transform:translateX(3px); }
.report-reading { display:grid; grid-template-columns:minmax(12rem,.75fr) minmax(0,1.25fr); gap:2rem; margin-top:1.25rem; padding:1.3rem; border:1px solid var(--report-line); border-radius:1.1rem; background:#f8fafc; }
.report-reading h3 { display:flex; align-items:center; gap:.65rem; color:#334155; font-size:.74rem; font-weight:900; }
.report-reading h3 > span { color:#2563eb; }
.report-reading ul { display:grid; gap:.35rem; margin:0; padding:0; list-style:none; }
.report-reading a { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.4rem 0; color:#52657e; border-bottom:1px solid #e2e8f0; font-size:.7rem; font-weight:700; text-decoration:none; }
.report-reading li:last-child a { border-bottom:0; }
.report-reading a:hover { color:#2563eb; }
.report-reading a .report-icon { width:.85rem; height:.85rem; }
.report-final-cta { position:relative; overflow:hidden; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:1.15rem; margin-top:1.25rem; padding:1.4rem; color:#fff; border:1px solid rgba(96,165,250,.2); border-radius:1.2rem; background:linear-gradient(130deg,#07162d,#0d2446); box-shadow:0 22px 50px -35px #07162d; }
.report-final-cta::after { content:""; position:absolute; right:9%; top:-8rem; width:18rem; aspect-ratio:1; border-radius:50%; background:rgba(37,99,235,.22); filter:blur(55px); pointer-events:none; }
.report-final-cta__icon { position:relative; z-index:1; display:grid; width:3rem; aspect-ratio:1; place-items:center; color:#7dd3fc; border:1px solid rgba(125,211,252,.2); border-radius:.9rem; background:rgba(56,189,248,.08); }
.report-final-cta div { position:relative; z-index:1; }
.report-final-cta small { color:#60a5fa; font-size:.54rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.report-final-cta h3 { margin:.15rem 0 .15rem; color:#fff; font-size:1rem; font-weight:900; }
.report-final-cta p { color:#9fb0c8; font-size:.68rem; }
.report-final-cta .report-button { position:relative; z-index:1; }

/* Dark mode */
.dark .report-page { --report-ink:#f1f5f9; --report-line:#263449; --report-muted:#94a3b8; }
.dark .report-kpi-strip { border-color:#263449; background:rgba(12,24,43,.94); box-shadow:0 22px 55px -32px #020617,inset 0 1px rgba(255,255,255,.05); }
.dark .report-kpi-strip__title > span {
    color:#7dd3fc;
    border-color:#263f64;
    background:#102342;
    box-shadow:inset 0 0 0 1px #28415f, 0 8px 18px -14px #020617;
}
.dark .report-kpi-strip__title strong,.dark .report-kpi-strip dd { color:#f1f5f9; }
.dark .report-kpi-strip dl > div { border-color:#29364a; }
.dark .report-score-card,.dark .report-check-panel,.dark .report-intelligence-card,.dark .report-next-card { border-color:#263449; background:linear-gradient(145deg,#111d30,#0d1828); box-shadow:0 18px 50px -38px #000,inset 0 1px rgba(255,255,255,.04); }
.dark .report-score-card__verdict h2,.dark .report-score-ring__number,.dark .report-section-heading h2,.dark .report-section-heading__rate strong,.dark .report-check-panel__header h3,.dark .report-check__label,.dark .report-intelligence-card header h3,.dark .report-next-card h3 { color:#eef4fb; }
.dark .report-score-ring__halo { fill:color-mix(in srgb,var(--score-color) 8%,#0d1828) !important; }
.dark .report-score-ring__track { stroke:#26364d; }
.dark .report-score-ring__halo { stroke:color-mix(in srgb,var(--score-color) 22%,#26364d); }
.dark .report-score-ring__glint { stroke:rgba(191,219,254,.22); }
.dark .report-category-scores,.dark .report-history { border-color:#263449; }
.dark .report-category-scores > div,.dark .report-facts > div { border-color:#29384d; background:#111e31; }
.dark .report-mini-meter { background:#2b394d; }
.dark .report-delta--up { color:#6ee7b7; background:#103a35; }
.dark .report-delta--down { color:#fda4af; background:#431a2a; }
.dark .report-section-heading__icon {
    color:#7dd3fc;
    border-color:#28415f;
    background:linear-gradient(145deg,#152b49,#0e1d32);
    box-shadow:0 10px 24px -18px #020617, inset 0 1px rgba(191,219,254,.06);
}
.dark .report-check-panel__header { border-color:#27364b; background:linear-gradient(90deg,color-mix(in srgb,var(--panel-accent) 10%,#0f1b2e),#0f1b2e 55%); }
.dark .report-check-panel__icon { background:color-mix(in srgb,var(--panel-accent) 20%,#10203a); }
.dark .report-check { border-color:#233147; }
.dark .report-check:hover { background:#122034; }
.dark .report-check--issue { background:linear-gradient(90deg,rgba(244,63,94,.07),transparent 40%); }
.dark .report-check--good .report-check__status { color:#6ee7b7; background:#103a35; }
.dark .report-check--issue .report-check__status { color:#fda4af; background:#431a2a; }
.dark .report-check__value { color:#cbd5e1; }
.dark .report-check__points { color:#94a3b8; border-color:#334155; background:#172337; }
.dark .report-intelligence-card header > span,.dark .report-next-card__icon {
    color:#7dd3fc;
    background:#142743;
    box-shadow:inset 0 0 0 1px rgba(96,165,250,.12);
}
.dark .report-intelligence-card--eco header > span { color:#6ee7b7; background:#103a35; box-shadow:inset 0 0 0 1px rgba(52,211,153,.12); }
.dark .report-tech-stack > span { color:#cbd5e1; border-color:#334155; background:#172337; }
.dark .report-facts dd { color:#e2e8f0; }
.dark .report-keywords > span { color:#bfdbfe; border-color:#294870; background:#12294a; }
.dark .report-reading { border-color:#263449; background:#101b2d; }
.dark .report-reading h3 { color:#cbd5e1; }
.dark .report-reading a { color:#a5b4c8; border-color:#263449; }
.dark .report-reading a:hover { color:#60a5fa; }
.dark .report-archive-note { color:#fde68a; border-color:#713f12; background:linear-gradient(135deg,#291e12,#221a12); }
.dark .report-archive-note__icon { background:#422b10; }
.dark .report-archive-note p { color:#fcd34d; }

@keyframes report-live-pulse { 0% { box-shadow:0 0 0 0 rgba(52,211,153,.32); } 65%,100% { box-shadow:0 0 0 .5rem rgba(52,211,153,0); } }
@keyframes report-glow-drift { to { transform:translate3d(2rem,1.5rem,0) scale(1.12); } }
@keyframes report-line-draw { to { stroke-dashoffset:0; } }
@keyframes report-area-in { from { opacity:0; transform:translateY(15px); } to { opacity:1; transform:none; } }
@keyframes report-point-in { from { opacity:0; transform:scale(0); } to { opacity:1; transform:scale(1); } }
@keyframes report-scan { 0%,100% { transform:translateX(0); opacity:.15; } 45%,55% { opacity:.8; } 50% { transform:translateX(295px); } }
@keyframes report-orbit { to { transform:rotate(360deg); } }
@keyframes report-card-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-7px); } }
@keyframes report-ring-in { from { stroke-dashoffset:100.53; } }
@keyframes report-meter-in { from { transform:scaleX(0); } }

@media (max-width: 900px) {
    .report-hero__inner { grid-template-columns:1fr; min-height:auto; }
    .report-hero__visual { display:none; }
    .report-kpi-strip { grid-template-columns:1fr; margin-top:-1.75rem; }
    .report-kpi-strip dl > div:first-child { border-left:0; }
    .report-score-grid { grid-template-columns:1fr; }
    .report-next__grid { grid-template-columns:1fr; }
    .report-next-card { min-height:10.5rem; }
}

@media (max-width: 640px) {
    .report-page { padding-inline:.75rem; }
    .report-hero { min-height:auto; border-radius:1.4rem; }
    .report-hero__inner { padding:1.55rem 1.25rem 2.5rem; }
    .report-eyebrow { flex-wrap:wrap; font-size:.58rem; }
    .report-eyebrow__live { margin-left:0; }
    .report-hero h1 { font-size:clamp(2rem,11vw,3rem); }
    .report-hero h1 > small { font-size:.4em; }
    .report-hero__lead { font-size:.88rem; line-height:1.65; }
    .report-hero__meta { align-items:flex-start; flex-direction:column; }
    .report-hero__actions { align-items:stretch; flex-direction:column; }
    .report-button { width:100%; }
    .report-content { padding-top:.75rem; }
    .report-kpi-strip { margin:-1.5rem .65rem 1.5rem; padding:.85rem; }
    .report-kpi-strip dl { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem 0; }
    .report-kpi-strip dl > div { padding:.25rem .75rem; }
    .report-kpi-strip dl > div:nth-child(odd) { border-left:0; }
    .report-score-card { padding:1rem; border-radius:1.1rem; }
    .report-score-card__primary { align-items:center; }
    .report-score-ring { --score-size:92px !important; }
    .report-score-ring__number { font-size:1.45rem; }
    .report-category-scores { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .report-category-scores > div { padding:.65rem; }
    .report-archive-note { grid-template-columns:auto minmax(0,1fr); }
    .report-archive-note .report-button { grid-column:1/-1; }
    .report-section-heading { grid-template-columns:auto minmax(0,1fr); align-items:start; }
    .report-section-heading__rate { grid-column:2; padding:.25rem 0 0; border:0; text-align:left; }
    .report-check-panel__header { grid-template-columns:auto minmax(0,1fr); }
    .report-check-panel__count { grid-column:2; }
    .report-check { padding:.85rem; }
    .report-check__line { align-items:flex-start; flex-direction:column; gap:.4rem; }
    .report-check__values { width:100%; justify-content:space-between; }
    .report-check__value { max-width:70%; text-align:left; }
    .report-intelligence-grid { grid-template-columns:1fr; }
    .report-intelligence-card--wide { grid-column:auto; }
    .report-facts { grid-template-columns:1fr; }
    .report-reading { grid-template-columns:1fr; gap:.65rem; }
    .report-final-cta { grid-template-columns:auto minmax(0,1fr); }
    .report-final-cta .report-button { grid-column:1/-1; }
}

@media (prefers-reduced-motion: reduce) {
    .report-page *, .report-page *::before, .report-page *::after {
        scroll-behavior:auto !important;
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
    }
}