/* How We Work Page Styles */
	@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

	/* Hero Section (match other pages) */
	.howwe-video-container-relative { position: relative; min-height: 108vh; height: fit-content; margin-bottom: 80px; --dm-nav-height: 80px; --dm-hero-offset: 250px; margin-top: calc(-1 * var(--dm-nav-height)); overflow: hidden; display: flex; align-items: center; justify-content: center; }

	.howwe-hero-section {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		position: absolute;
		inset: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding: 90px 75px 120px;
		background-color: #ffffffcc;
		z-index: 2;
		width: 100%;
		box-sizing: border-box;
	}

	.howwe-hero-title {
		font-family: "Poppins", sans-serif;
		color: #000;
		font-weight: 600;
		font-size: 64px;
		line-height: normal;
		margin: 0;
	}

	.howwe-hero-subtitle {
		font-family: "DM Sans", sans-serif;
		color: #374754;
		font-weight: 400;
		font-size: 28px;
		line-height: normal;
		padding: 5px 0;
		max-width: 1400px;
		width: 100%;
	}

	/* Video Section */
	.howwe-video-container { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; text-align: start; }

	.howwe-video { width: 100%; height: 100%; min-height: 200px; border: none; display: block; object-fit: cover; }

	/* Intro Copy */
	.howwe-intro-section {
		background-color: #fff;
		padding: 80px 75px;
	}

	.howwe-container {
		max-width: 1600px;
		margin: 0 auto;
	}

	.howwe-intro-hero {
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: center;
		gap: 48px;
		justify-items: stretch;
	}

	.howwe-intro-col { width: 100%; }

	.howwe-intro-text { align-self: center; }

	.howwe-intro-title {
		line-height: 1.2;
		margin: 0 0 12px 0;
		font-family: "Poppins", sans-serif;
		font-size: 48px;
		font-weight: 600;
		max-width: 1400px;
		color: #3A3A4D;
	}

	.howwe-intro-copy {
		font-family: "DM Sans", sans-serif;
		font-size: 20px;
		line-height: 1.6;
		color: #374754;
		font-weight: 400;
		margin: 0;
		max-width: 1400px;
		text-align: left;
	}

	.howwe-intro-media { text-align: right; }

	.howwe-intro-media .howwe-intro-image-wrap { display: inline-flex; width: 100%; justify-content: flex-end; }

	.howwe-intro-image {
		width: 100%;
		max-width: 720px;
		height: 100%;
		display: inline-block;
		border-radius: 16px;
		box-shadow: 0 10px 30px rgba(0,0,0,0.08);
		object-fit: cover;
	}

	/* Steps */
	.howwe-steps-section {
		background-color: #fff;
		padding: 80px 75px;
	}

	.howwe-section-heading {
		font-family: "Poppins", sans-serif;
		font-size: 48px;
		font-weight: 600;
		color: #3A3A4D;
		margin: 0 auto 40px auto;
		max-width: 1100px;
		text-align: center;
	}

	.howwe-steps-branch-wrap { position: relative; max-width: 1200px; margin: 0 auto; height: 0; }

	.howwe-steps-branch {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		/* Path is injected via JS-like sizing using CSS only by stretching */
	}

	.howwe-steps-list {
		list-style: none;
		padding: 0;
		margin: 0 auto;
		max-width: 1200px;
		/* display: flex; */
		display: grid;
		gap: 32px;
	}

	.howwe-step-item {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 20px;
		cursor: pointer;
		padding: 24px;
		border: 1px solid #EAEBEC;
		border-radius: 16px;
		background-color: #FFFFFF;
		position: relative;
	}

	.howwe-step-item:before {
		content: "";
		position: absolute;
		left: 32px;
		top: -32px;
		bottom: calc(100% - 32px);
		width: 2px;
		background: linear-gradient(180deg, rgba(93,180,249,0.25) 0%, rgba(93,180,249,0.25) 100%);
	}

	.howwe-step-item:first-child:before { display: none; }

	.howwe-step-number {
		width: 64px;
		height: 64px;
		border-radius: 12px;
		background-color: #5DB4F9;
		color: #fff;
		font-family: "Poppins", sans-serif;
		font-weight: 600;
		font-size: 24px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* Node circle for the branch */
	.howwe-step-number:after {
		content: "";
		position: absolute;
		left: 32px;
		top: 32px;
		transform: translate(-50%, -50%);
		width: 14px;
		height: 14px;
		border-radius: 50%;
		background: #fff;
		border: 3px solid #5DB4F9;
		box-shadow: 0 0 0 4px rgba(93,180,249,0.15);
	}

	.howwe-step-title {
		font-family: "Poppins", sans-serif;
		font-size: 24px;
		font-weight: 600;
		color: #3A3A4D;
		margin: 0 0 8px 0;
	}

	.howwe-step-text {
		font-family: "DM Sans", sans-serif;
		font-size: 18px;
		font-weight: 400;
		color: #374754;
		line-height: 1.6;
		margin: 0;
	}

	
	/* howwe "Learn more" buttons */
	.howwe-step-learn-more,
	.howwe-step-mobile-learn-more {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-left: auto;
		padding: 6px 16px;
		border-radius: 9999px;
		border: 1px solid #53A2E8;
		background-color: #53A2E8;
		color: #fff;
		font-family: "Poppins", sans-serif;
		font-size: 13px;
		font-weight: 500;
		cursor: pointer;
		transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
	}

	.howwe-step-learn-more:hover,
	.howwe-step-mobile-learn-more:hover {
		background-color: #ffffff;
		color: #53A2E8;
		box-shadow: 0 4px 10px rgba(83, 162, 232, 0.25);
		transform: translateY(-1px);
	}

	.howwe-step-learn-more:focus,
	.howwe-step-mobile-learn-more:focus {
		outline: none;
		box-shadow: 0 0 0 2px rgba(83, 162, 232, 0.4);
	}

	/* Fit Section */
	.built-to-fit-section {
		background-color: #5DB4F9;
		background-image: linear-gradient(180deg, rgba(255,255,255,0.0) 0%, rgba(0,0,0,0.06) 100%);
		padding: 120px 75px;
		text-align: center;
		position: relative;
		overflow: hidden;
	}

	.howwe-container.built-to-fit{
		max-width: 1400px;
		margin: 0 auto;
	}

	.howwe-fit-section:before,
	.howwe-fit-section:after {
		content: "";
		position: absolute;
		width: 540px;
		height: 540px;
		border-radius: 50%;
		background: radial-gradient(closest-side, rgba(255,255,255,0.18), rgba(255,255,255,0) 70%);
		pointer-events: none;
	}

	.howwe-fit-section:before { top: -180px; right: -140px; }
	.howwe-fit-section:after { bottom: -200px; left: -160px; }

	.howwe-fit-grid {
		max-width: 1200px;
		margin: 20px auto 0 auto;
		display: block;
		gap: 44px;
		justify-content: center;
	}

	.howwe-fit-card {
		background-color: #F4F6FF;
		border: none;
		border-radius: 20px;
		padding: 32px;
		width: 100%;
		margin-top: 30px;
		/* max-width: 600px; */
		text-align: left;
		/* box-shadow: 0 10px 30px rgba(0,0,0,0.12); */
		/* transition: transform 180ms ease, box-shadow 180ms ease; */
	}

	.built-to-fit-text-container{
		justify-content: center;
		margin: 0 auto;
	}

	.how-we-intro-built-to-fit{
		justify-content: center;
		align-content: center;
	}

	.howwe-fit-header {
		font-family: "Poppins", sans-serif;
		font-size: 48px;
		font-weight: 600;
		color: #ffffff;
		margin: 0 auto 40px auto;
		max-width: 1100px;
		text-align: center;
	}

	.howwe-fit-title {
		font-family: "Poppins", sans-serif;
		font-size: 20px;
		font-weight: 600;
		color: #252B42;
		margin: 0 0 8px 0;
	}

	.howwe-fit-text {
		font-family: "DM Sans", sans-serif;
		font-size: 16px;
		font-weight: 400;
		color: #374754;
		margin: 0;
		line-height: 1.6;
	}

	.howwe-footnote {
		margin: 40px auto 0 auto;
		max-width: 900px;
		font-family: "DM Sans", sans-serif;
		font-size: 18px;
		font-weight: 400;
		color: rgba(255,255,255,0.9);
		line-height: 1.6;
	}



	/* Responsive */
		
	@media (max-width: 1200px) {
		.howwe-hero-title { font-size: 48px; }
		.howwe-hero-subtitle { font-size: 20px; }
		.howwe-section-heading { font-size: 42px; }
		.howwe-fit-header { font-size: 42px; }
		.howwe-intro-title { font-size: 36px; }
	}


	@media (max-width: 1200px) {
		.howwe-hero-title {
		font-size: 56px;
		
		}
		
		.howwe-intro-hero { grid-template-columns: 1fr; gap: 20px; }
		
		.howwe-intro-image {
			max-width: 100%;
			width: 100%;
		}
	}

	@media (max-width: 900px) {
		/* .howwe-video-container-relative { min-height: 0; height: auto; }
		.howwe-hero-section { padding: calc(var(--dm-nav-height) + 200px) 50px 100px 50px; align-items: center; } */
		.howwe-video-container-relative{ min-height: 500px;}
		.howwe-hero-title { font-size: 36px; }
		.howwe-hero-subtitle { font-size: 18px; }
		.howwe-video { height: 100%; min-height: 350px; }
		.howwe-fit-grid { grid-template-columns: 1fr; }
		.howwe-intro-hero { grid-template-columns: 1fr; gap: 20px; }
		.howwe-intro-media { text-align: left; }
		.howwe-intro-image { max-width: 100%; }
		.howwe-video-container-relative { margin-bottom: 60px; }
		.howwe-intro-section { padding: 60px 50px; }
		.howwe-steps-section { padding: 60px 50px; }
		.howwe-fit-section { padding: 80px 50px; }
	}

	@media (max-width: 600px) {
		/* .howwe-video-container-relative { min-height: 0; height: auto; }
		.howwe-hero-section { padding: calc(var(--dm-nav-height) + 150px) 30px 80px 30px; align-items: center; } */
		.howwe-hero-section {  padding: 90px 25px 20px;}
		.howwe-video-container-relative{ min-height: 400px;}
		.howwe-hero-title { font-size: 28px; }
		.howwe-section-heading{ font-size: 24px;}
		.howwe-fit-header { font-size: 24px;}
		.howwe-hero-subtitle { font-size: 16px; }
		.howwe-video { height: 100%; min-height: 220px; }
		.howwe-video-container-relative { margin-bottom: 40px; }
		.howwe-intro-section { padding: 40px 20px; }
		.howwe-steps-section { padding: 40px 20px; }
		.howwe-step-title { font-size: 18px;}
		.howwe-step-text { font-size: 16px;}
		.howwe-fit-section { padding: 60px 20px; }
		.howwe-intro-title { font-size: 24px; }
		.howwe-intro-copy { font-size: 16px; }
	}

	@media (min-width: 1500px) {
		.howwe-intro-image { max-width: 800px; }
	}

	@media (max-width: 480px) {
		.howwe-intro-image { max-height: 250px; }
	}



	.howwe-intro-hero.built-to-fit-hero{
		align-items: end;
	}

	.howwe-intro-col.built-to-fit-text-container.howwe-intro-text img{
		height: 380px;
		margin-top: 40px;
		width: 100%;
		object-fit: cover;
	}


	.howwe-container.built-to-fit-container{
		max-width: 1525px;
	}

	.howwe-fit-grid.built-to-fit-grid{
		justify-items: center;
	}