.hb-page{--hb-ink:#102c25;--hb-green:#276b58;--hb-lime:#c8ff72;--hb-paper:#f5f4ed;color:var(--hb-ink);background:#fff}.hb-shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}.hb-hero{position:relative;overflow:hidden;padding:164px 0 94px;background:var(--hb-paper)}.hb-grid{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(#49685e18 1px,transparent 0),linear-gradient(90deg,#49685e18 1px,transparent 0);background-size:56px 56px;mask-image:linear-gradient(180deg,black,transparent 88%)}.hb-hero-layout{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px}.hb-kicker{display:flex;align-items:center;gap:10px;color:var(--hb-green);font:700 11px/1 var(--font-mono);letter-spacing:.16em}.hb-kicker>span{width:24px;height:2px;background:var(--hb-green)}.hb-hero h1{max-width:610px;margin:24px 0;font:650 clamp(44px,5.2vw,72px) /.99 var(--font-serif);letter-spacing:-.048em;text-wrap:balance}.hb-hero h1 em{display:block;color:var(--hb-green);font-style:normal}.hb-lede{max-width:590px;color:#48635b;font-size:18px;line-height:1.75}.hb-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hb-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;border-radius:4px;padding:0 19px;font-size:14px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.hb-button:hover{transform:translateY(-2px)}.hb-button-primary{color:white;background:var(--hb-green);box-shadow:0 9px 22px #173d3025}.hb-button-primary:hover{background:#1e5848;box-shadow:0 12px 28px #173d3036}.hb-button-secondary{border:1px solid #b8c5bd;color:var(--hb-ink);background:#ffffff99}.hb-proof{display:flex;flex-wrap:wrap;gap:20px;margin-top:26px;color:#557068;font-size:12px}.hb-proof li{display:flex;align-items:center;gap:6px}.hb-proof svg{color:var(--hb-green)}.hb-browser{position:relative;transform:rotate(1.1deg);border:1px solid #aebcb4;border-radius:10px;background:white;box-shadow:24px 30px 0 #d9e3d9,0 32px 70px #18382e24}.hb-browser-bar{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;min-height:44px;border-bottom:1px solid #dfe5e1;padding:0 14px}.hb-dots{display:flex;gap:5px}.hb-dots i{width:7px;height:7px;border-radius:50%;background:#c8d2cc}.hb-address{display:flex;align-items:center;justify-content:center;gap:5px;border-radius:4px;padding:6px 9px;color:#60726c;background:#f4f6f4;font:600 10px/1 var(--font-mono)}.hb-address svg{color:var(--hb-green)}.hb-browser-site{padding:26px 30px 34px}.hb-demo-nav{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #e4e8e5}.hb-demo-nav strong{display:flex;align-items:center;gap:9px;font:800 11px/1 var(--font-mono);letter-spacing:.08em}.hb-demo-nav strong span{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;color:var(--hb-lime);background:var(--hb-ink)}.hb-demo-nav small{color:#73837e;font-size:9px}.hb-demo-article{padding:54px 7% 20px}.hb-demo-article>span{color:var(--hb-green);font:700 8px/1 var(--font-mono);letter-spacing:.14em}.hb-demo-article h2{max-width:520px;margin:15px 0;font:650 clamp(27px,3vw,43px) /1.05 var(--font-serif);letter-spacing:-.035em}.hb-demo-article p{max-width:460px;color:#5e716b;font-size:12px;line-height:1.7}.hb-demo-article div{display:grid;grid-template-columns:2fr 1fr 1fr;gap:9px;margin-top:34px}.hb-demo-article div i{height:6px;border-radius:9px;background:#dce4df}.hb-live-pill{position:absolute;right:-28px;bottom:-20px;display:flex;align-items:center;gap:8px;border:1px solid #8ea299;border-radius:4px;padding:11px 14px;color:var(--hb-ink);background:var(--hb-lime);font:700 10px/1 var(--font-mono);box-shadow:0 9px 24px #1d3f3226}.hb-live-pill i{width:7px;height:7px;border-radius:50%;background:var(--hb-green);box-shadow:0 0 0 4px #2c6a5730}.hb-faq,.hb-setup,.hb-why{padding-block:104px}.hb-section-heading{max-width:720px}.hb-cta p,.hb-plan-grid>div:first-child>p,.hb-section-heading>p{margin-bottom:15px;color:var(--hb-green);font:750 11px/1 var(--font-mono);letter-spacing:.15em}.hb-cta h2,.hb-plan h2,.hb-section-heading h2,.hb-setup h2{font:650 clamp(34px,4vw,54px) /1.05 var(--font-serif);letter-spacing:-.04em;text-wrap:balance}.hb-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.hb-card-grid article{min-height:230px;border:1px solid #dbe3de;border-radius:5px;padding:28px;background:#fbfcfa;transition:transform .2s ease,border-color .2s ease}.hb-card-grid article:hover{transform:translateY(-4px);border-color:#88a399}.hb-card-grid article>span{display:grid;width:41px;height:41px;place-items:center;border:1px solid #cad7d0;border-radius:50%;color:var(--hb-green);background:white}.hb-card-grid h3{margin:50px 0 10px;font:700 19px/1.2 var(--font-serif)}.hb-card-grid p{color:#5f746d;font-size:14px;line-height:1.7}.hb-steps{overflow:hidden;padding:100px 0;color:white;background:var(--hb-ink)}.hb-section-heading-light>p{color:var(--hb-lime)}.hb-steps ol{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;border-top:1px solid #ffffff28}.hb-steps li{position:relative;min-height:280px;padding:32px 38px 20px 0;border-right:1px solid #ffffff28}.hb-steps li+li{padding-left:38px}.hb-steps li:last-child{border-right:0}.hb-step-number{display:block;margin-bottom:54px;color:#93aaa1;font:700 11px/1 var(--font-mono)}.hb-steps li>svg{color:var(--hb-lime)}.hb-steps h3{margin:19px 0 10px;font:650 21px/1.2 var(--font-serif)}.hb-steps li p{max-width:280px;color:#afc0b9;font-size:14px;line-height:1.7}.hb-setup{display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:80px}.hb-setup-copy>p:not(.hb-kicker){margin-top:22px;color:#5a7068;font-size:16px;line-height:1.75}.hb-note{display:flex;align-items:flex-start;gap:10px;margin-top:25px;border-left:2px solid var(--hb-green);padding-left:14px;color:#50655e;font-size:13px;line-height:1.55}.hb-note svg{flex:0 0 auto;color:var(--hb-green)}.hb-dns-card{border:1px solid #bcc9c2;border-radius:6px;padding:28px;background:var(--hb-paper);box-shadow:15px 15px 0 #e2e8e2}.hb-dns-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:21px;border-bottom:1px solid #ced7d2;font:750 11px/1 var(--font-mono);letter-spacing:.12em}.hb-dns-title small{border-radius:3px;padding:7px 9px;color:var(--hb-lime);background:var(--hb-ink);font:700 10px/1 var(--font-mono)}.hb-dns-card dl{margin:5px 0 20px}.hb-dns-card dl>div{display:grid;grid-template-columns:90px 1fr;align-items:center;min-height:58px;border-bottom:1px solid #d8dfdb}.hb-dns-card dt{color:#667a72;font-size:12px}.hb-dns-card dd{color:var(--hb-ink);font:700 13px/1.3 var(--font-mono)}.hb-status-list{display:flex;flex-wrap:wrap;gap:10px}.hb-status-list span{display:flex;align-items:center;gap:6px;border:1px solid #cbd7d1;border-radius:30px;padding:7px 10px;color:#4d685f;background:white;font-size:10px;font-weight:700}.hb-status-list i{width:6px;height:6px;border-radius:50%;background:#43a36f}.hb-plan{padding-block:95px;background:var(--hb-paper)}.hb-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hb-plan-card{border:1px solid #bfcac4;border-radius:6px;padding:30px;background:white;box-shadow:12px 12px 0 #dce4dd}.hb-plan-card>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.hb-plan-card>div span{color:#5e746c;font-size:12px;font-weight:700}.hb-plan-card>div strong{color:var(--hb-green);font:650 29px/1 var(--font-serif)}.hb-plan-card>div strong small{font-size:13px}.hb-plan-card ul{display:grid;gap:10px;margin-top:21px}.hb-plan-card li{display:flex;align-items:center;gap:8px;color:#465f56;font-size:13px}.hb-plan-card li svg{color:var(--hb-green)}.hb-plan-card hr{margin:27px 0;border:0;border-top:1px solid #dce3df}.hb-plan-card>p{margin-top:16px;color:#64776f;font-size:12px;line-height:1.65}.hb-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.hb-faq-list details{border-top:1px solid #d7dfda}.hb-faq-list details:last-child{border-bottom:1px solid #d7dfda}.hb-faq-list summary{display:flex;cursor:pointer;list-style:none;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;font:650 17px/1.3 var(--font-serif)}.hb-faq-list summary::-webkit-details-marker{display:none}.hb-faq-list summary span{color:var(--hb-green);font:400 24px/1 var(--font-sans);transition:transform .2s ease}.hb-faq-list details[open] summary span{transform:rotate(45deg)}.hb-faq-list details p{max-width:650px;padding:0 40px 22px 0;color:#5f736c;font-size:14px;line-height:1.7}.hb-cta{padding:94px 0;text-align:center;color:white;background:var(--hb-green)}.hb-cta p{color:var(--hb-lime)}.hb-cta h2{max-width:760px;margin:0 auto 30px}.hb-cta .hb-button-primary{color:var(--hb-ink);background:var(--hb-lime);box-shadow:none}@media (max-width:900px){.hb-hero{padding-top:128px}.hb-faq,.hb-hero-layout,.hb-plan-grid,.hb-setup{grid-template-columns:1fr;gap:55px}.hb-browser{transform:none}.hb-card-grid,.hb-steps ol{grid-template-columns:1fr}.hb-card-grid article{min-height:190px}.hb-card-grid h3{margin-top:28px}.hb-steps li,.hb-steps li+li{min-height:0;border-right:0;border-bottom:1px solid #ffffff28;padding:30px 0}.hb-step-number{margin-bottom:28px}}@media (max-width:560px){.hb-shell{width:min(100% - 28px,1160px)}.hb-hero{padding-top:112px}.hb-hero h1{font-size:43px}.hb-browser-site{padding:20px 18px 26px}.hb-demo-nav small{display:none}.hb-demo-article{padding-inline:0}.hb-live-pill{right:10px}.hb-faq,.hb-setup,.hb-why{padding-block:78px}.hb-setup{gap:38px}.hb-dns-card{padding:21px;box-shadow:8px 8px 0 #e2e8e2}.hb-faq{gap:34px}}@media (prefers-reduced-motion:reduce){.hb-button,.hb-card-grid article,.hb-faq-list summary span{transition:none}}