.bh{--ink:#0f1b2d;--mute:#52627a;--bg:#fff;--tint:#f3f7fb;--green:#00aa33;--green-d:#008a2a;--blue:#3182ce;--line:#e2e8f0;color:var(--ink);font-size:17px;line-height:1.6;overflow-x:clip}
.bh *{box-sizing:border-box}
.bh h1,.bh h2,.bh h3{line-height:1.15;margin:0 0 .5em;color:var(--ink)}
.bh h1{font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:-.02em}
.bh h1 span{color:var(--green)}
.bh h2{font-size:clamp(1.7rem,3.2vw,2.4rem);text-align:center;margin-bottom:1.4em;letter-spacing:-.01em}
.bh h3{font-size:1.25rem}
.bh p{margin:0 0 1em}
.bh a{color:var(--blue)}
.bh-full{width:100vw;margin-left:calc(50% - 50vw)}
.bh-wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.bh-narrow{max-width:760px}
.bh-section{padding:88px 0}
.bh-section--tint{background:var(--tint)}
.bh-eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green-d);margin-bottom:.8em}
.bh-lead{font-size:1.2rem;color:var(--mute);max-width:34em}
.bh-small{font-size:.9rem;color:var(--mute)}

.bh-btn{display:inline-block;padding:14px 28px;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}
.bh-btn:hover,.bh-btn:focus-visible{transform:translateY(-2px)}
.bh-btn--primary{background:var(--green);color:#fff!important;box-shadow:0 8px 22px rgba(0,170,51,.35)}
.bh-btn--primary:hover{background:var(--green-d)}
.bh-btn--ghost{border:2px solid var(--line);color:var(--ink)!important;background:#fff}
.bh-btn--light{background:#fff;color:var(--green-d)!important}
.bh-actions{display:flex;gap:14px;flex-wrap:wrap;margin:1.6em 0 1em}

/* hero */
.bh-hero{background:linear-gradient(160deg,#eefaf1 0%,#eef5fd 100%);padding:80px 0 96px;overflow:hidden}
.bh-hero__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.bh-demo{position:relative}
.bh-demo__card{position:relative;z-index:1;background:#fff;border-radius:20px;padding:24px;box-shadow:0 30px 60px -20px rgba(15,27,45,.35);transform:rotate(1.5deg)}
.bh-demo__blob{position:absolute;inset:-30px -30px auto auto;width:70%;aspect-ratio:1;background:radial-gradient(circle,rgba(0,170,51,.25),transparent 65%);animation:bh-float 8s ease-in-out infinite}
.bh-demo__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}
.bh-demo__head span{font-size:.75rem;color:var(--mute)}
.bh-bars{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px}
.bh-bars li{display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:center;font-size:.9rem;position:relative}
.bh-bars li::before{content:"";grid-column:2;grid-row:1;height:10px;border-radius:99px;background:var(--line)}
.bh-bars i{grid-column:2;grid-row:1;height:10px;border-radius:99px;background:var(--green);width:var(--w);transform-origin:left;animation:bh-fill 1.4s cubic-bezier(.2,.8,.2,1) var(--d) both}
.bh-bars i.is-warn{background:#ed8936}
.bh-bars b{font-size:.8rem;color:var(--mute);font-weight:600}
.bh-feed{border-top:1px dashed var(--line);padding-top:14px;display:grid;gap:8px;min-height:120px}
.bh-tx{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;font-size:.82rem;padding:8px 10px;border-radius:10px;background:var(--tint);opacity:0;animation:bh-tx 9s infinite}
.bh-tx em{font-style:normal;font-weight:600}
.bh-tx u{text-decoration:none;font-size:.72rem;font-weight:700;color:#fff;background:var(--blue);padding:2px 10px;border-radius:99px;opacity:0;animation:bh-chip 9s infinite}
.bh-tx--1,.bh-tx--1 u{animation-delay:.5s}
.bh-tx--2,.bh-tx--2 u{animation-delay:3.5s}
.bh-tx--3,.bh-tx--3 u{animation-delay:6.5s}
.bh-tx--1 u{background:var(--green)}
@keyframes bh-fill{from{transform:scaleX(0)}}
@keyframes bh-float{50%{transform:translate(-14px,16px) scale(1.06)}}
@keyframes bh-tx{0%{opacity:0;transform:translateY(12px)}6%,30%{opacity:1;transform:none}36%,100%{opacity:0}}
@keyframes bh-chip{0%,10%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1.15)}18%,30%{opacity:1;transform:scale(1)}36%,100%{opacity:0}}

/* trust strip */
.bh-trust{background:var(--ink);color:#fff}
.bh-trust ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 36px;margin:0 auto;padding:20px 24px;font-size:.92rem;font-weight:600}
.bh-trust li::before{content:"\2713";color:#4ade80;margin-right:8px}

/* steps */
.bh-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:s}
.bh-steps li{position:relative;padding:28px 22px;border:1px solid var(--line);border-radius:18px;background:#fff;counter-increment:s}
.bh-steps li::after{content:counter(s);position:absolute;top:14px;right:18px;font-size:2rem;font-weight:800;color:var(--line)}
.bh-steps svg{width:48px;height:48px;fill:none;stroke:var(--green);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}
.bh-steps p{color:var(--mute);margin:0;font-size:.95rem}

/* features */
.bh-feature{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;align-items:center;margin-top:72px}
.bh-feature:nth-of-type(even){grid-template-columns:1.5fr 1fr}
.bh-feature:nth-of-type(even) .bh-feature__text{order:2}
.bh-feature__text p:last-child{color:var(--mute)}
.bh-shot{margin:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 24px 50px -18px rgba(15,27,45,.4);border:1px solid var(--line)}
.bh-shot__bar{display:flex;gap:6px;padding:10px 14px;background:#edf2f7}
.bh-shot__bar i{width:10px;height:10px;border-radius:50%;background:#cbd5e0}
.bh-shot img{display:block;width:100%;height:auto}

/* plans */
.bh-plans{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:820px;margin:0 auto}
.bh-plan{padding:34px;border:2px solid var(--line);border-radius:20px;background:#fff;display:flex;flex-direction:column}
.bh-plan--pro{border-color:var(--green);box-shadow:0 20px 40px -20px rgba(0,170,51,.45)}
.bh-plan ul{list-style:none;padding:0;margin:0 0 24px;flex:1}
.bh-plan li{padding:8px 0 8px 28px;position:relative}
.bh-plan li::before{content:"\2713";position:absolute;left:0;color:var(--green);font-weight:800}
.bh-plan .bh-btn{text-align:center}

/* guide */
.bh-guide{list-style:none;margin:0;padding:0;border-left:3px solid var(--line);margin-left:20px}
.bh-guide li{display:flex;gap:20px;padding:0 0 32px 0;position:relative;margin-left:-23px}
.bh-guide b{flex:none;width:42px;height:42px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center}
.bh-guide p{color:var(--mute);margin:0}
.bh-guide h3{margin-bottom:.2em}

/* faq */
.bh details{border-bottom:1px solid var(--line);padding:18px 0}
.bh summary{cursor:pointer;font-weight:700;list-style:none}
.bh summary::after{content:"+";float:right;font-size:1.4rem;line-height:1}
.bh details[open] summary::after{content:"\2212"}
.bh details p{margin:.8em 0 0;color:var(--mute)}

/* cta */
.bh-cta{background:linear-gradient(135deg,var(--green) 0%,#0a8f5c 100%);text-align:center;padding:84px 0}
.bh-cta h2{color:#fff;margin-bottom:1em}

/* scroll reveal (only when JS is available) */
.bh-js [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.bh-js [data-reveal].is-in{opacity:1;transform:none}

@media (max-width:900px){
	.bh-hero__grid,.bh-feature,.bh-feature:nth-of-type(even){grid-template-columns:1fr}
	.bh-feature:nth-of-type(even) .bh-feature__text{order:0}
	.bh-steps{grid-template-columns:repeat(2,1fr)}
	.bh-hero{padding:56px 0 64px}
	.bh-section{padding:64px 0}
}
@media (max-width:560px){.bh-steps,.bh-plans{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){
	.bh *,.bh *::before,.bh *::after{animation:none!important;transition:none!important}
	.bh-tx,.bh-tx u{opacity:1}
	.bh-js [data-reveal]{opacity:1;transform:none}
}