/* Tool pages — load AFTER page inline styles; harmonise with Ammati Swiss Glass */

body {
    background: #F7F7F5 !important;
    color: #1A1A1A !important;
}

body::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background:
        radial-gradient(ellipse 70% 55% at 92% 8%, rgba(255, 229, 0, 0.22) 0%, transparent 58%),
        radial-gradient(ellipse 55% 45% at 4% 92%, rgba(8, 145, 178, 0.12) 0%, transparent 52%);
}

body::after {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: radial-gradient(rgba(26, 29, 32, 0.07) 1px, transparent 1px);
    background-size: 22px 22px;
    opacity: 0.35;
}

.breadcrumb {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0.75rem clamp(1rem, 4vw, 2rem) !important;
    border-bottom: 1px solid rgba(26, 29, 32, 0.08) !important;
    background: transparent !important;
}

.breadcrumb a,
.breadcrumb span {
    font-family: Inter, system-ui, sans-serif !important;
    font-size: 0.8rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: #8B929E !important;
}

.breadcrumb a:hover { color: #0891B2 !important; }
.breadcrumb .current { color: #1A1A1A !important; font-weight: 600; }

.marquee-band {
    background: rgba(255, 255, 255, 0.6) !important;
    border-top: 1px solid rgba(26, 29, 32, 0.06) !important;
    border-bottom: 1px solid rgba(26, 29, 32, 0.06) !important;
}

.marquee-item {
    font-family: Inter, system-ui, sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    color: #8B929E !important;
}

.page {
    max-width: 1100px !important;
    padding: 0 clamp(1rem, 4vw, 2rem) !important;
}

.hero,
.audit-section,
.build-section,
.needle-trio-wrap,
.tools,
.section-bar {
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.hero,
.audit-section,
.build-section {
    border-left: 1px solid rgba(26, 29, 32, 0.08) !important;
    border-right: 1px solid rgba(26, 29, 32, 0.08) !important;
}

.hero-title,
.section-title {
    text-transform: none !important;
    letter-spacing: -0.025em !important;
    font-weight: 800 !important;
}

.hero-title .outline {
    color: #4E545F !important;
    -webkit-text-stroke: 0 !important;
}

.hero-title .highlight {
    color: #0891B2 !important;
    -webkit-text-stroke: 0 !important;
}

.hero-eyebrow,
.hero-tag-label,
.section-label,
.build-eyebrow,
.section-bar-label {
    font-family: Inter, system-ui, sans-serif !important;
    letter-spacing: 0.08em !important;
    color: #888888 !important;
}

.hero-tag,
.hero-badge,
.tc-tag,
.tier-badge {
    background: #FFFDE6 !important;
    color: #111111 !important;
    border: 1px solid rgba(255, 229, 0, 0.45) !important;
    border-radius: 999px !important;
}

.hero-headline,
.hero-sub,
.section-body {
    font-family: Inter, system-ui, sans-serif !important;
}

.form-card {
    background: rgba(255, 255, 255, 0.78) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 48px -12px rgba(26, 29, 32, 0.1) !important;
}

.form-card::before {
    background: linear-gradient(90deg, #0891B2, #0077DD) !important;
}

.form-card label,
.form-heading {
    font-family: Inter, system-ui, sans-serif !important;
    text-transform: none !important;
}

.form-card input[type="text"],
.form-card input[type="email"],
.form-card input[type="url"],
.form-card select,
.form-card textarea {
    font-family: Inter, system-ui, sans-serif !important;
    border-radius: 10px !important;
    border: 1px solid rgba(26, 29, 32, 0.1) !important;
    background: rgba(255, 255, 255, 0.95) !important;
}

.btn-submit,
.hero-cta,
.geo-cta-btn {
    font-family: Inter, system-ui, sans-serif !important;
    text-transform: none !important;
    border-radius: 999px !important;
    font-weight: 600 !important;
}

.btn-submit {
    background: #FFE500 !important;
    color: #1A1A1A !important;
    border: 1px solid rgba(17, 17, 17, 0.08) !important;
}

/* Needle / product tool cards — keep content visible */
.tool-card .tc-name,
.tool-card .tc-desc,
.tool-card .tc-price,
.tool-card .tc-arrow {
    opacity: 1 !important;
    visibility: visible !important;
}

.tool-card:hover .tc-name {
    opacity: 0.85 !important;
}

.ai-terminal,
.compare-card,
.report-item,
.stat-block {
    border-radius: 12px !important;
}

.ai-terminal {
    background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 12px 40px -12px rgba(26, 29, 32, 0.1) !important;
}

.compare-card,
.at-card,
.nt-card,
.tool-card,
.report-preview,
.audit-banner,
.success-screen-card,
.report-proof-card {
    background: rgba(255, 255, 255, 0.78) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 48px -16px rgba(17, 17, 17, 0.1) !important;
}

.tool-card.standard {
    border-left: 5px solid #0891B2 !important;
}

.tc-name {
    color: #111111 !important;
    font-size: clamp(1.2rem, 2.3vw, 1.85rem) !important;
    text-transform: none !important;
    letter-spacing: -0.02em !important;
}

.tc-desc,
.build-body,
.nt-card p,
.report-item-desc {
    font-family: Inter, system-ui, sans-serif !important;
    color: #555555 !important;
}

.tc-footer {
    border-top: 1px solid rgba(26, 29, 32, 0.08) !important;
}

.tc-arrow,
.build-btn,
.tier-cta,
.hero-cta {
    color: #111111 !important;
}

.build-btn,
.tier-cta,
.hero-cta,
.geo-cta-btn {
    background: #FFE500 !important;
    border: 1px solid rgba(17, 17, 17, 0.08) !important;
}

/* Keep success/error states functional */
.geo-success.visible,
.geo-error.visible {
    display: block !important;
}

.geo-form label {
    font-family: Inter, system-ui, sans-serif !important;
}