.hbc{--ink:#0f1a17;--muted:#53625d;--line:#dfe7e3;--bg:#f5f8f6;--brand:#0b2d24;--brand2:#12443a;--accent:#1fd18b;--accentd:#13a56c;--card:#fff;--r:14px;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);text-align:left}
.hbc *{box-sizing:border-box}
.hbc *{box-sizing:border-box}
.hbc .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:0 1px 2px rgba(16,24,20,.04),0 8px 24px rgba(16,24,20,.05)}
.hbc .grid2{display:grid;grid-template-columns:1fr;gap:16px}
.hbc label.h{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;margin:0 0 4px}
.hbc .num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;font-size:14px;flex:none}
.hbc .hint{color:var(--muted);font-size:14px;margin:0 0 10px}
.hbc textarea{width:100%;min-height:170px;font:15px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;border:1.5px solid var(--line);border-radius:10px;padding:12px;background:#fbfdfc;color:var(--ink);resize:vertical}
.hbc textarea::placeholder{color:#8a9893}
.hbc textarea:focus,.hbc .btn:focus-visible,.hbc a:focus-visible{outline:3px solid rgba(31,209,139,.45);outline-offset:1px;border-color:var(--accentd)}
.hbc .controls{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.hbc .btn{appearance:none;border:0;border-radius:10px;background:var(--accent);color:#04140e;font:800 17px system-ui,sans-serif;padding:14px 24px;cursor:pointer;min-height:48px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center}
.hbc .btn:hover{background:#2be39a}
.hbc .btn.ghost{background:transparent;color:var(--brand);border:1.5px solid var(--line);font-weight:700}
.hbc .btn.ghost:hover{background:#eef3f0}
.hbc .btn.sm{font-size:15px;padding:10px 16px;min-height:42px}
.hbc .res{margin-top:18px}
.hbc .scorebox{display:grid;grid-template-columns:1fr;gap:16px;justify-items:center}
.hbc .ring{--p:0;width:148px;height:148px;border-radius:50%;background:conic-gradient(var(--c,var(--accent)) calc(var(--p)*1%),#e6ece9 0);display:grid;place-items:center;transition:--p .6s}
.hbc .ring>div{width:118px;height:118px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center}
.hbc .ring b{font-size:44px;line-height:1;display:block}
.hbc .ring small{display:block;color:var(--muted);font-size:13px}
.hbc .verdict{text-align:center}
.hbc .verdict h2{font-size:22px;margin:0 0 4px;letter-spacing:-.2px}
.hbc .verdict p{margin:0;color:var(--muted);font-size:15px}
.hbc .meter{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);width:100%;max-width:320px;margin:2px auto 0}
.hbc h3{font-size:17px;margin:0 0 10px}
.hbc ul.reasons{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hbc ul.reasons li{display:flex;gap:10px;align-items:flex-start;background:#f7faf8;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:15px}
.hbc ul.reasons li i{font-style:normal;flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:13px;font-weight:800;background:#e9faf2;color:#0d6b47}
.hbc ul.reasons li.warn i{background:#fff4e5;color:#8a4b00}
.hbc .chips{display:flex;flex-wrap:wrap;gap:6px}
.hbc .chip{font-size:13.5px;font-weight:600;padding:5px 11px;border-radius:99px;background:#e9faf2;color:#0d6b47;border:1px solid #bdebd5}
.hbc .chip.gap{background:#fff4e5;color:#8a4b00;border-color:#f6d3a1}
.hbc .kw{display:grid;gap:16px;margin-top:16px}
.hbc .count{font-size:13px;color:var(--muted);font-weight:600;margin-left:6px}
.hbc .cta{margin-top:18px;background:var(--brand);color:#fff;border-radius:var(--r);padding:20px}
.hbc .cta h3{color:#fff;font-size:20px;margin:0 0 6px}
.hbc .cta p{color:#cfe3db;margin:0 0 14px;font-size:15px}
.hbc .cta .btn{width:100%}
.hbc .cta .price{font-size:14px;color:#cfe3db;margin:10px 0 0;text-align:center}
.hbc .cta .price b{color:#fff}
.hbc [hidden]{display:none!important}
.hbc ul.checks{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.hbc ul.checks li{display:flex;gap:10px;font-size:15px;padding:8px 10px;border-radius:10px;background:#f7faf8;border:1px solid var(--line)}
.hbc ul.checks li i{font-style:normal;flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:13px;font-weight:800;background:#e9faf2;color:#0d6b47}
.hbc ul.checks li.warn i{background:#fff4e5;color:#8a4b00}
.hbc ul.checks li.info i{background:#e8f0ff;color:#1d4ed8}
.hbc .tier{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;margin-left:4px;opacity:.75}
.hbc .copybox{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hbc .copybox small{color:var(--muted);font-size:13px}
.hbc .explain{margin-top:16px;background:#f7faf8;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14.5px}
.hbc .explain b{color:var(--ink)}
.hbc .bar{height:8px;border-radius:99px;background:#e6ece9;overflow:hidden;margin:4px 0 8px}
.hbc .bar span{display:block;height:100%;background:var(--accentd)}
.hbc .guides{margin-top:16px;font-size:15px}
.hbc .guides a{color:var(--brand2);font-weight:700}
.hbc .soonb{display:inline-block;background:#ffe08a;color:#3d2b00;font-size:12px;font-weight:800;padding:2px 9px;border-radius:99px;margin-left:6px;vertical-align:middle}
@media(min-width:760px){.hbc .card{padding:20px}
.hbc .grid2{grid-template-columns:1fr 1fr;gap:18px}
.hbc textarea{min-height:240px}
.hbc .controls{flex-direction:row;justify-content:flex-end}
.hbc .scorebox{grid-template-columns:auto 1fr;justify-items:start;gap:26px}
.hbc .verdict{text-align:left}
.hbc .meter{margin:2px 0 0}
.hbc .kw{grid-template-columns:1fr 1fr}
.hbc .cta{display:grid;grid-template-columns:1fr auto;gap:8px 24px;align-items:center}
.hbc .cta .btn{width:auto}
.hbc .cta .price{grid-column:2;margin:0}}
.hbc .up{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}.hbc .up small{color:var(--muted);font-size:13px}.hbc .up small.bad{color:#8a4b00;font-weight:700}
.hbc .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hbc .notify{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;display:grid;gap:10px}.hbc .notify h3{margin:0}.hbc .notify input[type=email]{font:16px system-ui;padding:12px;border:1.5px solid var(--line);border-radius:10px;width:100%}
.hbc .notify .tick{display:flex;gap:10px;align-items:center;font-size:15px;min-height:44px;padding:4px 0;cursor:pointer}.hbc .notify .tick input{width:24px;height:24px;margin:0;flex:none}.hbc .notify small a{display:inline-block;padding:12px 2px}.hbc .notify small{color:var(--muted)}.hbc #nmsg{margin:0;font-size:15px;font-weight:600}