/*
Theme Name: HumanKind
Description: Block theme for the HumanKind marketing site.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: humankind
*/
body { -webkit-font-smoothing: antialiased; }
a { text-decoration: none; }
.hk-topbar { border-bottom: 0.5px solid var(--wp--preset--color--border); }
.hk-logo-mark { width: 28px; height: 28px; background: var(--wp--preset--color--accent); border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hk-signin a { font-size: 13px; padding: 6px 14px; border: 0.5px solid var(--wp--preset--color--border); border-radius: 6px; color: var(--wp--preset--color--text-dim); }
.hk-card { background: var(--wp--preset--color--chrome); border: 0.5px solid var(--wp--preset--color--border); border-radius: 8px; }
.hk-card.is-featured { border: 1px solid var(--wp--preset--color--accent); }
.hk-tier { border-radius: 10px; }
.hk-tier-name { text-transform: uppercase; letter-spacing: 0.05em; }
.hk-banner { background: #0E2A38; border: 0.5px solid var(--wp--preset--color--accent); border-radius: 8px; }
.wp-block-button.hk-btn-primary .wp-block-button__link.wp-element-button { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--accent-ink); font-weight: 700; border-radius: 7px; }
.wp-block-button.hk-btn-primary .wp-block-button__link.wp-element-button:hover { background: #00cff0; }
.wp-block-button.hk-btn-secondary .wp-block-button__link.wp-element-button { background: transparent; color: var(--wp--preset--color--text-dim); border: 0.5px solid var(--wp--preset--color--border); font-weight: 600; border-radius: 7px; }
.hk-btn-full, .hk-btn-full .wp-block-button__link { width: 100%; text-align: center; }
.hk-footer { border-top: 0.5px solid var(--wp--preset--color--border); }
.hk-trial-form { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-top: 20px; }
.hk-trial-form input { padding: 12px 14px; border-radius: 7px; border: 0.5px solid var(--wp--preset--color--border); background: var(--wp--preset--color--bg); color: var(--wp--preset--color--text); min-width: 260px; font-size: 14px; }
.hk-trial-form button { padding: 12px 24px; border-radius: 7px; border: none; background: var(--wp--preset--color--accent); color: var(--wp--preset--color--accent-ink); font-weight: 700; cursor: pointer; font-size: 14px; }
.hk-trial-msg { display: none; text-align: center; margin-top: 14px; font-size: 14px; }
.hk-trial-msg.success { color: #00C48C; }
.hk-trial-msg.error { color: #ff6b6b; }
.hk-table table { width: 100%; border-collapse: collapse; }
.hk-table th, .hk-table td { padding: 10px 14px; border-bottom: 0.5px solid var(--wp--preset--color--border); text-align: left; }
@media (max-width: 480px) { .hk-hero h1 { font-size: 26px !important; } }
a { text-decoration: none; } .wp-block-button__link { text-decoration: none !important; } .hk-btn-full { width: 100%; } body { overflow-x: hidden; }

/* ---- Landing layout (large-screen) ---- */
body { font-size: 17px; }
.hk-hero { background: none; }
.hk-eyebrow { font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 8px; }
.hk-hero h1 { letter-spacing: -0.02em; margin-bottom: 20px; }
.hk-xl .wp-block-button__link { padding: 16px 32px !important; font-size: 17px !important; }
.hk-big { border-radius: 14px; height: 100%; }
.hk-big h3 { margin: 0; }
.hk-freebox { margin-left: auto; margin-right: auto; }
.hk-heroviz { display: flex; flex-direction: column; gap: 14px; }
.hk-hc { background: #0A1120; border: 1px solid #1E2D42; border-radius: 16px; padding: 24px 28px; font-size: 19px; line-height: 1.5; }
.hk-hc p { margin: 0; }
.hk-hc-tag { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 10px; }
.hk-hc-bad { color: #4A7FA5; } .hk-hc-bad .hk-hc-tag { color: #8a6a6a; } .hk-hc-bad p { text-decoration: line-through; text-decoration-color: #8a6a6a; }
.hk-hc-good { border-color: #00B4D8; color: #E8EDF5; box-shadow: 0 0 40px rgba(0,180,216,.15); } .hk-hc-good .hk-hc-tag { color: #00B4D8; }
.hk-hc-arrow { text-align: center; color: #00B4D8; font-weight: 600; font-size: 15px; }
@media (max-width: 781px) { .hk-hero h1 { font-size: 40px !important; } .hk-hero { padding-top: 48px !important; } }

/* ---- Hero product shot ---- */
.hk-browser { background: #0A1120; border: 1px solid #1E2D42; border-radius: 14px; overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,.55), 0 0 90px rgba(0,180,216,.18); transform: perspective(1600px) rotateY(-6deg) rotateX(2deg); }
.hk-browser-bar { display: flex; align-items: center; gap: 7px; padding: 11px 14px; background: #111c2e; border-bottom: 1px solid #1E2D42; }
.hk-browser-bar span { width: 11px; height: 11px; border-radius: 50%; background: #2A4A65; }
.hk-browser-bar em { margin-left: 12px; font-style: normal; font-size: 12px; color: #4A7FA5; background: #0A1120; padding: 4px 14px; border-radius: 6px; flex: 1; }
.hk-browser img { display: block; width: 100%; height: 440px; object-fit: cover; object-position: top; }
@media (max-width: 781px) { .hk-browser { transform: none; } .hk-browser img { height: 300px; } }

/* ---- Section rhythm ---- */
.hk-hero { padding-bottom: 96px !important; }
.hk-card.hk-big { transition: transform .15s, border-color .15s; }
.hk-card.hk-big:hover { transform: translateY(-3px); border-color: #00B4D8; }
.hk-big h3 { color: #fff; }