@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp-content/themes/humankind/fonts/inter-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/wp-content/themes/humankind/fonts/inter-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/wp-content/themes/humankind/fonts/inter-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp-content/themes/humankind/fonts/inter-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/wp-content/themes/humankind/fonts/newsreader-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/wp-content/themes/humankind/fonts/newsreader-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp-content/themes/humankind/fonts/newsreader-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.hk{--ink:#12100e;--ink2:#26221d;--paper:#f6f3ec;--card:#fffdf8;--line:#ddd6c8;--text:#1a1713;--muted:#5e5a50;--green:#1f7a4d;--green-d:#175f3c;--mint:#9be3b5;--alert:#e5484d;--warn:#ffe3a3;--dtext:#e4dfd2;--dmuted:#cfc9bc;--dmuted2:#9a9486;--dline:#2e2a24;--dpanel:#1d1a16;--after:#12261a;--after-line:#2c6e48;
font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:17px;line-height:1.6;color:var(--text);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.hk *,.hk *::before,.hk *::after{box-sizing:border-box}
.hk h1,.hk h2,.hk h3,.hk p,.hk ul,.hk ol,.hk figure{margin:0}
.hk a{color:inherit;text-decoration:none}
.hk ul{list-style:none;padding:0}
.hk img{max-width:100%}
.hk :focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:4px}
.hk .dark :focus-visible,.hk .dark:focus-visible,.hk .topbar :focus-visible{outline-color:var(--mint)}
.hk .wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.hk h1,.hk h2,.hk h3{font-family:'Newsreader',Georgia,serif;font-weight:600;letter-spacing:-.015em;line-height:1.12}
.hk h1{font-size:clamp(40px,5.2vw,62px)}
.hk h2{font-size:clamp(30px,3.8vw,44px)}
.hk h3{font-size:24px;line-height:1.2}
.hk .btn{display:inline-block;font:700 16px/1.2 'Inter',sans-serif;padding:14px 26px;border-radius:8px;border:1.5px solid transparent;cursor:pointer;text-align:center;transition:background .15s,border-color .15s,transform .15s}
.hk .btn-p{background:#00B4D8;color:#12100e}
.hk .btn-p:hover{background:#2cc6e4}
.hk .btn-s{background:transparent;border-color:var(--ink);color:var(--ink)}
.hk .btn-s:hover{background:var(--ink);color:#fff}
.hk .dark .btn-s{border-color:#4f4a41;color:var(--dtext)}
.hk .dark .btn-s:hover{background:var(--ink2);color:#fff}
.hk .dark{background:var(--ink);color:var(--dtext)}
.hk .dark h1,.hk .dark h2,.hk .dark h3{color:#fff}
.hk .acc{color:var(--mint);font-style:normal}
.hk section{padding:88px 0}
.hk .center{text-align:center}
.hk .sub{color:var(--muted);max-width:640px;margin:14px 0 0;font-size:18px}
.hk .center .sub{margin-left:auto;margin-right:auto}
.hk .dark .sub{color:var(--dmuted)}
.hk .fine{font-size:13px;color:var(--muted);margin-top:18px}
.hk .dark .fine{color:var(--dmuted2)}

/* top bar */
.hk .topbar{background:var(--ink);border-bottom:1px solid var(--dline)}
.hk .topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.hk .logo{font:600 26px/1 'Newsreader',Georgia,serif;color:#fff;letter-spacing:-.01em}
.hk .logo b{font-weight:600;color:var(--mint)}
.hk .topbar .btn{padding:11px 20px;font-size:15px}

/* hero */
.hk .hero{padding:56px 0 72px}
.hk .hero .grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.hk .lead{font-size:19px;color:var(--dmuted);margin:20px 0 22px;max-width:520px}
.hk .checks li{position:relative;padding-left:32px;margin:10px 0;color:var(--dtext)}
.hk .checks li::before{content:"";position:absolute;left:0;top:5px;width:20px;height:20px;border-radius:50%;background:var(--green)}
.hk .checks li::after{content:"";position:absolute;left:7px;top:9px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(.9)}
.hk .checker{background:var(--card);color:var(--text);border-radius:16px;padding:28px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.hk .checker h2{font-size:28px;color:var(--text)}
.hk .checker .csub{color:var(--muted);font-size:15px;margin:6px 0 14px}
.hk .checker textarea{width:100%;min-height:150px;resize:vertical;font:16px/1.55 'Inter',sans-serif;color:var(--text);background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:14px}
.hk .checker textarea:focus{outline:3px solid var(--green);outline-offset:1px;border-color:var(--green)}
.hk .crow{display:flex;align-items:center;gap:18px;margin-top:14px;flex-wrap:wrap}
.hk .linkbtn{background:none;border:0;color:var(--green);font:600 15px 'Inter',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px 2px}
.hk .linkbtn:hover{color:var(--green-d)}
.hk .alertmsg{display:none;margin-top:12px;color:#a52328;font-size:15px;font-weight:600}
.hk .result{display:none;margin-top:20px;border-top:1px solid var(--line);padding-top:20px}
.hk .result.on{display:block}
.hk .top{display:flex;align-items:center;gap:18px}
.hk .dial{flex:none;width:92px;height:92px;border-radius:50%;border:7px solid var(--c,#c98a10);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}
.hk .dial b{font:700 30px/1 'Inter',sans-serif;color:var(--c,#c98a10)}
.hk .dial span{font-size:12px;color:var(--muted)}
.hk .verdict{font:600 22px/1.2 'Newsreader',Georgia,serif;color:var(--text)}
.hk .bar{height:10px;background:#ece6d8;border-radius:99px;margin:18px 0;overflow:hidden}
.hk .bar i{display:block;height:100%;width:0;background:var(--c,#c98a10);border-radius:99px;transition:width .8s ease}
.hk .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hk .tile{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.hk .tile b{display:block;font:700 22px/1.1 'Inter',sans-serif}
.hk .tile span{font-size:13px;color:var(--muted)}
.hk .echo{margin-top:14px;max-height:150px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:15px;line-height:1.6;white-space:pre-wrap;word-break:break-word}
.hk .echo mark{background:var(--warn);color:#1a1713;border-radius:3px;padding:0 2px}
.hk .nudge{margin-top:16px;background:#eef6f0;border:1px solid #bcd9c7;border-radius:10px;padding:16px}
.hk .nudge p{font-size:15px;margin-bottom:12px;color:var(--text)}
.hk .checker .fine{margin-top:16px;color:var(--muted)}

/* problem */
.hk .cards2{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px}
.hk .card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px}
.hk .card h3{margin-bottom:8px}
.hk .card p{color:var(--muted)}
.hk .bad{margin-top:16px;border-left:4px solid var(--alert);background:#fbefee;padding:10px 14px;border-radius:0 8px 8px 0;font-style:italic;font-size:15px;color:#6a2a2c}

/* before/after */
.hk .ba{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}
.hk .ba:first-of-type{margin-top:44px}
.hk .pn{border-radius:14px;padding:24px 26px}
.hk .pn small{display:block;font:700 13px/1 'Inter',sans-serif;margin-bottom:10px}
.hk .pn.b{background:#ece6d8;color:#6b665b}
.hk .pn.b p{text-decoration:line-through;text-decoration-color:#a8a193}
.hk .pn.b small{color:#8a3a3d}
.hk .pn.a{background:var(--after);border:1.5px solid var(--after-line);color:#fff}
.hk .pn.a small{color:var(--mint)}
.hk .pn.a p{font:500 21px/1.4 'Newsreader',Georgia,serif}

/* steps */
.hk .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.hk .step .n{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--mint);font:600 22px/44px 'Newsreader',Georgia,serif;text-align:center;margin-bottom:16px}
.hk .step p{color:var(--muted);margin-top:8px}

/* panels */
.hk .panels{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.hk .panel{background:var(--ink);color:var(--dtext);border-radius:16px;padding:36px;border:1px solid var(--dline)}
.hk .panel.g{border-color:var(--after-line);box-shadow:inset 0 3px 0 var(--green)}
.hk .panel h3{color:#fff;font-size:28px;margin-bottom:14px}
.hk .panel p{color:var(--dmuted);margin-bottom:12px}
.hk .panel ul{margin-top:18px;border-top:1px solid var(--dline);padding-top:14px}
.hk .panel li{position:relative;padding-left:26px;margin:9px 0;color:var(--dtext);font-size:16px}
.hk .panel li::before{content:"";position:absolute;left:3px;top:7px;width:6px;height:11px;border:solid var(--mint);border-width:0 2px 2px 0;transform:rotate(45deg) scale(.8)}

/* who */
.hk .cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.hk .card.who{display:flex;flex-direction:column}
.hk .card.who p{flex:1;margin-bottom:22px}

/* pricing */
.hk .promo{max-width:760px;margin:30px auto 0;background:var(--card);border:1.5px solid var(--green);border-radius:10px;padding:14px 20px;font-size:16px;text-align:center}
.hk .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;align-items:stretch}
.hk .plan{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:34px 30px;display:flex;flex-direction:column;position:relative}
.hk .plan h3{font-size:26px}
.hk .price{font:700 46px/1.1 'Inter',sans-serif;margin:14px 0 2px;letter-spacing:-.02em}
.hk .price span{font-size:16px;font-weight:500;color:var(--muted)}
.hk .words{font-weight:700;margin-bottom:10px}
.hk .plan p.line{color:var(--muted);flex:1;margin-bottom:24px;font-size:16px}
.hk .plan.pro{background:var(--ink);color:var(--dtext);border-color:var(--ink);transform:translateY(-10px)}
.hk .plan.pro h3,.hk .plan.pro .price{color:#fff}
.hk .plan.pro .price span,.hk .plan.pro p.line{color:var(--dmuted)}
.hk .badge{position:absolute;top:-14px;left:30px;background:var(--mint);color:#0f2a1b;font:700 13px/1 'Inter',sans-serif;padding:7px 12px;border-radius:99px}
.hk .plan .btn{width:100%}
.hk .plan:not(.pro) .btn{background:transparent;border-color:var(--ink);color:var(--ink)}
.hk .plan:not(.pro) .btn:hover{background:var(--ink);color:#fff}
.hk .topup{text-align:center;margin-top:34px;color:var(--muted)}
.hk .topup a{color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* faq */
.hk .faq{max-width:780px;margin:44px auto 0}
.hk details{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:12px}
.hk summary{list-style:none;cursor:pointer;padding:20px 56px 20px 24px;font:600 18px/1.4 'Inter',sans-serif;position:relative}
.hk summary::-webkit-details-marker{display:none}
.hk summary::after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);font:400 28px/1 'Inter',sans-serif;color:var(--green)}
.hk details[open] summary::after{content:"\2212"}
.hk details p{padding:0 24px 22px;color:var(--muted)}

/* final cta */
.hk .final{text-align:center}
.hk .final .sub{margin-left:auto;margin-right:auto}
.hk .final .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.hk .final .foot{margin-top:56px;padding-top:24px;border-top:1px solid var(--dline);font-size:13px;color:var(--dmuted2)}

/* sticky */
.hk .sticky{display:none}

@media (max-width:900px){
 .hk .hero .grid,.hk .cards2,.hk .ba,.hk .steps,.hk .panels,.hk .cards3,.hk .plans{grid-template-columns:1fr}
 .hk .hero .grid{gap:36px}
 .hk .plan.pro{transform:none}
 .hk .sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--ink);border-top:1px solid var(--dline)}
 .hk .sticky .btn{display:block;width:100%}
 .hk .final{padding-bottom:140px}
}
@media (max-width:600px){
 .hk{font-size:16px}
 .hk section{padding:60px 0}
 .hk .hero{padding:36px 0 56px}
 .hk .checker{padding:20px}
 .hk .tiles{grid-template-columns:1fr 1fr 1fr;gap:8px}
 .hk .tile b{font-size:19px}
 .hk .panel{padding:26px}
 .hk .topbar .btn{padding:10px 14px;font-size:14px}
 .hk .logo{font-size:23px}
}
@media (max-width:400px){.hk .topbar .btn{white-space:nowrap;padding:9px 12px;font-size:13px}.hk .logo{font-size:21px}}
@media (prefers-reduced-motion:reduce){.hk *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* nav + footer + simple pages */
.hk .logo{display:inline-flex;align-items:center;gap:11px}
.hk .lmark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#00B4D8;flex:none}
.hk .foot2 .lmark{width:30px;height:30px}
.hk .nav{display:flex;align-items:center;gap:26px}
.hk .nav a.l{color:var(--dmuted);font-size:15px;font-weight:500}
.hk .nav a.l:hover{color:#fff}
.hk .foot2{background:var(--ink);color:var(--dmuted2);padding:48px 0 40px;font-size:14px}
.hk .foot2 .wrap{display:flex;gap:32px;justify-content:space-between;flex-wrap:wrap}
.hk .foot2 .logo{font-size:24px;margin-bottom:10px;display:inline-block}
.hk .foot2 ul{display:flex;gap:8px 22px;flex-wrap:wrap;max-width:560px}
.hk .foot2 a{color:var(--dmuted)}
.hk .foot2 a:hover{color:#fff;text-decoration:underline}
.hk .foot2 .legalnote{margin-top:22px;width:100%;border-top:1px solid var(--dline);padding-top:20px}
.hk .page{padding:72px 0 88px;min-height:60vh}
.hk .page .narrow{max-width:760px;margin:0 auto}
.hk .page h1{font-size:clamp(34px,4.4vw,52px);margin-bottom:14px}
.hk .page .card{margin-top:18px}
.hk .page .card h3{font-size:22px}
.hk .okbadge{width:64px;height:64px;border-radius:50%;background:var(--green);margin:0 auto 22px;position:relative}
.hk .okbadge::after{content:"";position:absolute;left:23px;top:13px;width:14px;height:28px;border:solid #fff;border-width:0 4px 4px 0;transform:rotate(45deg)}
.hk .tform{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.hk .tform input{flex:1;min-width:240px;font:16px 'Inter',sans-serif;padding:14px;border:1.5px solid var(--line);border-radius:8px;background:#fff;color:var(--text)}
.hk .tform input:focus{outline:3px solid var(--green);outline-offset:1px;border-color:var(--green)}
.hk .tmsg{display:none;margin-top:16px;font-weight:600}
.hk .tmsg.ok{color:var(--green)}.hk .tmsg.err{color:#a52328}
.hk .page .btnrow{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
@media (max-width:900px){.hk .nav a.l{display:none}.hk .page{padding:48px 0 120px}}