.home-page { background: var(--site-bg); color: var(--site-text); }
.home-page .logo { color: var(--site-text); font-weight: 700; text-decoration: none; }
.logo-mark { color: var(--site-accent); }
.home-main { max-width: 1224px; padding: 0 2rem; margin: 0 auto; }
.home-page p { color: var(--site-muted); }
.home-page h1, .home-page h2, .home-page h3, .home-page p, .home-page figure, .home-page pre { margin: 0; }
.home-page h2 { font-size: clamp(1.75rem, 3vw, 2.4rem); line-height: 1.2; letter-spacing: -0.035em; font-weight: 650; }
.home-page h3 { font-size: 1.15rem; letter-spacing: -0.015em; font-weight: 650; }
.home-page .eyebrow { color: var(--site-accent); font-size: 0.75rem; letter-spacing: 0.08em; font-weight: 650; margin-bottom: 1.25rem; }
.home-hero { display: grid; grid-template-columns: 1.12fr 1fr; gap: clamp(2rem, 5vw, 5rem); align-items: center; padding-block: clamp(3rem, 7vw, 6rem); }
.home-hero h1 { font-size: clamp(3rem, 5.2vw, 4.4rem); line-height: 1.06; font-weight: 650; letter-spacing: -0.055em; }
.home-hero h1 span { color: var(--site-accent); }
.home-hero .hero-lead { font-size: 1.12rem; line-height: 1.8; max-width: 540px; margin-top: 1.65rem; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 1.25rem; align-items: center; margin-top: 2rem; }
.home-page .btn { display: inline-flex; align-items: center; justify-content: center; gap: 1rem; min-height: 48px; padding: 0.8rem 1.15rem; border-radius: 8px; font-weight: 650; text-decoration: none; }
.home-page .text-link { display: inline-flex; align-items: center; min-height: 44px; color: var(--site-text); text-decoration: none; font-size: 0.95rem; gap: 0.5rem; }
.home-page .text-link:hover { color: var(--site-accent-hover); text-decoration: underline; }
.home-hero .hero-note { font-size: 0.8rem; line-height: 1.7; margin-top: 1rem; max-width: 400px; }
.evidence-preview { min-width: 0; border: 1px solid var(--site-border); border-radius: 16px; background: var(--site-surface); padding: 1.5rem; }
.evidence-preview figcaption { display: flex; flex-wrap: wrap; gap: 0.4rem; flex-direction: column; font-size: 0.8rem; color: var(--site-muted); }
.home-page .example-tag { color: var(--site-accent); font-size: 0.75rem; letter-spacing: 0.06em; font-weight: 650; }
.evidence-preview pre { margin-block: 1.25rem; padding: 1rem; border: 1px solid var(--site-border); border-radius: 8px; background: var(--site-code); color: var(--site-text); font-size: 0.79rem; line-height: 1.8; }
.evidence-preview p { font-size: 0.88rem; line-height: 1.75; }
.evidence-preview .text-link { font-size: 0.85rem; margin-top: 0.5rem; }
.home-section { padding-block: clamp(2.75rem, 5vw, 4rem); border-top: 1px solid var(--site-border); }
.section-heading { max-width: 730px; margin-bottom: 2rem; }
.section-heading > p:last-child { margin-top: 1rem; }
.feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.feature-card { border: 1px solid var(--site-border); border-radius: 12px; padding: 1.5rem; background: var(--site-surface); }
.feature-number { display: block; margin-bottom: 1.25rem; color: var(--site-accent); font: 0.75rem var(--site-mono, monospace); }
.feature-card p { font-size: 0.92rem; line-height: 1.8; margin-block: 0.75rem; }
.feature-card .text-link { font-size: 0.85rem; }
.workflow-list, .start-options { padding-left: 1.25rem; color: var(--site-muted); }
.workflow-list li, .start-options li { margin-block: 0.85rem; padding-left: 0.3rem; }
.workflow-list strong { color: var(--site-text); }
.evidence-links { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1.5rem; margin-top: 2rem; }
.evidence-links > div { max-width: 720px; }
.evidence-links p { font-size: 0.92rem; margin-top: 0.7rem; }
.integration-section { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }
.integration-section h2 { margin-bottom: 1.25rem; }
.request-example { min-width: 0; padding: 1.5rem; border: 1px solid var(--site-border); border-radius: 12px; background: var(--site-code); }
.request-example pre { font-size: 0.87rem; margin-block: 1.5rem; color: var(--site-text); }
.request-example > p:last-child { font-size: 0.82rem; }
.start-section > div:first-child { max-width: 730px; }
.start-section h2 { margin-bottom: 1rem; }
.start-section .conversion-actions { margin-top: 1.5rem; }
.start-options a { color: var(--site-accent); }
.machine-section { padding-block: 2.5rem 1rem; border-top: 1px solid var(--site-border); }
.machine-section > div:first-child { max-width: 760px; }
.machine-section h2 { font-size: 1.5rem; margin-bottom: 1rem; }
.machine-section p { font-size: 0.9rem; }
@media (max-width: 900px) {
    .home-hero { grid-template-columns: 1fr; max-width: 700px; margin-inline: auto; }
    .home-hero h1 { font-size: clamp(2.8rem, 8vw, 4rem); }
    .feature-grid { grid-template-columns: 1fr; }
    .integration-section { grid-template-columns: 1fr; gap: 1.5rem; }
}
@media (max-width: 480px) {
    .home-hero { padding-top: 2.5rem; gap: 2rem; }
    .evidence-preview { padding: 1.1rem; }
    .hero-actions { gap: 0.6rem 1rem; }
    .feature-card { padding: 1.25rem; }
    .evidence-preview pre { font-size: 0.72rem; }
}