/* ============================================
   Start Page — start.php
   ============================================ */

.hero-stats { display: flex; gap: 48px; margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--border); flex-wrap: wrap; }
.hero-stat { display: flex; flex-direction: column; }
.hero-stat-num { font-family: var(--font-serif); font-size: 42px; color: var(--gold); line-height: 1; margin-bottom: 5px; }
.hero-stat-label { font-size: 9px; letter-spacing: .18em; text-transform: uppercase; color: var(--text-muted); }

.start-filter-section { padding: 80px 40px; border-bottom: 1px solid var(--border); }
.start-filter-inner { max-width: 900px; margin: 0 auto; }
.start-filter-callout { border: 1px solid var(--border); border-left: 3px solid var(--gold); padding: 40px 44px; background: rgba(201,168,76,0.03); }
.filter-quote { font-family: var(--font-serif); font-size: clamp(20px, 2.8vw, 34px); font-style: italic; color: var(--cream); border-left: 2px solid var(--gold); padding-left: 28px; margin-bottom: 28px; line-height: 1.4; }
.filter-body { font-size: 14px; color: var(--text); line-height: 1.85; max-width: 620px; padding-left: 30px; }

.arc-section { padding: 80px 40px 100px; max-width: 1100px; margin: 0 auto; border-bottom: 1px solid var(--border); }
.arc-header { margin-bottom: 52px; }
.arc-title { font-family: var(--font-serif); font-size: clamp(26px, 3.5vw, 40px); font-weight: normal; color: var(--cream); margin-top: 4px; }
.phases-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px; }
.phase-card { border: 1px solid var(--border); padding: 32px 28px; background: var(--bg-card); position: relative; }
.phase-number { border: 1px solid var(--border); width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; font-family: var(--font-serif); font-size: 22px; color: var(--gold-dim); margin-bottom: 16px; }
.phase-label { font-size: 9px; letter-spacing: .22em; text-transform: uppercase; color: var(--gold-dim); margin-bottom: 6px; }
.phase-title { font-family: var(--font-serif); font-size: 20px; font-weight: normal; color: var(--cream); margin-bottom: 16px; }
.phase-weeks { font-size: 9px; letter-spacing: .16em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 14px; }
.phase-body { font-size: 13px; color: var(--text-dim); line-height: 1.8; }

.forge-section { background: #0a0a0a; border-bottom: 1px solid var(--border); padding: 80px 40px; }
.forge-inner { max-width: 900px; margin: 0 auto; }
.forge-callout { border: 1px solid var(--border); border-left: 3px solid var(--gold); padding: 40px 44px; background: rgba(201,168,76,0.03); }
.forge-title { font-family: var(--font-serif); font-size: clamp(26px, 3vw, 36px); font-weight: normal; color: var(--cream); margin-bottom: 10px; margin-top: 8px; }
.forge-body { font-size: 14px; color: var(--text); line-height: 1.85; }
.forge-body p { margin-bottom: 16px; }
.forge-body p:last-child { margin-bottom: 0; }
.forge-body strong { color: var(--cream); font-weight: normal; }

.fit-section { padding: 80px 40px; max-width: 1100px; margin: 0 auto; border-bottom: 1px solid var(--border); }
.fit-header { margin-bottom: 48px; }
.fit-title { font-family: var(--font-serif); font-size: clamp(26px, 3.5vw, 40px); font-weight: normal; color: var(--cream); margin-top: 4px; }
.fit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.fit-col { border: 1px solid var(--border); background: var(--bg-card); padding: 32px 28px; }
.fit-col-label { font-size: 9px; letter-spacing: .22em; text-transform: uppercase; margin-bottom: 24px; display: block; }
.fit-col-yes .fit-col-label { color: var(--gold-dim); }
.fit-col-no .fit-col-label { color: var(--text-muted); }
.fit-list { list-style: none; display: flex; flex-direction: column; gap: 16px; }
.fit-list li { font-size: 13.5px; line-height: 1.65; padding-left: 18px; position: relative; }
.fit-list li::before { content: '—'; position: absolute; left: 0; font-size: 11px; }
.fit-col-yes .fit-list li { color: var(--cream); }
.fit-col-yes .fit-list li::before { color: var(--gold); }
.fit-col-no .fit-list li { color: var(--text-dim); }
.fit-col-no .fit-list li::before { color: var(--text-muted); }

.path-section { padding: 80px 40px; max-width: 900px; margin: 0 auto; border-bottom: 1px solid var(--border); }
.path-title { font-family: var(--font-serif); font-size: clamp(24px, 3vw, 36px); font-weight: normal; color: var(--cream); margin-bottom: 28px; margin-top: 4px; }
.path-body { font-size: 14px; color: var(--text); line-height: 1.85; }
.path-body p { margin-bottom: 20px; }
.path-body p:last-child { margin-bottom: 0; }

.contact-start-section { padding: 80px 40px 100px; max-width: 900px; margin: 0 auto; }
.contact-start-title { font-family: var(--font-serif); font-size: clamp(26px, 3.5vw, 40px); font-weight: normal; color: var(--cream); margin-bottom: 20px; margin-top: 4px; }
.contact-start-body { font-size: 14px; color: var(--text); line-height: 1.85; max-width: 580px; margin-bottom: 44px; }
.contact-email-btn { display: inline-block; border: 1px solid var(--gold); color: var(--gold); padding: 14px 32px; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; font-family: var(--font-sans); text-decoration: none; transition: background .18s; margin-bottom: 36px; }
.contact-email-btn:hover { background: rgba(201,168,76,0.08); color: var(--gold); }
.contact-note { font-size: 12px; color: var(--text-dim); line-height: 1.8; max-width: 480px; border-left: 1px solid var(--border); padding-left: 20px; margin-top: 20px; }
.contact-note strong { color: var(--text); font-weight: normal; display: block; margin-bottom: 6px; }

.start-section-label-center { text-align: center; }

@media (max-width: 740px) {
  .phases-grid { grid-template-columns: 1fr; }
  .fit-grid { grid-template-columns: 1fr; }
  .start-filter-section, .arc-section, .forge-section, .fit-section, .path-section, .contact-start-section { padding-left: 24px; padding-right: 24px; }
  .start-filter-callout, .forge-callout { padding: 28px 24px; }
}