/* Park Space — home (medidas do Figma "Home - Desktop", 1440px) */

/* Hero (12:2485): 708px após o header; texto 479px centralizado (x 318–797); carro no "U" (320x555 @ x=1027, y=156 após header) */
.ps-hero { background-color: var(--ps-white); padding: 2.5rem 0 3rem; }
.ps-hero-grid { display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center; }
.ps-hero-content { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 2.5rem; }
.ps-hero-text { display: flex; flex-direction: column; align-items: center; gap: 1.5rem; max-width: 32.38rem; }
.ps-hero-text .ps-display { max-width: 29.94rem; }
.ps-hero-car {
	--ps-car-start: -110vh; /* ponto de partida da animação (acima da tela); o JS troca por "20px do topo do documento" */
	position: relative;
	width: 20rem;
	height: 34.69rem;
	margin: 0 auto;
	background: url('../../image/svg/hero-u.svg') no-repeat left top / 100% auto;
}
.ps-hero-car img {
	position: absolute;
	left: 1.38rem;
	top: 2rem;
	width: 17rem;
	height: auto;
	/* entra em cena 1s depois de abrir a home: desce em linha reta a partir de --ps-car-start (20px do topo do documento; JS calcula) */
	animation: ps-car-park 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1s both;
	will-change: transform;
}
@keyframes ps-car-park {
	from { transform: translateY(var(--ps-car-start, -110vh)); }
	to { transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
	.ps-hero-car img { animation: none; }
}
@media (max-width: 47.99rem) {
	.ps-hero-car { width: 14rem; height: 24.3rem; }
	.ps-hero-car img { left: 0.97rem; top: 1.25rem; width: 11.9rem; }
}
@media (min-width: 62rem) {
	.ps-hero { padding: 0; }
	.ps-hero-grid { grid-template-columns: 1fr 20rem; gap: 0; min-height: 44.25rem; padding-right: 3.25rem; }
	.ps-hero-content { padding-left: 4rem; }
	.ps-hero-car { margin: 0; }
}

/* Como funciona (164:4010): 951px #f9f9f9; ilustração (drawer 393x482 @182,238 + cards flutuantes); coluna 550 @ x=847, y=106 */
.ps-home-steps { padding: 4rem 0; }
.ps-home-steps-grid { display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center; }
.ps-home-steps-media { position: relative; width: 100%; max-width: min(24.56rem, 100%); margin: 0 auto; }
.ps-home-steps-drawer { width: 100%; height: auto; border-radius: var(--ps-radius-lg); box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.06); }
.ps-home-steps-float { position: absolute; display: none; border-radius: var(--ps-radius); box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.08); }
.ps-home-steps-content { display: flex; flex-direction: column; align-items: flex-start; gap: 3rem; }
.ps-home-steps-content .ps-head { margin-bottom: 0; }
.ps-home-steps-content .ps-h2 { max-width: 25.25rem; letter-spacing: -0.02em; }
.ps-home-steps-content .ps-iconlist { width: 100%; }
@media (min-width: 62rem) {
	.ps-home-steps { padding: 6.63rem 0; }
	.ps-home-steps-grid { grid-template-columns: 1fr 34.38rem; gap: 4rem; }
	.ps-home-steps-media { width: 39rem; max-width: none; height: 32rem; margin: 0; }
	.ps-home-steps-drawer { position: absolute; left: 6.06rem; top: 1.81rem; width: 24.56rem; }
	.ps-home-steps-float { display: block; }
	.ps-home-steps-float-pix { left: 0; top: 0; width: 12.13rem; }
	.ps-home-steps-float-qr { left: 26.19rem; top: 4.69rem; width: 8.94rem; }
	.ps-home-steps-float-verified { left: 26.19rem; top: 16.31rem; width: 12.75rem; }
}

/* Recursos do produto (12:2603): #edefeb pad 128/40; cabeçalho gap 32; cards 378x474 r16 pad16, mock 346x256 r8 */
.ps-home-features { padding: 4rem 0; }
.ps-home-features .ps-head { gap: 2rem; margin-bottom: 4rem; }
.ps-home-features-lead { color: var(--ps-text-3); max-width: 57.5rem; }
.ps-features { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
.ps-feature { display: flex; flex-direction: column; gap: 1.5rem; padding: 1rem; border-radius: var(--ps-radius); }
.ps-feature-mock { aspect-ratio: 346 / 256; border-radius: var(--ps-radius-sm); overflow: hidden; background-color: var(--ps-off-white); }
.ps-feature-mock img { width: 100%; height: 100%; object-fit: cover; object-position: top left; }
.ps-feature-text { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 1.5rem; padding: 0 1.5rem 1rem; }
.ps-feature-text .ps-body { color: var(--ps-text-2); }
@media (min-width: 36rem) { .ps-features { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 62rem) {
	.ps-home-features { padding: 8rem 0; }
	.ps-features { grid-template-columns: repeat(4, 1fr); }
}

/* Ecossistema (12:2523): 780px; badge y=82; círculos 135px #eef6e6 (ícone 24 + rótulo 14/21); carro 365x243; título 60 y=570 */
.ps-home-eco { padding: 4rem 0; background-color: var(--ps-white); }
.ps-home-eco-badge { margin-bottom: 2.5rem; }
.ps-eco { display: grid; grid-template-columns: 1fr; gap: 2.5rem; align-items: center; justify-items: center; }
.ps-eco-list { display: grid; grid-template-columns: repeat(2, 8.44rem); gap: 3.25rem; }
.ps-eco-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 0.5rem;
	width: 8.44rem;
	height: 8.44rem;
	padding: 1rem;
	border-radius: 50%;
	background-color: var(--ps-green-light);
}
.ps-eco-item > img { width: 1.5rem; height: 1.5rem; }
.ps-eco-label { font-size: 0.88rem; line-height: 1.5; letter-spacing: -0.01em; color: var(--ps-text); max-width: 6rem; }
.ps-eco-media img { width: 100%; max-width: 22.81rem; }
.ps-eco-title { max-width: 52.75rem; margin: 2.5rem auto 0; }
@media (min-width: 62rem) {
	.ps-home-eco { padding: 5.13rem 0 5.25rem; }
	.ps-eco { grid-template-columns: 1fr 22.81rem 1fr; gap: 3.75rem; }
	.ps-eco-title { margin-top: 7.5rem; }
}

/* Soluções (12:2575 / 12:2587): 780px; cabeçalho @ y=155 (rótulo 18 + título 48, gap 24); células 400px com borda, ícone + pílula */
.ps-solutions { padding: 4rem 0 0; background-color: var(--ps-white); }
.ps-solutions-head { gap: 1.5rem; margin-bottom: 3rem; max-width: 34.56rem; }
.ps-solutions-grid { display: grid; grid-template-columns: 1fr; border-top: 0.06rem solid var(--ps-border); }
.ps-solutions-drivers .ps-solutions-grid { grid-template-columns: repeat(2, 1fr); }
.ps-solution {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 2.38rem;
	min-height: 16rem;
	padding: 2rem 1rem;
	border-bottom: 0.06rem solid var(--ps-border);
	border-right: 0.06rem solid var(--ps-border);
}
.ps-solutions-business .ps-solution, .ps-solutions-drivers .ps-solution:nth-child(2n) { border-right: 0; }
.ps-solution-icon { height: 6rem; display: flex; align-items: center; justify-content: center; }
.ps-solution-icon img { max-height: 100%; max-width: 9.13rem; object-fit: contain; }
.ps-solution-title { pointer-events: none; white-space: normal; height: auto; min-height: 2.5rem; text-align: center; max-width: 100%; }
@media (min-width: 62rem) {
	.ps-solutions { padding: 9.69rem 0 0; }
	.ps-solutions-head { margin-bottom: 5.06rem; }
	.ps-solutions-business .ps-solutions-grid { grid-template-columns: repeat(3, 1fr); }
	.ps-solutions-drivers .ps-solutions-grid { grid-template-columns: repeat(5, 1fr); }
	.ps-solution, .ps-solution:nth-child(2n) { border-right: 0.06rem solid var(--ps-border); min-height: 25rem; }
	.ps-solutions-business .ps-solution:nth-child(3n), .ps-solutions-drivers .ps-solution:nth-child(5n) { border-right: 0; }
	.ps-solution-icon { height: 6rem; }
}

/* Onde você vai hoje? (176:4623): 520px; título 30 + lead 24 (gap 24); Tabs y=173; lista 6 colunas y=267 */
.ps-home-destinations { padding: 4rem 0 5rem; background-color: var(--ps-white); }
.ps-home-destinations .ps-head { gap: 1.5rem; margin-bottom: 1.5rem; }
.ps-home-destinations .ps-lead { color: var(--ps-text-3); }
.ps-home-kinds { margin-bottom: 3.5rem; }
.ps-home-destinations-list { gap: 2rem 1.5rem; }
.ps-destinations-empty { grid-column: 1 / -1; }
@media (min-width: 62rem) {
	.ps-home-destinations { padding: 4.13rem 0 12.5rem; }
}