/* Home landing page styles. Loaded only on /index.html. */
/* Lightweight home journey and hub cards */

/* Home hero CTA and trust pills */
.home-hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px auto 0;max-width:720px}
.home-hero-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 20px;border-radius:var(--r-md);font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),background var(--transition),color var(--transition)}
.home-hero-btn:hover{transform:translateY(-1px)}
.home-hero-btn-primary{background:var(--grad-accent);color:#fff;box-shadow:var(--sh-acc);border:1px solid rgba(127,119,221,.45)}
.home-hero-btn-secondary{background:var(--surface);color:var(--text-2);border:1px solid var(--border-mid);box-shadow:var(--sh-xs)}
.home-hero-btn-secondary:hover{border-color:var(--accent-mid);color:var(--accent);background:var(--accent-soft)}
.home-hero-meta{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px auto 0;max-width:760px;flex-wrap:wrap}
.hero .meta-pill{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-label);color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px 11px;line-height:1.3}
.hero .meta-pill svg{flex:0 0 auto}
[data-theme="dark"] .hero .meta-pill{background:#1a2032;border-color:#ffffff1a;color:var(--text-2)}
@media(max-width:640px){.home-hero-actions{display:grid;grid-template-columns:1fr;gap:10px;width:min(100%,340px);margin-top:18px}.home-hero-btn{width:100%}.home-hero-meta{gap:8px;margin-top:12px}}
@media(min-width:641px){.home-hero-actions{margin-top:30px}.home-hero-meta{margin-top:18px;margin-bottom:14px}}
.home-hub-wrap{max-width:1180px;margin:0 auto;padding:24px 24px 64px}
.home-journey-head{max-width:720px;margin:0 auto 18px;text-align:center}
.home-journey-head h2{margin:0 0 8px;font-size:clamp(24px,4vw,34px);line-height:1.12;letter-spacing:-.6px;color:var(--text)}
.home-journey-head p{margin:0;color:var(--text-2);font-size:15px;line-height:1.6}
.home-journey-steps{list-style:none;display:grid;gap:10px;margin:0 auto 22px;padding:0;max-width:900px}
.home-journey-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;column-gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--sh-xs)}
.home-journey-steps span{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-size:13px;font-weight:800}
.home-journey-steps strong{font-size:14px;color:var(--text);line-height:1.2}
.home-journey-steps small{color:var(--text-2);font-size:12px;line-height:1.35}
.home-hub-grid{display:grid;grid-template-columns:1fr;gap:18px}
.home-hub-card{display:flex;flex-direction:column;border-radius:26px;background:#fff;border:1px solid var(--border);box-shadow:var(--sh-sm);padding:22px;text-decoration:none;color:var(--text);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}
.home-hub-card:hover{transform:translateY(-2px);box-shadow:var(--sh-md);border-color:rgba(127,119,221,.35)}
.home-hub-card h3{font-size:20px;line-height:1.2;margin:0 0 10px;letter-spacing:-.35px}
.home-hub-card p{margin:0;color:var(--text-2);font-size:14px;line-height:1.65}
.home-hub-media{display:block;width:100%;aspect-ratio:16/9;margin-top:18px;border-radius:20px;overflow:hidden;background:#eef0f7}
.home-hub-media img{display:block;width:100%;height:100%;object-fit:cover}
.home-hub-cta{margin-top:auto;padding-top:18px;font-weight:700;color:var(--accent);font-size:14px}
[data-theme="dark"] .home-journey-steps li,[data-theme="dark"] .home-hub-card{background:#121726;border-color:#ffffff1a}
[data-theme="dark"] .home-hub-media{background:#111827}
@media(min-width:820px){.home-journey-steps{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:26px}.home-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-hub-card{min-height:430px}}

/* Home landing: keep footer at the bottom on short viewports without adding JS. */
body.home-landing{min-height:100vh;display:flex;flex-direction:column}
body.home-landing main{flex:1}
body.home-landing footer{margin-top:auto}

.home-journey-link{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;column-gap:10px;color:inherit;text-decoration:none}
.home-journey-steps li .home-journey-link{grid-column:1/-1}