/* EG/ Focused Value integration for the shared audit platform. */
html { scroll-behavior: smooth; }
.eg .shell { width: min(var(--eg-container), calc(100% - 3rem)); margin-inline: auto; }
.eg main { min-height: 55vh; }
.eg .landing-main { background-image: var(--eg-hero-atmosphere); background-repeat: no-repeat; }
.eg h1, .eg h2, .eg h3 { overflow-wrap: anywhere; hyphens: auto; }
.eg main p { overflow-wrap: anywhere; }
.eg a { text-underline-offset: .22em; }
.eg .text-link, .eg .prose a, .eg .finding a, .eg .coverage a,
.eg .sample-link, .eg .operator-section a, .eg .hero-trust a,
.eg .trust-blocks a, .eg .unlock-panel > a, .eg .microcopy a {
  color: var(--eg-link); text-decoration: underline;
}
.eg .text-link:hover, .eg .prose a:hover, .eg .finding a:hover { text-decoration-thickness: 2px; }
.eg code, .eg pre { font-family: var(--eg-mono); overflow-wrap: anywhere; }
.eg code { font-size: .875em; background: var(--eg-surface); padding: .08em .25em; border-radius: 3px; }

/* Shared header and footer */
.eg .nav { position: relative; min-height: 5rem; display: flex; align-items: center; gap: 2rem; border-bottom: 1px solid var(--eg-border); }
.eg .brand { flex: none; font-size: 1.875rem; line-height: 1; letter-spacing: -.065em; font-weight: 700; text-decoration: none; white-space: nowrap; }
.eg .brand span, .eg .operator-mark span, .eg .footer-mark span, .eg .eg-monogram span { color: var(--eg-green); }
.eg .nav .product-nav { display: flex; align-items: center; flex: 1; min-width: 0; gap: clamp(.65rem, 1.55vw, 1.75rem); }
.eg .nav .product-nav > a { color: var(--eg-secondary); font-size: .875rem; font-weight: 600; text-decoration: none; white-space: nowrap; padding-block: .65rem; }
.eg .nav .product-nav > a:hover { color: var(--eg-ink); text-decoration: underline; }
.eg .nav .product-nav > .nav-section-link { margin-left: auto; }
.eg .nav .tools-menu { position: relative; flex: none; margin-top: 0; padding-top: 0; border-top: 0; }
.eg .nav .tools-menu summary { display: inline-flex; align-items: center; gap: .4rem; min-height: 2.75rem; padding: .5rem .25rem; color: var(--eg-secondary); font-size: .875rem; line-height: 1.35; font-weight: 600; cursor: pointer; list-style: none; white-space: nowrap; }
.eg .nav .tools-menu summary::-webkit-details-marker { display: none; }
.eg .nav .tools-menu summary:hover, .eg .nav .tools-menu[open] summary { color: var(--eg-ink); }
.eg .nav .tools-menu summary svg { width: .9rem; height: .9rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform var(--eg-duration) ease; }
.eg .nav .tools-menu[open] summary svg { transform: rotate(180deg); }
.eg .nav .tools-menu-panel { position: absolute; z-index: 30; top: calc(100% + .4rem); left: 0; display: grid; gap: .1rem; width: min(19rem, calc(100vw - 2.5rem)); max-height: min(75vh, 38rem); overflow-y: auto; padding: .75rem; border: 1px solid var(--eg-control-border); border-radius: var(--eg-radius-card); background: var(--eg-white); box-shadow: var(--eg-shadow); }
.eg .nav .tools-menu-label { padding: .7rem .75rem .25rem; color: var(--eg-secondary); font-size: .7rem; line-height: 1.4; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.eg .nav .tools-menu-panel a { display: flex; align-items: center; gap: .7rem; padding: .55rem .75rem; border-radius: .35rem; color: var(--eg-ink); font-size: .875rem; line-height: 1.4; font-weight: 600; text-decoration: none; }
.eg .nav .tools-menu-panel a:hover, .eg .nav .tools-menu-panel a[aria-current="page"] { color: var(--eg-link); background: var(--eg-surface); }
.eg .nav .tools-menu-panel .tools-menu-icon { flex: 0 0 1.15rem; width: 1.15rem; height: 1.15rem; fill: none; stroke: var(--eg-link); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.eg .nav .tools-menu-panel a span { min-width: 0; }
.eg .lang-switch { display: flex; align-items: center; gap: .25rem; flex: none; font-size: .8125rem; color: var(--eg-secondary); }
.eg .lang-switch button { min-height: 2.75rem; min-width: 2rem; border: 0; background: none; color: inherit; cursor: pointer; font-size: inherit; font-weight: 600; }
.eg .lang-switch button[aria-pressed="true"] { color: var(--eg-ink); text-decoration: underline; text-decoration-color: var(--eg-green); text-decoration-thickness: 2px; }
.eg .lang-switch a { display: inline-flex; align-items: center; min-height: 2.75rem; min-width: 2rem; justify-content: center; color: inherit; font-weight: 600; text-decoration: none; }
.eg .lang-switch a[aria-current="page"] { color: var(--eg-ink); text-decoration: underline; text-decoration-color: var(--eg-green); text-decoration-thickness: 2px; }
.eg .theme-switch { display: flex; align-items: center; gap: .25rem; flex: none; padding: .2rem; border: 1px solid var(--eg-border); border-radius: var(--eg-radius-control); }
.eg .theme-switch[hidden] { display: none; }
.eg .theme-switch button { display: grid; place-items: center; width: 3rem; height: 3rem; padding: 0; border: 1px solid transparent; border-radius: calc(var(--eg-radius-control) - 2px); background: transparent; color: var(--eg-secondary); cursor: pointer; }
.eg .theme-switch button:hover { color: var(--eg-ink); background: var(--eg-surface); }
.eg .theme-switch button[aria-pressed="true"] { color: var(--eg-ink); background: var(--eg-surface); border-color: var(--eg-control-border); }
.eg .theme-switch svg { width: 1.25rem; height: 1.25rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.eg .footer { display: flex; align-items: flex-start; justify-content: space-between; gap: 2rem; padding-block: 2rem; border-top: 1px solid var(--eg-border); color: var(--eg-secondary); font-size: .875rem; }
.eg .footer div { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; }
.eg .footer a { color: var(--eg-link); text-decoration: underline; }

/* Type, common surfaces, and controls */
.eg .eyebrow { margin: 0 0 .75rem; color: var(--eg-secondary); font-size: .75rem; font-weight: 600; line-height: 1.5; letter-spacing: .06em; text-transform: uppercase; }
.eg .lede { max-width: 58ch; color: var(--eg-secondary); font-size: 1.125rem; line-height: 1.6; }
.eg .microcopy, .eg .scope-note { color: var(--eg-secondary); font-size: .875rem; line-height: 1.5; }
.eg .status-dot { display: inline-block; width: .5rem; height: .5rem; margin-right: .45rem; border-radius: 50%; background: var(--eg-green); vertical-align: .1em; }
.eg .status-dot--active { animation: scan-pulse 1.6s ease-in-out infinite; }
@keyframes scan-pulse { 50% { opacity: .42; transform: scale(1.35); } }
.eg .button {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-height: 3rem; padding: .75rem 1.375rem; border: 1px solid var(--eg-action-bg);
  border-radius: var(--eg-radius-control); font-size: .9375rem; line-height: 1.35;
  font-weight: 600; text-decoration: none; cursor: pointer; white-space: normal;
  transition: background-color var(--eg-duration) ease, border-color var(--eg-duration) ease;
}
.eg .button-primary { color: var(--eg-action-text); background: var(--eg-action-bg); }
.eg .button-primary:hover { color: var(--eg-action-text); background: var(--eg-action-hover); border-color: var(--eg-action-hover); }
.eg .button-primary:active { background: var(--eg-action-active); border-color: var(--eg-action-active); }
.eg .button-secondary { color: var(--eg-ink); background: var(--eg-secondary-button-bg); border-color: var(--eg-control-border); }
.eg .button-secondary:hover { background: var(--eg-secondary-button-hover); border-color: var(--eg-link); }
.eg .button:disabled { background: var(--eg-disabled); border-color: var(--eg-border); color: var(--eg-secondary); cursor: not-allowed; }
.eg label { display: block; margin-bottom: .5rem; font-size: .875rem; font-weight: 600; }
.eg input:not([type="hidden"]):not([type="checkbox"]), .eg select, .eg textarea {
  min-height: 3rem; max-width: 100%; padding: .7rem 1rem; border: 1px solid var(--eg-control-border);
  border-radius: var(--eg-radius-control); background: var(--eg-field-bg); color: var(--eg-ink); font-size: 1rem;
}
.eg input::placeholder, .eg textarea::placeholder { color: var(--eg-secondary); opacity: 1; }
.eg input[aria-invalid="true"], .eg select[aria-invalid="true"] { border: 2px solid var(--eg-danger); }
.eg .form-error, .eg .form-error * { color: var(--eg-danger); font-size: .875rem; }
.eg .form-error { margin-top: .75rem; }
.eg .notice, .eg .finding, .eg .scope-list, .eg .trust-blocks article,
.eg .faq-grid article, .eg .email-stage { background: var(--eg-white); border: 1px solid var(--eg-border); border-radius: var(--eg-radius-card); }
.eg .notice { padding: 2rem; margin-block: 1rem; }
.eg .notice.error { background: var(--eg-danger-bg); border-color: var(--eg-danger); }
.eg .notice p { color: var(--eg-secondary); margin-top: .75rem; }
.eg .notice .button { margin-top: 1rem; }
.eg .notice .text-link { display: inline-block; margin-top: 1rem; }
.eg .notice .button + .text-link { margin-left: 1rem; }

/* Landing pages */
.eg .hero { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 4rem; align-items: start; padding-block: 5rem; }
.eg .hero-copy { min-width: 0; padding-block: .5rem; }
.eg .hero h1 { max-width: 18ch; margin: 1rem 0 1.5rem; }
.eg .hero h1 em { color: inherit; font-style: normal; }
.eg .hero .lede { margin-bottom: 2rem; }
.eg .scan-form { max-width: 100%; }
.eg .form-row { display: flex; align-items: stretch; gap: .75rem; }
.eg .form-row input { min-width: 0; flex: 1; }
.eg .form-row .button { flex: none; }
.eg .hero .microcopy { margin-top: .9rem; }
.eg .hero-trust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; gap: 0; padding: 0; margin: 2rem 0 0; border-top: 1px solid var(--eg-border); }
.eg .hero-trust-item { display: flex; align-items: flex-start; gap: .65rem; min-width: 0; padding: .8rem .5rem .8rem 0; border-bottom: 1px solid var(--eg-border); }
.eg .hero-trust-item strong, .eg .hero-trust-item span:not(.trust-check) { display: block; }
.eg .hero-trust-item strong { font-size: .875rem; line-height: 1.4; }
.eg .hero-trust-item span:not(.trust-check) { color: var(--eg-secondary); font-size: .8125rem; line-height: 1.45; }
.eg .trust-check { color: var(--eg-green); font-size: 1rem; line-height: 1.35; }
.eg .hero-reviewer { display: flex; align-items: center; gap: .75rem; margin-top: 2rem; }
.eg .hero-reviewer img { width: 3rem; height: 3rem; flex: 0 0 3rem; border-radius: 50%; object-fit: cover; border: 1px solid var(--eg-border); }
.eg .hero-reviewer strong, .eg .hero-reviewer span { display: block; font-size: .875rem; line-height: 1.45; }
.eg .hero-reviewer span { color: var(--eg-secondary); }
.eg .eg-monogram { width: 3rem; height: 3rem; flex: 0 0 3rem; display: flex; align-items: center; justify-content: center; border: 1px solid var(--eg-border); border-radius: 50%; background: var(--eg-surface); font-size: 1rem; font-weight: 700; letter-spacing: -.06em; }
.eg .eg-value-card { width: 100%; }
.eg .eg-value-card .eg-checklist { margin-bottom: 1.5rem; }
.eg .eg-value-card .eg-facts dt { display: block; }
.eg .eg-value-card .eg-facts dd { margin: .25rem 0 0; }
.eg .eg-value-card .eg-assurance p { margin: 0; }
.eg .trust-strip { border-block: 1px solid var(--eg-border); background: var(--eg-surface); }
.eg .trust-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.eg .trust-grid > div { padding: 1.5rem 2rem; border-right: 1px solid var(--eg-border); }
.eg .trust-grid > div:first-child { padding-left: 0; }
.eg .trust-grid > div:last-child { border-right: 0; }
.eg .trust-grid strong, .eg .trust-grid span { display: block; }
.eg .trust-grid strong { font-size: .9375rem; }
.eg .trust-grid span { color: var(--eg-secondary); font-size: .875rem; }
.eg .section { padding-block: 6rem; }
.eg .section-intro { max-width: 46rem; margin-bottom: 2rem; }
.eg .section-intro h2 { margin-bottom: 1rem; }
.eg .section-intro > p:last-child { color: var(--eg-secondary); font-size: 1rem; }
.eg .scope-list { padding: 2rem; }
.eg .scope-list ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2rem; list-style: none; padding: 0; margin: 0; }
.eg .scope-list li { display: flex; gap: 1rem; align-items: baseline; padding: 1rem 0; border-top: 1px solid var(--eg-border); }
.eg .scope-list li span { flex: none; color: var(--eg-green); font-size: .75rem; font-weight: 600; }
.eg .trust-section { padding-top: 0; }
.eg .trust-blocks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.eg .trust-blocks article { padding: 1.5rem; }
.eg .trust-blocks h3 { margin: .75rem 0; font-size: 1.125rem; }
.eg .trust-blocks p { color: var(--eg-secondary); font-size: .875rem; }
.eg .sample-section { padding-top: 0; }
.eg .sample-section .finding { max-width: 53rem; }
.eg .sample-next { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5rem; max-width: 53rem; margin-top: 2rem; }
.eg .sample-next h3 { margin-bottom: .35rem; }
.eg .sample-next p:last-child { color: var(--eg-secondary); font-size: .875rem; }
.eg .process-section { border-block: 1px solid var(--eg-border); background: var(--eg-surface); }
.eg .steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.eg .steps article { padding: 1.5rem; background: var(--eg-white); border: 1px solid var(--eg-border); border-radius: var(--eg-radius-card); }
.eg .steps article > span { color: var(--eg-green); font-size: .75rem; font-weight: 600; text-transform: uppercase; }
.eg .steps h3 { margin: 2rem 0 .75rem; font-size: 1.25rem; }
.eg .steps p { color: var(--eg-secondary); font-size: .875rem; }
.eg .operator-section { display: flex; align-items: center; gap: 1.5rem; padding-block: 3rem; border-bottom: 1px solid var(--eg-border); }
.eg .operator-mark { font-size: 2.75rem; font-weight: 700; letter-spacing: -.065em; line-height: 1; }
.eg .operator-section h2.eyebrow { font-size: .75rem; margin-bottom: .5rem; }
.eg .operator-section p { color: var(--eg-secondary); font-size: .875rem; }
.eg .operator-section a { display: inline-block; margin-top: .5rem; font-size: .875rem; }
.eg .faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.eg .faq-grid article { padding: 1.5rem; }
.eg .faq-grid h3 { margin-bottom: .75rem; font-size: 1.125rem; }
.eg .faq-grid p { color: var(--eg-secondary); font-size: .9375rem; }

/* Results, samples, checkout states, and legal pages */
.eg .report-hero { padding-block: 5rem 6rem; }
.eg .report-hero > h1 { max-width: 25ch; margin-bottom: .75rem; }
.eg .report-host { color: var(--eg-secondary); font-size: 1.125rem; margin-bottom: 2rem; overflow-wrap: anywhere; }
.eg .summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 2rem 0; border: 1px solid var(--eg-border); border-radius: var(--eg-radius-card); overflow: hidden; background: var(--eg-white); }
.eg .summary-grid > div { min-width: 0; padding: 1.5rem; border-right: 1px solid var(--eg-border); }
.eg .summary-grid > div:last-child { border-right: 0; }
.eg .summary-grid strong, .eg .summary-grid span { display: block; }
.eg .summary-grid strong { font-size: clamp(1.35rem, 2.4vw, 2rem); line-height: 1.15; overflow-wrap: anywhere; }
.eg .summary-grid span { color: var(--eg-secondary); font-size: .875rem; margin-top: .5rem; }
.eg .report-section { margin-top: 4rem; }
.eg .report-section h2 { margin-bottom: 1.5rem; }
.eg .ads-upload-page .lede { max-width: 62ch; }
.eg .ads-upload-layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 2rem; align-items: start; margin-top: 2rem; }
.eg .ads-upload-form, .eg .ads-upload-guide, .eg .ads-stage-panel { min-width: 0; padding: 2rem; border: 1px solid var(--eg-border); border-radius: var(--eg-radius-card); }
.eg .ads-upload-form { width: 100%; max-width: none; }
.eg .ads-upload-guide { background: var(--eg-surface); }
.eg .ads-upload-guide h2 { font-size: 1.375rem; margin-bottom: 1.25rem; }
.eg .ads-upload-guide ul { display: grid; gap: .75rem; list-style: none; padding: 0; margin: 0 0 1.25rem; }
.eg .ads-upload-guide li { position: relative; padding-left: 1.6rem; }
.eg .ads-upload-guide li::before { content: '✓'; position: absolute; left: 0; color: var(--eg-green); font-weight: 700; }
.eg .ads-upload-guide > p { color: var(--eg-secondary); font-size: .875rem; }
.eg .ads-upload-guide details { margin-block: 1.5rem; }
.eg .ads-upload-guide details p { margin-top: .75rem; }
.eg .ads-upload-guide > .scope-note { padding-top: 1rem; border-top: 1px solid var(--eg-border); }
.eg .ads-form { display: grid; gap: 1.5rem; }
.eg .ads-field { display: grid; gap: .5rem; min-width: 0; }
.eg .ads-field label, .eg .ads-field-label { display: block; margin: 0; font-size: .875rem; font-weight: 600; }
.eg .ads-field input:not([type="hidden"]), .eg .ads-field select, .eg .ads-field textarea { display: block; width: 100%; min-width: 0; margin: 0; }
.eg .ads-field textarea { resize: vertical; }
.eg .ads-field .scope-note { margin: 0; }
.eg .ads-form .button { justify-self: start; margin: 0; }
.eg .ads-form input[type=file] { width: 100%; padding: .8rem; border: 1px dashed var(--eg-control-border); background: var(--eg-surface); overflow-wrap: anywhere; }
.eg .ads-form input[type=file]::file-selector-button { margin-right: 1rem; padding: .6rem .85rem; border: 1px solid var(--eg-control-border); border-radius: var(--eg-radius-control); background: var(--eg-surface); color: var(--eg-ink); font: inherit; font-size: .875rem; font-weight: 600; cursor: pointer; }
.eg [data-drop-zone].is-dragging input[type=file] { border-color: var(--eg-green); background: var(--eg-mint); }
.eg .ads-upload-stage { display: grid; gap: 1.5rem; max-width: 56rem; }
.eg .ads-upload-stage .ads-stage-panel { margin: 0; }
.eg .ads-stage-panel h2 { margin: 0 0 1.5rem; }
.eg .ads-stage-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: .5rem 1.5rem; margin-bottom: 1.5rem; }
.eg .ads-stage-heading h2 { margin: 0; }
.eg .ads-coverage-total { color: var(--eg-secondary); font-size: .875rem; }
.eg .ads-coverage-total strong { color: var(--eg-ink); font-size: 1rem; }
.eg .ads-coverage-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--eg-border); }
.eg .ads-coverage-grid > div { display: flex; justify-content: space-between; gap: 1rem; min-width: 0; padding: .8rem; border-bottom: 1px solid var(--eg-border); }
.eg .ads-coverage-grid > div:nth-child(odd) { padding-left: 0; }
.eg .ads-coverage-grid > div strong { white-space: nowrap; }
.eg .ads-stage-panel > .scope-note { margin-top: 1rem; }
.eg .ads-stage-guidance { margin-top: 1.25rem; padding: 1rem; border-left: 3px solid var(--eg-green); background: var(--eg-surface); font-size: .875rem; }
.eg .ads-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.5rem; }
.eg .ads-readonly-value { display: block; min-height: 3rem; padding: .7rem 1rem; border: 1px solid var(--eg-border); border-radius: var(--eg-radius-control); background: var(--eg-surface); font-weight: 600; }
.eg .ads-date-fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.eg .ads-date-fieldset legend { margin-bottom: .75rem; font-size: .875rem; font-weight: 600; }
.eg .ads-date-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.eg .report-section > p { max-width: 65ch; }
.eg .finding { padding: 2rem; margin: 1rem 0; }
.eg .finding-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem; color: var(--eg-secondary); font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; }
.eg .finding h3 { margin: 1rem 0 .75rem; font-size: 1.375rem; }
.eg .finding p { color: var(--eg-secondary); font-size: .9375rem; }
.eg .finding p strong { color: var(--eg-ink); }
.eg .finding-meta { display: flex; flex-wrap: wrap; gap: .5rem 1rem; padding-block: .75rem; margin-block: 1.25rem; border-block: 1px solid var(--eg-border); color: var(--eg-secondary); font-size: .8125rem; }
.eg .severity-tag { display: inline-flex; padding: .25rem .625rem; border-radius: .25rem; font-size: .75rem; line-height: 1.5; font-weight: 600; letter-spacing: 0; }
.eg .severity-high, .eg .severity-critical { color: var(--eg-danger); background: var(--eg-danger-bg); }
.eg .severity-medium { color: var(--eg-warning); background: var(--eg-warning-bg); }
.eg .severity-low, .eg .severity-info { color: var(--eg-secondary); background: var(--eg-surface); }
.eg details { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--eg-border); }
.eg summary { color: var(--eg-link); font-weight: 600; cursor: pointer; }
.eg details ul { overflow-wrap: anywhere; padding-left: 1.5rem; }
.eg details li { margin-block: .35rem; }
.eg .sample-evidence { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 1rem 0; border: 1px solid var(--eg-border); border-radius: var(--eg-radius-control); overflow: hidden; }
.eg .sample-evidence > div { display: flex; justify-content: space-between; gap: .75rem; padding: .75rem; border-right: 1px solid var(--eg-border); font-size: .8125rem; }
.eg .sample-evidence > div:last-child { border-right: 0; }
.eg .matrix-pass { color: var(--eg-green); }
.eg .matrix-fail { color: var(--eg-danger); }
.eg .matrix-unknown, .eg .matrix-none { color: var(--eg-secondary); }
.eg .unlock-panel { max-width: 53rem; padding: 2rem; margin-top: 4rem; border: 1px solid var(--eg-mint-border); border-radius: var(--eg-radius-value); background: var(--eg-mint); }
.eg .unlock-panel h2 { max-width: 22ch; margin-bottom: 1rem; }
.eg .unlock-panel > p:not(.eyebrow) { color: var(--eg-secondary); margin-bottom: 1rem; }
.eg .unlock-panel .price { color: var(--eg-ink) !important; font-size: 2rem; font-weight: 700; margin: 1.5rem 0 .75rem; }
.eg .price span { color: var(--eg-secondary); font-size: .875rem; font-weight: 400; }
.eg .purchase-details { padding-top: 1.25rem; margin-top: 1.25rem; border-top: 1px solid var(--eg-mint-border); }
.eg .purchase-details p { margin-bottom: .5rem; }
.eg .purchase-details .eyebrow { margin-bottom: .5rem; }
.eg .payment-trust { display: flex; align-items: center; gap: .5rem; color: var(--eg-secondary); font-size: .8125rem; margin-top: 1rem; }
.eg .payment-lock { position: relative; flex: 0 0 .75rem; height: .65rem; border: 1px solid currentColor; border-radius: 2px; }
.eg .payment-lock::before { content: ''; position: absolute; left: .13rem; top: -.4rem; width: .37rem; height: .35rem; border: 1px solid currentColor; border-bottom: 0; border-radius: .3rem .3rem 0 0; }
.eg .locked-distribution { color: var(--eg-secondary); }
.eg .coverage { padding-top: 2rem; border-top: 1px solid var(--eg-border); color: var(--eg-secondary); font-size: .875rem; }
.eg .prose { max-width: 53rem; }
.eg .prose h1 { margin-bottom: 2rem; }
.eg .prose h2 { margin: 2.5rem 0 1rem; font-size: 1.625rem; }
.eg .prose p { color: var(--eg-secondary); margin-bottom: 1rem; overflow-wrap: anywhere; }
.eg .prose .button-primary { color: var(--eg-action-text); text-decoration: none; }
.eg .report-hero form:not(.scan-form) { max-width: 43rem; }
.eg .report-hero form:not(.scan-form) .button { margin-top: .75rem; }
.eg .report-hero select { display: block; width: 100%; margin: .5rem 0 1rem; }
.eg .report-hero .ads-field select { margin: 0; }
.eg .report-hero form.ads-form .button { margin-top: 0; }

/* Email and search-specific evidence */
.eg .email-stage { max-width: 56rem; padding: 2rem; }
.eg .email-stage .eyebrow { margin-bottom: 1rem; }
.eg .email-stage h2 { margin-bottom: 1rem; }
.eg .email-context { margin-top: 1.5rem; }
.eg .email-context > p { color: var(--eg-secondary); }
.eg .email-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1.5rem 0; }
.eg .email-options > div { min-width: 0; }
.eg .email-options label { margin-bottom: .5rem; }
.eg .email-options input, .eg .email-options select { width: 100%; }
.eg .test-address { font-size: 1.125rem; overflow-wrap: anywhere; }
.eg .dns-summary, .eg .auth-matrix { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 1.5rem 0; border: 1px solid var(--eg-border); border-radius: var(--eg-radius-control); overflow: hidden; }
.eg .dns-summary > div, .eg .auth-matrix > div { display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-width: 0; padding: 1rem; border-right: 1px solid var(--eg-border); border-bottom: 1px solid var(--eg-border); font-size: .875rem; }
.eg .dns-summary > div:nth-child(3n), .eg .auth-matrix > div:nth-child(3n) { border-right: 0; }
.eg .dns-summary span { color: var(--eg-secondary); }
.eg .dns-summary strong { color: var(--eg-ink); text-align: right; }
.eg .seo-table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--eg-border); border-radius: var(--eg-radius-card); margin: 1rem 0; }
.eg .seo-table { width: 100%; min-width: 38rem; border-collapse: collapse; font-size: .875rem; }
.eg .seo-table th, .eg .seo-table td { padding: .75rem 1rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--eg-border); overflow-wrap: anywhere; }
.eg .seo-table th { color: var(--eg-secondary); font-size: .75rem; font-weight: 600; text-transform: uppercase; }
.eg .seo-table tbody tr:last-child td { border-bottom: 0; }
.eg .seo-table a { color: var(--eg-link); text-decoration: underline; }

@media (max-width: 68rem) {
  .eg .nav { flex-wrap: wrap; gap: 0 1.5rem; padding-block: .75rem; }
  .eg .nav .product-nav { order: 3; flex: 0 0 100%; justify-content: space-between; gap: 1rem; padding-top: .5rem; border-top: 1px solid var(--eg-border); }
  .eg .nav .product-nav > .nav-section-link { margin-left: 0; }
  .eg .lang-switch { margin-left: auto; }
}
@media (max-width: 63.99rem) {
  .eg .hero { grid-template-columns: 1fr; gap: 2rem; padding-block: 3rem; }
  .eg .hero h1 { max-width: 21ch; }
  .eg .eg-value-card { max-width: 46rem; }
  .eg .trust-blocks, .eg .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .eg .ads-upload-layout { grid-template-columns: 1fr; max-width: 43rem; }
}
@media (max-width: 47.99rem) {
  :root[data-theme="dark"] .eg .landing-main {
    background-image: radial-gradient(ellipse 42rem 42rem at 32% 23rem, #0B3A2B 0%, #071A13 48%, #060D0B 78%);
  }
  .eg .shell { width: calc(100% - 2.5rem); }
  .eg .nav .product-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: .15rem 1.25rem; }
  .eg .nav .product-nav > a { white-space: normal; padding-block: .45rem; }
  .eg .nav .tools-menu[open] { flex-basis: 100%; }
  .eg .nav .tools-menu-panel { position: static; width: 100%; max-height: none; margin: .35rem 0 .5rem; box-shadow: none; }
  .eg .section { padding-block: 3rem; }
  .eg .hero h1 { max-width: 18ch; }
  .eg .form-row { flex-direction: column; }
  .eg .form-row .button { min-height: 3.25rem; width: 100%; }
  .eg .hero-trust, .eg .trust-grid, .eg .trust-blocks, .eg .steps,
  .eg .scope-list ul, .eg .faq-grid, .eg .summary-grid, .eg .dns-summary,
  .eg .auth-matrix, .eg .email-options { grid-template-columns: 1fr; }
  .eg .trust-grid > div { padding: 1.25rem 0; border-right: 0; border-bottom: 1px solid var(--eg-border); }
  .eg .trust-grid > div:last-child { border-bottom: 0; }
  .eg .scope-list, .eg .finding, .eg .notice, .eg .unlock-panel, .eg .email-stage { padding: 1.5rem; }
  .eg .sample-next { align-items: flex-start; flex-direction: column; }
  .eg .sample-next .button { width: 100%; }
  .eg .summary-grid > div { border-right: 0; border-bottom: 1px solid var(--eg-border); }
  .eg .summary-grid > div:last-child { border-bottom: 0; }
  .eg .sample-evidence { grid-template-columns: 1fr; }
  .eg .sample-evidence > div { border-right: 0; border-bottom: 1px solid var(--eg-border); }
  .eg .sample-evidence > div:last-child { border-bottom: 0; }
  .eg .dns-summary > div, .eg .auth-matrix > div { border-right: 0; }
  .eg .footer { flex-direction: column; }
  .eg .report-hero { padding-block: 3rem; }
  .eg .ads-upload-form, .eg .ads-upload-guide, .eg .ads-stage-panel { padding: 1.5rem; }
  .eg .ads-form-grid, .eg .ads-date-grid { grid-template-columns: 1fr; }
  .eg .ads-upload-stage .ads-coverage-grid { grid-template-columns: 1fr; }
  .eg .ads-upload-stage .ads-coverage-grid > div { padding-left: 0; padding-right: 0; }
  .eg .ads-form .button { width: 100%; min-height: 3.25rem; }
}
@media (max-width: 47.99rem) and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) .eg .landing-main {
    background-image: radial-gradient(ellipse 42rem 42rem at 32% 23rem, #0B3A2B 0%, #071A13 48%, #060D0B 78%);
  }
}
@media (max-width: 26rem) {
  .eg .nav { column-gap: .75rem; }
  .eg .hero-trust { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .eg .status-dot--active { animation: none; }
  .eg .button { transition: none; }
}
@media print {
  .eg .nav, .eg .footer, .eg .unlock-panel, .eg .eg-skip { display: none; }
  .eg .landing-main { background-image: none !important; }
  .eg .finding { break-inside: avoid; }
}

/* Growth Check reuses report cards and the existing EG/ surfaces. */
.eg .growth-pillars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; overflow:hidden; border:1px solid var(--eg-border); border-radius:var(--eg-radius-card); background:var(--eg-border); }
.eg .growth-pillars > div { min-width:0; padding:1.25rem; background:var(--eg-white); }
.eg .growth-pillars strong,.eg .growth-pillars span { display:block; }
.eg .growth-pillars span { margin-top:.35rem; color:var(--eg-secondary); font-size:.875rem; }
.eg .growth-actions { max-width:48rem; padding-left:1.5rem; line-height:1.7; }
.eg .growth-actions li { padding:.3rem 0 .3rem .4rem; border-bottom:1px solid var(--eg-border); }
.eg .growth-prompts { max-width:53rem; margin:1.25rem 0 2.25rem; padding:1rem 1.25rem; border:1px solid var(--eg-border); border-radius:var(--eg-radius-card); background:var(--eg-surface); }
.eg .growth-prompts summary { color:var(--eg-link); font-weight:600; cursor:pointer; }
.eg .growth-prompts p { color:var(--eg-secondary); font-size:.875rem; }
.eg .growth-prompts .growth-human-help { margin:1.25rem 0 0; padding-top:1rem; border-top:1px solid var(--eg-border); }
.eg .growth-prompt-actions { display:flex; flex-wrap:wrap; gap:.65rem; margin-top:1rem; }
.eg .growth-prompt-actions .button { min-height:2.75rem; font-size:.8125rem; }
@media (max-width:47.99rem) { .eg .growth-pillars { grid-template-columns:repeat(2,minmax(0,1fr)); } .eg .growth-prompt-actions .button { width:100%; } }