/* Responsive styles */
@media (max-width: 1339.98px) {
	.hero h1,
	.hero h2 {
		font-size: 50px;
	}

	.market-card {
		left: 0;
		width: min(100%, 430px);
	}
	.company-grid {
		grid-gap: 40px;
	}
	.company-side {
		max-width: 450px;
	}


}
@media (max-width: 1199.98px) {
	:root {
		--nav-offset: 72px;
	}

	.hero {
		padding: 138px 0 58px;
	}

	.hero h1,
	.hero h2 {
		font-size: 48px;
	}

	.hero p {
		font-size: 17px;
		line-height: 1.6;
	}

	.market-card {
		left: 0;
		width: min(100%, 420px);
	}

	.the-gap {
		padding: 76px 0 84px;
	}

	.gap-grid {
		grid-template-columns: 1fr;
		gap: 34px;
	}

	.gap-main h2 {
		font-size: 48px;
	}

	.gap-main p {
		font-size: 24px;
		max-width: 100%;
	}

	.platform-visual {
		min-height: 500px;
	}

	.pulse-card {
		left: 20px;
		width: calc(100% - 40px);
	}

	.why-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.the-company {
		padding: 76px 0 86px;
	}

	.company-title {
		margin-bottom: 32px;
	}

	.market-cta-left h2 {
		font-size: 40px;
	}
/* 
	.market-cta-right p {
		font-size: 18px;
	} */

	.market-access-field input, .cap-row p {
		font-size: 16px;
	}

	.market-access-note {
		font-size: 14px;
		letter-spacing: 0.2px;
	}

	.footer-wrap {
		/* flex-direction: column; */
		align-items: flex-start;
		gap: 14px;
	}

	.footer-nav,
	.footer-nav ul {
		flex-wrap: wrap;
		gap: 14px 18px;
	}
	.who-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.market-cta-shell {
		grid-template-columns: minmax(0, 0.45fr) minmax(0, 0.55fr);
		gap: 40px;
	}
	.cap-row h3 {
		font-size: 22px;
	}

}

@media (max-width: 991.98px) {
	.the-gap::before,
	.flagship-product::before,
	.capabilities::before,
	.market-cta::before {
		width: 150px;
		height: 150px;
		right: -44px;
		top: 20px;
	}

	.the-gap::after,
	.flagship-product::after,
	.capabilities::after,
	.market-cta::after {
		width: 66px;
		height: 66px;
		left: 10px;
		bottom: 10px;
		opacity: 0.5;
	}

	:root {
		--nav-offset: 80px;
	}

	.custom-nav {
		padding: 8px 0;
	}

	.navbar-brand img {
		height: 62px;
	}

	.navbar-collapse {
		background: rgba(8, 12, 18, 0.96);
		border: 1px solid rgba(128, 146, 165, 0.25);
		border-radius: 12px;
		padding: 14px;
		margin-top: 10px;
	}

	.nav-link {
		margin: 6px 0;
		display: inline-block;
	}

	.hero {
		padding: 126px 0 54px;
	}

	.hero h1,
	.hero h2 {
		font-size: 40px;
	}

	.hero p {
		font-size: 16px;
		line-height: 1.6;
	}

	.trusted {
		flex-wrap: wrap;
		gap: 10px;
	}

	.market-card {
		margin-top: 22px;
		width: min(100%, 460px);
		padding: 24px;
	}

	.market-card h3 {
		font-size: 32px;
	}

	.gap-kicker {
		margin-bottom: 30px;
	}

	.gap-main h2 {
		font-size: 42px;
	}

	.gap-main p {
		font-size: 20px;
		line-height: 1.65;
	}

	.gap-side {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.gap-card h3 {
		font-size: 28px;
	}

	.our-platform {
		padding: 72px 0 78px;
	}

	.our-platform p {
		max-width: 100%;
	}

	.platform-list {
		margin-top: 20px;
	}

	.platform-visual {
		min-height: 420px;
	}

	.pulse-card {
		left: 14px;
		right: 14px;
		width: auto;
		bottom: 14px;
	}

	.why-contra {
		padding: 64px 0 68px;
	}

	.why-head {
		margin-bottom: 30px;
	}

	.company-kicker {
		margin-bottom: 30px;
	}

	.company-title {
		font-size: 36px;
		margin-bottom: 28px;
	}

	.company-intro {
		margin-bottom: 26px;
	}

	.company-intro p {
		font-size: 16px;
		line-height: 1.7;
	}

	.company-side {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.company-item {
		padding: 22px 18px;
		/* min-height: auto; */
	}

	.company-item-no {
		font-size: 16px;
		margin-bottom: 14px;
	}

	.company-item-title {
		font-size: 22px;
	}

	.company-item-desc {
		font-size: 17px;
	}

	.market-cta-shell {
		grid-template-columns: 1fr;
		gap: 34px;
	}

	.market-cta {
		padding: 66px 0 70px;
	}

	.market-cta-left h2 {
		font-size: 36px;
		max-width: 100%;
	}

	.market-cta-right p {
		font-size: 17px;
		max-width: 100%;
	}

	.market-access-row {
		grid-template-columns: 1fr 0.6fr;
	}

	.market-access-btn {
		width: 100%;
	}

	.market-access-field input {
		font-size: 16px;
	}

	.flagship-product {
		padding: 76px 0 86px;
	}

	.flagship-layout {
		grid-template-columns: 1fr;
		gap: 30px;
		margin-top: 42px;
	}

	.flagship-visual {
		min-height: 420px;
	}

	.flagship-title {
		font-size: 36px;
	}

	.flagship-grid {
		grid-template-columns: 1fr;
	}

	.flagship-card {
		min-height: auto;
	}

	.the-method {
		padding: 76px 0 88px;
	}

	.method-head {
		grid-template-columns: 1fr;
		gap: 18px;
		margin-bottom: 36px;
	}

	.method-head h2 {
		font-size: 42px;
	}

	.method-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		border-top: 1px solid rgba(154, 171, 185, 0.24);
	}

	.method-card {
		border-bottom: 1px solid rgba(154, 171, 185, 0.24);
		min-height: 210px;
	}

	.who-for {
		padding: 72px 0 40px;
	}

	.who-head {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.who-head h2 {
		font-size: 42px;
	}

	.who-head p {
		padding-left: 20px;
	}

	.who-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.capabilities {
		padding: 74px 0 84px;
	}

	.cap-title {
		font-size: 40px;
	}

	.cap-row {
		grid-template-columns: minmax(0, 0.48fr) minmax(0, 0.52fr);
		gap: 24px;
	}

	.cap-row h3 {
		font-size: 24px;
	}

	.cap-row p {
		font-size: 17px;
	}
	.company-grid {
		flex-direction: column;
		grid-gap: 20px;
	}
	.company-side {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		max-width: 100%;
	}

}

@media (max-width: 767.98px) {
	:root {
		--nav-offset: 76px;
	}

	.hero {
		padding: 116px 0 48px;
	}

	.hero h1,
	.hero h2 {
		font-size: 34px;
		line-height: 1.12;
	}

	.hero p {
		font-size: 15px;
	}

	.market-card {
		padding: 20px;
	}

	.market-card h3 {
		font-size: 28px;
	}

	.flagship-visual {
		min-height: auto;
		padding: 8px 0;
	}

	.radar-wrap {
		width: min(100%, 300px);
	}

	.radar-label {
		font-size: 10px;
		letter-spacing: 1.4px;
		line-height: 1.2;
	}

	.radar-top {
		top: 4px;
	}

	.radar-tright {
		top: 96px;
		right: 2px;
	}

	.radar-bright {
		bottom: 90px;
		right: 0;
	}

	.radar-bottom {
		bottom: 4px;
	}

	.radar-bleft {
		bottom: 90px;
		left: 0;
	}

	.radar-left {
		top: 96px;
		left: 2px;
	}

	.gap-main h2,
	.company-title,
	.flagship-title,
	.method-head h2,
	.who-head h2,
	.cap-title,
	.market-cta-left h2 {
		font-size: 34px;
	}

	.gap-main p,
	.flagship-intro,
	.method-head p,
	.who-head p,
	.market-cta-right p,
	.cap-row p {
		font-size: 15px;
		line-height: 1.65;
	}

	.cap-row h3 {
		font-size: 22px;
	}

	.footer-wrap {
		gap: 10px;
	}
	.who-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575.98px) {
	.the-gap::before,
	.flagship-product::before,
	.capabilities::before,
	.market-cta::before,
	.the-gap::after,
	.flagship-product::after,
	.capabilities::after,
	.market-cta::after {
		display: none;
	}

	:root {
		--nav-offset: 72px;
	}

	.hero {
		padding: 108px 0 44px;
	}

	.hero h1,
	.hero h2 {
		font-size: 30px;
		line-height: 1.14;
	}

	.hero p {
		font-size: 15px;
		line-height: 1.6;
	}

	.navbar-brand img {
		height: 54px;
	}

	.market-card {
		padding: 18px;
	}

	.market-card h3 {
		font-size: 26px;
	}

	.the-gap {
		padding: 58px 0 62px;
	}

	.gap-main h2 {
		font-size: 34px;
	}

	.gap-main p {
		font-size: 18px;
		line-height: 1.65;
	}

	.gap-card h3 {
		font-size: 24px;
	}

	.gap-card p {
		font-size: 16px;
	}

	.our-platform {
		padding: 58px 0 62px;
	}

	.platform-visual {
		min-height: 330px;
		border-radius: 14px;
	}

	.platform-list li {
		font-size: clamp(20px, 6.2vw, 28px);
	}

	.platform-btn {
		font-size: 20px;
	}

	.play-control {
		width: 64px;
		height: 64px;
	}

	.play-control i {
		font-size: 28px;
	}

	.pulse-card {
		gap: 10px;
		padding: 16px;
		border-radius: 12px;
	}

	.why-contra {
		padding: 54px 0 58px;
	}

	.why-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.why-item {
		padding: 20px 16px;
	}

	.why-item i {
		font-size: 40px;
	}

	.the-company {
		padding: 58px 0 62px;
	}

	.company-title {
		font-size: 34px;
		margin-bottom: 22px;
	}

	.company-intro {
		margin-bottom: 20px;
	}

	.company-intro p {
		font-size: 15px;
		line-height: 1.65;
	}

	.company-label {
		font-size: 11px;
		letter-spacing: 1.8px;
	}

	.company-side {
		grid-template-columns: 1fr;
	}

	.company-item-no {
		font-size: 15px;
		margin-bottom: 12px;
	}

	.company-item-title {
		font-size: 20px;
	}

	.company-item-desc {
		font-size: 16px;
	}

	.market-cta {
		padding: 54px 0 58px;
	}

	.market-kicker {
		margin-bottom: 18px;
	}

	.market-kicker-label {
		letter-spacing: 3px;
	}

	.market-cta-left h2 {
		font-size: 30px;
		line-height: 1.06;
	}

	.market-cta-right p {
		font-size: 15px;
		line-height: 1.62;
	}

	.market-access-field input {
		height: 44px;
		font-size: 14px;
		letter-spacing: 0.3px;
		padding: 0 42px 0 12px;
	}

	.market-access-field i {
		right: 12px;
		font-size: 16px;
	}

	.market-access-btn {
		height: 44px;
		font-size: 12px;
		letter-spacing: 2px;
	}

	.market-access-note {
		font-size: 13px;
		letter-spacing: 0.2px;
		line-height: 1.45;
	}

	.site-footer {
		padding: 24px 0;
	}

	.footer-wrap p,
	.footer-nav a {
		font-size: 11px;
		letter-spacing: 1.1px;
	}

	.flagship-product {
		padding: 58px 0 64px;
	}

	.flagship-title {
		font-size: 32px;
		line-height: 1.15;
	}

	.flagship-intro {
		font-size: 16px;
		line-height: 1.65;
	}

	.flagship-visual {
		min-height: auto;
		padding: 4px 0;
	}

	.radar-wrap {
		width: min(100%, 270px);
	}

	.radar-label {
		font-size: 9px;
		letter-spacing: 1px;
		line-height: 1.2;
	}

	.radar-top {
		top: 6px;
	}

	.radar-tright {
		top: 84px;
		right: 1px;
	}

	.radar-bright {
		bottom: 78px;
		right: 0;
	}

	.radar-bottom {
		bottom: 6px;
	}

	.radar-bleft {
		bottom: 78px;
		left: 0;
	}

	.radar-left {
		top: 84px;
		left: 1px;
	}

	.flagship-card {
		padding: 20px 18px;
	}

	.flagship-card h3 {
		font-size: 19px;
	}

	.flagship-card p {
		font-size: 14px;
	}

	.the-method {
		padding: 58px 0 64px;
	}

	.method-head h2 {
		font-size: 38px;
	}

	.method-head p {
		font-size: 15px;
		line-height: 1.65;
	}

	.method-grid {
		grid-template-columns: 1fr;
	}

	.method-card {
		padding: 24px 16px 20px;
		min-height: auto;
	}

	.method-card h3 {
		font-size: 30px;
	}

	.method-card p {
		font-size: 14px;
	}

	.method-step {
		top: 18px;
		right: 14px;
		font-size: 40px;
	}

	.who-for {
		padding: 56px 0 34px;
	}

	.who-label {
		font-size: 15px;
		letter-spacing: 0.9px;
	}

	.who-head h2 {
		font-size: 38px;
	}

	.who-head p {
		font-size: 15px;
		line-height: 1.65;
		padding-left: 0;
		border-left: 0;
	}

	.who-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.who-card {
		min-height: 108px;
		padding: 18px 14px 16px;
	}

	.capabilities {
		padding: 56px 0 62px;
	}

	.cap-kicker {
		font-size: 10px;
		letter-spacing: 1.8px;
	}

	.cap-title {
		font-size: 36px;
		line-height: 1.2;
	}

	.cap-table {
		margin-top: 30px;
	}

	.cap-row {
		grid-template-columns: 1fr;
		gap: 10px;
		padding: 20px 0;
	}

	.cap-row h3 {
		font-size: 23px;
	}

	.cap-row p {
		font-size: 15px;
		line-height: 1.65;
	}
	.company-grid {
		grid-gap: 30px;
	}
	.btn-green {
		padding: 15px 30px;
	}

	.inner-page {
		padding: 48px 0 64px;
	}

	.inner-page-content h2,
	.inner-post h2 {
		font-size: 26px;
	}

	.inner-post {
		padding: 24px;
	}

	.error-search .market-access-row {
		flex-direction: column;
	}

	.error-search .market-access-row .btn.btn-green {
		border-radius: 10px;
	}

	.inner-page-content .wpcf7 .firstColumn {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.inner-page-content .wpcf7 input[type="text"],
	.inner-page-content .wpcf7 input[type="email"],
	.inner-page-content .wpcf7 input[type="tel"],
	.inner-page-content .wpcf7 input[type="url"],
	.inner-page-content .wpcf7 select,
	.inner-page-content .wpcf7 textarea {
		height: 50px;
	}

	.inner-page-content .wpcf7 textarea {
		min-height: 150px;
	}

	.inner-page-content .wpcf7 input.wpcf7-submit {
		width: 100%;
	}
}

@media (min-width: 576px) and (max-width: 991.98px) {
	.inner-page-content .wpcf7 .firstColumn {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}