/* ================================================================
   HOW TO BUY PAGE – ID-scoped styles
   Figma node 246:322
   ================================================================ */
#htb-page, #htb-page *, #htb-page *::before, #htb-page *::after {
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 !important;
}
#htb-page {
	font-family: 'Bree Serif', serif !important;
	color: #212529 !important;
	background: #fff !important;
	overflow-x: hidden !important;
	line-height: normal !important;
	-webkit-font-smoothing: antialiased !important;
	opacity: 1 !important;
	visibility: visible !important;
	width: 100% !important;
	max-width: 100% !important;
}
#htb-page img {
	max-width: 100% !important; height: auto !important;
	display: block !important; border: none !important; opacity: 1 !important;
}
#htb-page a { text-decoration: none !important; color: inherit !important; }
#htb-page h1,#htb-page h2,#htb-page h3,#htb-page h4,#htb-page p {
	margin: 0 !important; padding: 0 !important; font-weight: 400 !important;
	opacity: 1 !important; visibility: visible !important;
}
#htb-page section, #htb-page div { opacity: 1 !important; visibility: visible !important; }

/* ===== BUTTONS ===== */
#htb-page .htb-btn {
	display: inline-flex !important; align-items: center !important; justify-content: center !important;
	gap: 10px !important; font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: 600 !important; white-space: nowrap !important; cursor: pointer !important;
	transition: background .2s, color .2s !important; line-height: normal !important;
	border: 2px solid #f48851 !important; border-radius: 0 !important;
}
#htb-page .htb-btn--solid { background: #f48851 !important; color: #fff !important; }
#htb-page .htb-btn--solid:hover { background: #e07540 !important; color: #fff !important; }
#htb-page .htb-btn--ghost { background: transparent !important; color: #f48851 !important; border-color: transparent !important; }
#htb-page .htb-btn--ghost:hover { text-decoration: underline !important; }
#htb-page .htb-btn--md { font-size: 24px !important; padding: 25px !important; }
#htb-page .htb-btn__arrow {
	width: 18px !important; height: 14px !important; fill: none !important;
	stroke: #f48851 !important; stroke-width: 2.5 !important;
	stroke-linecap: round !important; stroke-linejoin: round !important;
}

/* ===== HERO ===== */
#htb-page .htb-hero {
	background: #f2f8fa !important;
	padding: 60px 542px 70px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 129px !important;
}

#htb-page .htb-hero__top {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 30px !important;
	width: 835px !important;
	max-width: 100% !important;
}

#htb-page .htb-hero__logo {
	width: 360px !important;
	height: 172px !important;
	object-fit: contain !important;
}

#htb-page .htb-hero__desc {
	font-size: 36px !important;
	color: #4d6b74 !important;
	width: 829px !important;
	max-width: 100% !important;
	font-family: 'Bree Serif', serif !important;
	line-height: normal !important;
}

/* Purchase card */
#htb-page .htb-card {
	background: #fff !important;
	border-radius: 10px !important;
	box-shadow: 0 0 15px rgba(0,0,0,.25) !important;
	padding: 50px !important;
	width: 787px !important;
	max-width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
}

#htb-page .htb-card__inner {
	background: #f2f8fa !important;
	padding: 50px 30px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 30px !important;
	width: 100% !important;
}

#htb-page .htb-card__title {
	font-size: 50px !important;
	color: #f48851 !important;
	text-align: center !important;
	width: 627px !important;
	max-width: 100% !important;
	font-family: 'Bree Serif', serif !important;
	line-height: normal !important;
}

#htb-page .htb-card__desc {
	font-size: 20px !important;
	color: #212529 !important;
	text-align: center !important;
	line-height: 30px !important;
	font-family: 'Bree Serif', serif !important;
}

#htb-page .htb-card__contact {
	font-size: 20px !important;
	color: #212529 !important;
	text-align: center !important;
	font-family: 'Bree Serif', serif !important;
}

#htb-page .htb-card__contact strong {
	font-weight: 700 !important;
}

#htb-page .htb-card__contact a {
	color: #f48851 !important;
	text-decoration: underline !important;
}

#htb-page .htb-card__btns {
	display: flex !important;
	align-items: center !important;
	gap: 30px !important;
}

/* ===== STATS BAR ===== */
#htb-page .htb-stats {
	background: #f2f8fa !important;
	border-top: 1px solid #d9d9d9 !important;
	border-bottom: 1px solid #d9d9d9 !important;
	display: flex !important; align-items: center !important; justify-content: center !important;
	padding: 20px 171px !important; gap: 116px !important;
}
#htb-page .htb-stats__item { text-align: center !important; width: 218px !important; }
#htb-page .htb-stats__num {
	font-family: 'Outfit', sans-serif !important; font-weight: 700 !important;
	font-size: 64px !important; color: #f48851 !important; line-height: normal !important;
}
#htb-page .htb-stats__label {
	font-size: 24px !important; color: #4d6b74 !important;
	font-family: 'Bree Serif', serif !important;
}
#htb-page .htb-stats__div {
	width: 3px !important; height: 71px !important;
	background: #d9d9d9 !important; flex-shrink: 0 !important;
}

/* ===== PARTNERS ===== */
#htb-page .htb-partners {
	background: #fff !important;
	padding: 70px 411px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 80px !important;
}

#htb-page .htb-partners__heading {
	font-size: 50px !important;
	color: #f48851 !important;
	text-align: center !important;
	width: 627px !important;
	max-width: 100% !important;
	font-family: 'Bree Serif', serif !important;
	line-height: normal !important;
}

#htb-page .htb-partners__list {
	display: flex !important;
	flex-direction: column !important;
	gap: 30px !important;
	width: 1097px !important;
	max-width: 100% !important;
}

#htb-page .htb-partner {
	background: #f2f8fa !important;
	border-radius: 5px !important;
	padding: 30px 45px 30px 30px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 20px !important;
	width: 100% !important;
}

#htb-page .htb-partner__img {
	flex: 0 0 500px !important;
	height: 216px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

#htb-page .htb-partner__img img {
	max-width: 500px !important;
	max-height: 216px !important;
	object-fit: contain !important;
}

#htb-page .htb-partner__info {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	width: 502px !important;
	max-width: 100% !important;
}

#htb-page .htb-partner__name {
	font-size: 24px !important;
	color: #f48851 !important;
	font-family: 'Bree Serif', serif !important;
	line-height: normal !important;
}

#htb-page .htb-partner__desc {
	font-size: 20px !important;
	color: #4d6b74 !important;
	font-family: 'Bree Serif', serif !important;
	line-height: normal !important;
}

#htb-page .htb-partner__link {
	display: inline-flex !important;
	align-items: flex-end !important;
	gap: 10px !important;
	font-size: 20px !important;
	color: #f48851 !important;
	font-family: 'Bree Serif', serif !important;
	cursor: pointer !important;
}

#htb-page .htb-partner__link:hover {
	text-decoration: underline !important;
	color: #f48851 !important;
}

#htb-page .htb-partner__link svg {
	width: 18px !important; height: 14px !important; fill: none !important;
	stroke: #f48851 !important; stroke-width: 2.5 !important;
	stroke-linecap: round !important; stroke-linejoin: round !important;
}

/* ===== CTA ===== */
#htb-page .htb-cta {
	background: #fff !important;
	padding: 70px 660px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 14px !important;
}

#htb-page .htb-cta__headline {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: 600 !important;
	font-size: 64px !important;
	color: #f48851 !important;
	text-transform: uppercase !important;
	text-align: center !important;
	width: 600px !important;
	max-width: 100% !important;
	line-height: normal !important;
}

#htb-page .htb-cta__sub {
	font-size: 24px !important;
	color: #4d6b74 !important;
	text-align: center !important;
	font-family: 'Bree Serif', serif !important;
}

#htb-page .htb-cta__btns {
	display: flex !important;
	align-items: center !important;
	gap: 30px !important;
}

/* ===== RESPONSIVE ===== */
@media(max-width:1700px){
	#htb-page .htb-hero{padding-left:80px !important;padding-right:80px !important}
	#htb-page .htb-partners{padding-left:80px !important;padding-right:80px !important}
	#htb-page .htb-stats{padding-left:60px !important;padding-right:60px !important;gap:60px !important}
	#htb-page .htb-cta{padding-left:80px !important;padding-right:80px !important}
	#htb-page .htb-hero__top{width:100% !important}
	#htb-page .htb-hero__desc{width:100% !important}
	#htb-page .htb-partners__list{width:100% !important}
}
@media(max-width:1200px){
	#htb-page .htb-hero{gap:60px !important}
	#htb-page .htb-stats{flex-wrap:wrap !important;gap:30px !important;padding:20px 40px !important}
	#htb-page .htb-stats__div{display:none !important}
	#htb-page .htb-partner{flex-direction:column !important;gap:20px !important;padding:30px !important}
	#htb-page .htb-partner__img{flex:none !important;width:100% !important;height:auto !important}
	#htb-page .htb-partner__img img{width:100% !important;height:auto !important}
	#htb-page .htb-partner__info{width:100% !important}
	#htb-page .htb-card{width:100% !important}
	#htb-page .htb-card__title{width:100% !important}
}
@media(max-width:768px){
	#htb-page .htb-hero{padding:30px 20px 40px !important;gap:40px !important}
	#htb-page .htb-hero__logo{width:260px !important;height:auto !important}
	#htb-page .htb-hero__desc{font-size:24px !important}
	#htb-page .htb-card{padding:20px !important}
	#htb-page .htb-card__inner{padding:30px 20px !important}
	#htb-page .htb-card__title{font-size:32px !important}
	#htb-page .htb-card__btns{flex-direction:column !important;gap:12px !important}
	#htb-page .htb-stats__num{font-size:40px !important}
	#htb-page .htb-stats__label{font-size:18px !important}
	#htb-page .htb-partners{padding:40px 20px !important;gap:40px !important}
	#htb-page .htb-partners__heading{font-size:32px !important}
	#htb-page .htb-partner__name{font-size:20px !important}
	#htb-page .htb-partner__desc{font-size:17px !important}
	#htb-page .htb-cta{padding:40px 20px !important}
	#htb-page .htb-cta__headline{font-size:32px !important;width:100% !important}
	#htb-page .htb-cta__sub{font-size:20px !important}
	#htb-page .htb-cta__btns{flex-direction:column !important;gap:12px !important}
	#htb-page .htb-btn--md{font-size:20px !important;padding:18px !important}
}