/* athenaitgroup.com layout. Everything visual comes from /brand (the Athena brand kit).
   Rule: tokens only here (var(--ath-…)). No hex values, no new fonts. Change colors in the brand kit, not here. */

html { scroll-behavior: smooth; }
body { margin: 0; }
img { max-width: 100%; height: auto; }
.ath-root p { margin: 0; }
.ath-root h2 { font-size: var(--ath-type-section-font-size); line-height: var(--ath-type-section-line-height); }
.ath-root h3 { font-size: var(--ath-type-subsection-font-size); line-height: var(--ath-type-subsection-line-height); letter-spacing: var(--ath-type-subsection-letter-spacing); }
.ath-root :target { scroll-margin-top: var(--ath-base-space-6); }
.ath-logo img { height: 28px; width: auto; }

/* Band extras */
.site-actions { display: flex; flex-wrap: wrap; gap: var(--ath-base-space-3); margin-top: var(--ath-base-space-3); }
.site-band-note { font-size: var(--ath-type-small-font-size); color: var(--ath-color-on-brand-body); }
@media (max-width: 480px) { .site-actions .ath-btn { width: 100%; white-space: normal; text-align: center; } }

/* Section heads and text blocks */
.site-head { display: flex; flex-direction: column; gap: var(--ath-base-space-3); max-width: 680px; margin-bottom: var(--ath-base-space-8); }
.site-head .ath-eyebrow { margin: 0; }
.site-lead { font-size: var(--ath-type-lead-font-size); line-height: var(--ath-type-lead-line-height); color: var(--ath-color-text-muted); }
.site-muted { color: var(--ath-color-text-muted); }

/* Two-column split (text + module); stacks on phones */
.site-split { display: grid; grid-template-columns: 1fr 1fr; gap: var(--ath-base-space-10); align-items: start; }
.site-split > div:first-child { display: flex; flex-direction: column; gap: var(--ath-base-space-3); }
@media (max-width: 760px) { .site-split { grid-template-columns: 1fr; gap: var(--ath-base-space-6); } }

/* Tick lists */
.site-ticks { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--ath-base-space-2); }
.site-ticks li { position: relative; padding-left: 26px; }
.site-ticks li::before { content: ""; position: absolute; left: 3px; top: 0.45em; width: 10px; height: 6px; border-left: 2px solid var(--ath-color-status-success); border-bottom: 2px solid var(--ath-color-status-success); transform: rotate(-45deg); }
.site-ticks--no li::before { width: 10px; height: 0; top: 0.75em; border-left: none; border-bottom: 2px solid var(--ath-color-text-meta); transform: none; }

/* Service cards: white modules with a Run tile */
.site-card { display: flex; flex-direction: column; gap: var(--ath-base-space-3); padding: var(--ath-base-space-6); border-radius: var(--ath-radius-card); }
.site-card h3 { font-size: var(--ath-type-card-title-font-size); }
.site-card p { color: var(--ath-color-text-muted); font-size: 15px; }
.site-card ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: var(--ath-base-space-2); }
.site-card .ath-tile { width: 40px; height: 40px; font-size: 15px; }

/* Chips row */
.site-chips { display: flex; flex-wrap: wrap; gap: var(--ath-base-space-2); margin-top: var(--ath-base-space-4); }

/* Pull quote */
.site-quote { margin: 0; font-family: var(--ath-font-display); font-weight: var(--ath-base-font-weight-bold); font-size: 26px; line-height: 1.3; letter-spacing: var(--ath-base-font-tracking-display); color: var(--ath-color-text-heading); max-width: 760px; text-wrap: balance; }
.site-quote span { text-decoration: underline; text-decoration-color: var(--ath-color-highlight-bg); text-decoration-thickness: 4px; text-underline-offset: 6px; }
@media (max-width: 760px) { .site-quote { font-size: 21px; } }

/* Contact */
.site-contact-list { list-style: none; margin: var(--ath-base-space-4) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--ath-base-space-3); }
.site-contact-list small { display: block; font-size: 12px; font-weight: var(--ath-base-font-weight-bold); letter-spacing: var(--ath-base-font-tracking-label); text-transform: uppercase; color: var(--ath-color-text-meta); }
.site-contact-list a { color: var(--ath-color-text-heading); font-weight: var(--ath-base-font-weight-semibold); text-decoration: none; }
.site-contact-list a:hover { text-decoration: underline; }
.site-form { display: flex; flex-direction: column; gap: var(--ath-base-space-4); }
.site-form .row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--ath-base-space-4); }
.site-form label { display: flex; flex-direction: column; gap: 6px; font-size: var(--ath-type-small-font-size); font-weight: var(--ath-base-font-weight-semibold); color: var(--ath-color-text-heading); }
.site-form textarea { border: 1px solid var(--ath-color-border-input); border-radius: var(--ath-radius-module); background: var(--ath-color-bg-surface); color: var(--ath-color-text-primary); padding: 12px 18px; font: inherit; min-height: 130px; resize: vertical; }
.site-form textarea:focus-visible { outline: 2px solid var(--ath-color-border-focus); outline-offset: 2px; }
.site-form .ath-btn { align-self: flex-start; }
.site-form-note { font-size: var(--ath-type-caption-font-size); color: var(--ath-color-text-meta); }
@media (max-width: 480px) { .site-form .row { grid-template-columns: 1fr; } }

/* Sales letter (assessment page) */
.site-letter { max-width: 720px; margin: 0 auto; padding-inline: var(--ath-layout-gutter); display: flex; flex-direction: column; gap: var(--ath-base-space-4); }
.site-letter > h2 { margin-top: var(--ath-base-space-10); }
.site-letter > h2:first-child { margin-top: 0; }
.site-letter .ath-callout h3 { font-size: var(--ath-type-card-title-font-size); color: var(--ath-color-pillar-find-heading); }
.site-letter .ath-callout { gap: var(--ath-base-space-2); }
.site-table-wrap { overflow-x: auto; }
.site-table-wrap .ath-table { min-width: 520px; }
.site-optional { font-weight: var(--ath-base-font-weight-regular); color: var(--ath-color-text-meta); }
.site-ps { display: flex; flex-direction: column; gap: var(--ath-base-space-3); }
@media (max-width: 900px) { .site-letter { padding-inline: 28px; } }
@media (max-width: 480px) { .site-letter { padding-inline: 18px; } }

/* Dark panel with two choices */
.ath-panel { width: 100%; box-sizing: border-box; }
.site-choices { display: grid; grid-template-columns: 1fr 1fr; gap: var(--ath-base-space-8); width: 100%; margin-top: var(--ath-base-space-3); }
.site-choices > div { display: flex; flex-direction: column; gap: var(--ath-base-space-3); align-items: flex-start; }
.site-choices h3 { color: var(--ath-color-on-brand-heading); font-size: var(--ath-type-card-title-font-size); }
@media (max-width: 760px) { .site-choices { grid-template-columns: 1fr; } }
.site-panel-wrap { max-width: var(--ath-layout-content-max); margin: 0 auto; padding-inline: var(--ath-layout-gutter); }
@media (max-width: 900px) { .site-panel-wrap { padding-inline: 28px; } }
@media (max-width: 480px) { .site-panel-wrap { padding-inline: 18px; } }

/* Founder */
.site-founder { display: grid; grid-template-columns: 96px 1fr; gap: var(--ath-base-space-6); align-items: start; }
.site-founder img { width: 96px; height: 96px; }
.site-founder > div { display: flex; flex-direction: column; gap: var(--ath-base-space-3); }
@media (max-width: 480px) { .site-founder { grid-template-columns: 1fr; } .site-founder img { width: 64px; height: 64px; } }

/* Footer extras */
.site-footer-brand { display: flex; flex-direction: column; gap: var(--ath-base-space-2); max-width: 360px; }
.site-footer-brand img { height: 22px; width: auto; align-self: flex-start; }
.site-values .ath-row__detail { font-size: 15px; } .site-values .ath-row__title { font-size: 17px; }