/**
 * HumiHQ — Home page styles.
 * V=#0ea5e9 E=#f59e0b S=#10b981 F=#84cc16
 */

:root{--hqh-v:#0ea5e9;--hqh-e:#f59e0b;--hqh-s:#10b981;--hqh-f:#84cc16;--hqh-bg:#fff;--hqh-surface:#f8fafc;--hqh-border:#e2e8f0;--hqh-text:#0f172a;--hqh-text-muted:#475569;--hqh-text-dim:#94a3b8}

.hqhome{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;color:var(--hqh-text);background:var(--hqh-bg);line-height:1.6;-webkit-font-smoothing:antialiased}
.hqhome section{padding:80px 5vw;width:100%;max-width:none;box-sizing:border-box}
.hqhome-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 28px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:.2s;border:none;cursor:pointer}
.hqhome-btn--primary{background:var(--hqh-v);color:#fff}.hqhome-btn--primary:hover{background:#0284c7;box-shadow:0 4px 20px rgba(14,165,233,.3);transform:translateY(-1px)}
.hqhome-btn--ghost{background:transparent;color:var(--hqh-text);border:1.5px solid var(--hqh-border)}.hqhome-btn--ghost:hover{background:var(--hqh-surface);border-color:var(--hqh-text-dim)}

.hqhome-hero{padding-top:100px;padding-bottom:60px;text-align:center}
.hqhome-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:1100px;margin:0 auto 48px;text-align:left}
.hqhome-hero-title{margin:0 0 20px;line-height:1.15}
.hqhome-hero-line{display:block;font-size:40px;font-weight:800;letter-spacing:-.03em;color:var(--hqh-text)}.hqhome-hero-line.accent{color:var(--hqh-v)}
.hqhome-hero-desc{font-size:17px;color:var(--hqh-text-muted);margin:0 0 28px;line-height:1.6;max-width:460px}
.hqhome-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}
.hqhome-hero-viz{position:relative}
.hqhome-hero-skel{background:#fff;border:1px solid var(--hqh-border);border-radius:12px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.04)}
.hqhome-hero-skel-head{display:flex;gap:0;padding:10px 14px 0;background:var(--hqh-surface);border-bottom:1px solid var(--hqh-border)}
.hqhome-hero-skel-tab{display:inline-block;height:28px;border-radius:6px 6px 0 0;padding:0 14px;font-size:11px;color:var(--hqh-text-dim);line-height:28px;min-width:40px}
.hqhome-hero-skel-tab::after{content:"..."}.hqhome-hero-skel-tab.active{background:#fff;color:var(--hqh-text);font-weight:600;border:1px solid var(--hqh-border);border-bottom-color:#fff}
.hqhome-hero-skel-body{padding:16px}.hqhome-hero-skel-row{height:16px;background:var(--hqh-surface);border-radius:4px;margin-bottom:8px}
.hqhome-hero-skel-row span{display:block;height:100%;background:var(--hqh-border);border-radius:4px}
.hqhome-hero-skel-bars{display:flex;flex-direction:column;gap:5px;margin:12px 0}
.hqhome-hero-skel-bars span{display:flex;align-items:center;justify-content:space-between;height:20px;border-radius:4px;padding:0 8px;font-size:10px;background:rgba(14,165,233,.06)}
.hqhome-hero-skel-bars span b{font-weight:600;color:var(--hqh-text-dim)}.hqhome-hero-skel-bars span i{font-style:normal;font-weight:700;color:var(--hqh-text)}
.hqhome-hero-skel-badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:700;color:#10b981;background:rgba(16,185,129,.1)}
.hqhome-hero-proof{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:16px 32px;border-radius:12px;border:1px solid var(--hqh-border);background:var(--hqh-surface)}
.hqhome-hero-proof-num{font-size:28px;font-weight:800;color:var(--hqh-text);line-height:1}
.hqhome-hero-proof-label{font-size:13px;color:var(--hqh-text-muted)}.hqhome-hero-proof-label span{color:var(--hqh-v);font-weight:600}

.hqhome-ba{background:var(--hqh-surface)}.hqhome-ba-columns{display:flex;align-items:flex-start;gap:24px;max-width:900px;margin:0 auto}
.hqhome-ba-col{flex:1}.hqhome-ba-col-title{font-size:20px;font-weight:700;margin:0 0 20px}.hqhome-ba-col-title.left{color:var(--hqh-text-dim)}.hqhome-ba-col-title.right{color:var(--hqh-v)}
.hqhome-ba-item{padding:11px 14px;border-radius:8px;font-size:14px;margin-bottom:8px;border:1px solid var(--hqh-border);color:var(--hqh-text-muted)}
.hqhome-ba-item.right{border-color:rgba(14,165,233,.15);background:rgba(14,165,233,.03);color:var(--hqh-text);font-weight:500}
.hqhome-ba-divider{display:flex;align-items:center;justify-content:center;padding-top:56px;flex-shrink:0}.hqhome-ba-arrow{font-size:28px;color:var(--hqh-text-dim)}

.hqhome-kudos{text-align:center}.hqhome-kudos-title{font-size:28px;font-weight:800;color:var(--hqh-text);margin:0 0 36px}
.hqhome-kudos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:960px;margin:0 auto}
.hqhome-kudo-card{background:var(--hqh-surface);border:1px solid var(--hqh-border);border-radius:12px;padding:24px;text-align:left}
.hqhome-kudo-stars{margin-bottom:10px}.hqhome-kudo-star{color:var(--hqh-e);font-size:14px}
.hqhome-kudo-body{font-size:14px;color:var(--hqh-text);margin:0 0 14px;line-height:1.55;font-style:italic}
.hqhome-kudo-author{display:flex;flex-direction:column;gap:2px}.hqhome-kudo-author strong{font-size:13px;color:var(--hqh-text)}.hqhome-kudo-author span{font-size:12px;color:var(--hqh-text-dim)}

.hqhome-objections{background:var(--hqh-surface);text-align:center}.hqhome-obj-title{font-size:26px;font-weight:800;color:var(--hqh-text);margin:0 0 36px}
.hqhome-obj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:860px;margin:0 auto}
.hqhome-obj-card{background:#fff;border:1px solid var(--hqh-border);border-radius:12px;padding:20px 24px;text-align:left}
.hqhome-obj-q{font-size:15px;font-weight:600;color:var(--hqh-text);margin-bottom:8px}.hqhome-obj-q::before{content:'"';color:var(--hqh-text-dim)}
.hqhome-obj-a{font-size:13px;color:var(--hqh-v);line-height:1.5}.hqhome-obj-a::before{content:'\2192 ';font-weight:700}

.hqhome-bridge{text-align:center}.hqhome-bridge-header{margin-bottom:32px}.hqhome-bridge-title{font-size:28px;font-weight:800;color:var(--hqh-text);margin:0 0 8px}
.hqhome-bridge-desc{font-size:16px;color:var(--hqh-text-muted);max-width:480px;margin:0 auto}
.hqhome-bridge-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:880px;margin:0 auto 28px}
.hqhome-bridge-card{display:block;text-align:left;padding:22px;border:1px solid var(--hqh-border);border-radius:10px;text-decoration:none;transition:.25s}
.hqhome-bridge-card:hover{border-color:var(--hqhbc,var(--hqh-v))}
.hqhome-bridge-card-num{font-size:12px;font-weight:700;color:var(--hqhbc,var(--hqh-v));text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.hqhome-bridge-card h4{font-size:15px;font-weight:700;color:var(--hqh-text);margin:0 0 4px}.hqhome-bridge-card p{font-size:13px;color:var(--hqh-text-muted);margin:0;line-height:1.5}
.hqhome-bridge-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;color:var(--hqh-v);text-decoration:none;border:1.5px solid var(--hqh-v);transition:.2s}
.hqhome-bridge-cta:hover{background:var(--hqh-v);color:#fff}

.hqhome-cta{text-align:center;padding:100px 5vw 80px}.hqhome-cta-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--hqh-v);margin-bottom:12px}
.hqhome-cta-title{font-size:34px;font-weight:800;color:var(--hqh-text);margin:0 0 12px;line-height:1.2;max-width:600px;margin-left:auto;margin-right:auto}
.hqhome-cta-desc{font-size:16px;color:var(--hqh-text-muted);max-width:500px;margin:0 auto 28px}
.hqhome-cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hqhome-foot{border-top:1px solid var(--hqh-border);padding:32px 5vw;text-align:center}.hqhome-foot p{font-size:13px;color:var(--hqh-text-dim);margin:0}

@media(max-width:860px){.hqhome section{padding:60px 20px}.hqhome-hero-grid{grid-template-columns:1fr;text-align:center}.hqhome-hero-line{font-size:30px}.hqhome-hero-desc,.hqhome-hero-cta{justify-content:center;margin-left:auto;margin-right:auto}.hqhome-hero-viz{max-width:400px;margin:0 auto}.hqhome-ba-columns{flex-direction:column}.hqhome-ba-col{width:100%}.hqhome-ba-divider{padding-top:0;margin:8px 0}.hqhome-ba-arrow{transform:rotate(90deg)}.hqhome-bridge-cards{grid-template-columns:1fr}}