/* Shared site styles */
			:root {
				--color-bg: #0c0404;
				--color-text: #fffffc;
				--color-secondary: #073b3a;
				--color-orange-light: #ff7733;
				--color-orange-dark: #ff570a;
			}

			html {
				scroll-behavior: smooth;
			}

			body {
				margin: 0;
				background: var(--color-bg);
				color: var(--color-text);
				overflow-x: hidden;
			}

			.hero-shell {
				min-height: 100vh;
				min-width: 100vw;
			}

			.hero-image {
				background-image: url("/images/background.webp");
				background-position: center;
				background-size: cover;
				background-repeat: no-repeat;
				transform: scale(1.03);
			}

			.hero-overlay {
				background:
					linear-gradient(135deg, rgba(255, 87, 10, 0.48) 0%, rgba(255, 119, 51, 0.18) 24%, rgba(12, 4, 4, 0.32) 58%, rgba(7, 59, 58, 0.28) 100%),
					radial-gradient(circle at top right, rgba(255, 119, 51, 0.2), transparent 34%),
					linear-gradient(180deg, rgba(12, 4, 4, 0.1) 0%, rgba(12, 4, 4, 0.48) 100%);
			}

			.hero-grain {
				background-image:
					linear-gradient(rgba(255, 252, 252, 0.05) 1px, transparent 1px),
					linear-gradient(90deg, rgba(255, 252, 252, 0.04) 1px, transparent 1px),
					radial-gradient(circle at 20% 20%, rgba(255, 252, 252, 0.06) 0, transparent 42%);
				background-size: 6px 6px, 6px 6px, cover;
				mix-blend-mode: overlay;
				opacity: 0.4;
			}

			.nav-trapeze {
				clip-path: polygon(0 0, 100% 0, 97.5% 100%, 2.5% 100%);
				border-top: 1px solid rgba(255, 252, 252, 0.18);
				border-bottom: 1px solid rgba(255, 87, 10, 0.42);
			}

			.language-nav {
				overflow: visible !important;
				clip-path: none !important;
				border-radius: 1.75rem;
				z-index: 60;
				border-top: 0 !important;
				border-bottom: 0 !important;
				background-color: transparent !important;
				box-shadow: none !important;
				backdrop-filter: none !important;
				-webkit-backdrop-filter: none !important;
			}

			.language-nav details {
				position: relative;
				z-index: 80;
			}

			.language-nav details > div {
				z-index: 9999;
			}

			.language-nav.nav-trapeze::before {
				clip-path: polygon(0 0, 100% 0, 97.5% 100%, 2.5% 100%);
				border-top: 1px solid rgba(255, 252, 252, 0.18);
				border-bottom: 1px solid rgba(255, 87, 10, 0.42);
				background:
					linear-gradient(90deg, rgba(255, 119, 51, 0.16), rgba(7, 59, 58, 0.18) 42%, rgba(255, 87, 10, 0.14)),
					linear-gradient(180deg, rgba(255, 252, 252, 0.08), transparent 30%),
					rgba(12, 4, 4, 0.62);
				box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 119, 51, 0.14) inset;
				backdrop-filter: blur(20px) saturate(140%);
				-webkit-backdrop-filter: blur(20px) saturate(140%);
			}

			.language-nav details > div {
				width: 17.5rem !important;
				padding: 0.65rem;
				border-color: rgba(255, 119, 51, 0.24) !important;
				background:
					linear-gradient(135deg, rgba(12, 4, 4, 0.96), rgba(7, 59, 58, 0.82)),
					linear-gradient(90deg, rgba(255, 119, 51, 0.08), transparent 55%) !important;
				box-shadow: 0 22px 60px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(255, 252, 252, 0.06) inset;
				backdrop-filter: blur(18px) saturate(135%);
				-webkit-backdrop-filter: blur(18px) saturate(135%);
			}

			.language-nav details > div a {
				border-radius: 0.55rem;
				padding: 1rem 1.35rem !important;
				font-size: 0.95rem !important;
				font-weight: 900;
				letter-spacing: 0.28em;
				text-transform: uppercase;
				color: rgba(255, 252, 252, 0.82) !important;
				transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
			}

			.language-nav details > div a:hover {
				background: rgba(255, 119, 51, 0.14) !important;
				color: var(--color-text) !important;
				transform: translateX(0.15rem);
			}

			.nav-trapeze::before {
				content: "";
				position: absolute;
				inset: 0;
				background:
					linear-gradient(90deg, rgba(255, 119, 51, 0.16), rgba(7, 59, 58, 0.18) 42%, rgba(255, 87, 10, 0.14)),
					linear-gradient(180deg, rgba(255, 252, 252, 0.08), transparent 30%);
				pointer-events: none;
			}

			.nav-scrolled {
				background-color: rgba(12, 4, 4, 0.72);
				box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 119, 51, 0.14) inset;
				backdrop-filter: blur(20px) saturate(140%);
				-webkit-backdrop-filter: blur(20px) saturate(140%);
			}

			.nav-at-rest {
				background-color: rgba(12, 4, 4, 0.52);
				box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24), 0 0 0 1px rgba(255, 252, 252, 0.06) inset;
				backdrop-filter: blur(14px) saturate(125%);
				-webkit-backdrop-filter: blur(14px) saturate(125%);
			}

			.retro-pill {
				color: var(--color-text);
				position: relative;
				isolation: isolate;
				border-radius: 9999px;
				transition:
					transform 180ms ease,
					background-color 180ms ease,
					color 180ms ease,
					box-shadow 180ms ease;
				box-shadow: 4px 4px 0 3px var(--color-secondary);
			}

			.retro-pill:hover,
			.retro-pill:active {
				transform: translate(-4px, -4px);
				box-shadow: 4px 4px 0 3px var(--color-secondary);
			}

			.nav-link {
				position: relative;
			}

			.nav-link::after {
				content: "";
				position: absolute;
				left: 50%;
				bottom: -0.4rem;
				width: 0;
				height: 2px;
				border-radius: 999px;
				background: linear-gradient(90deg, var(--color-orange-light), var(--color-orange-dark));
				transform: translateX(-50%);
				transition: width 180ms ease;
			}

			.nav-link:hover::after {
				width: 100%;
			}

			.about-section {
				position: relative;
				overflow: hidden;
				min-height: 100vh;
				display: flex;
				align-items: flex-start;
				padding-top: 6.75rem;
				padding-bottom: 3rem;
				scroll-margin-top: 8.5rem;
				background:
					linear-gradient(180deg, rgba(7, 59, 58, 0.14) 0%, rgba(12, 4, 4, 0.94) 16%, rgba(12, 4, 4, 1) 100%);
			}

			.about-panel {
				position: relative;
				margin-top: auto;
				min-height: clamp(22rem, 44vh, 32rem);
				display: flex;
				align-items: center;
				background: linear-gradient(92deg, rgba(255, 87, 10, 0.99) 0%, rgba(255, 119, 51, 0.94) 52%, rgba(7, 59, 58, 0.98) 100%);
				left: 50%;
				width: 100vw;
				margin-left: -50vw;
				clip-path: polygon(0 20%, 100% 8%, 100% 88%, 0 100%);
				border-top: 1px solid rgba(255, 255, 252, 0.08);
				border-bottom: 1px solid rgba(7, 59, 58, 0.36);
				box-shadow: 0 28px 90px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(255, 255, 252, 0.03) inset;
				backdrop-filter: blur(10px);
				-webkit-backdrop-filter: blur(10px);
			}

			.about-panel::before {
				content: "";
				position: absolute;
				inset: 0;
				background:
					linear-gradient(180deg, rgba(255, 255, 252, 0.16) 0%, transparent 18%),
					linear-gradient(90deg, rgba(255, 255, 252, 0.04) 0%, transparent 38%, rgba(7, 59, 58, 0.16) 100%);
				pointer-events: none;
			}

			.about-panel-content {
				position: relative;
				z-index: 1;
				width: 100%;
			}

			.content-section {
				position: relative;
				overflow: hidden;
				scroll-margin-top: 8.5rem;
				padding: 5.5rem 1rem 5rem;
				background:
					linear-gradient(180deg, rgba(7, 59, 58, 0.12) 0%, rgba(12, 4, 4, 0.92) 11%, rgba(12, 4, 4, 1) 100%);
			}

			.content-section::before {
				content: "";
				position: absolute;
				inset: 0;
				background:
					radial-gradient(circle at 12% 18%, rgba(255, 119, 51, 0.14), transparent 20%),
					radial-gradient(circle at 88% 14%, rgba(7, 59, 58, 0.24), transparent 18%),
					linear-gradient(90deg, rgba(255, 255, 252, 0.03) 0, transparent 12%, transparent 88%, rgba(255, 255, 252, 0.03) 100%);
				pointer-events: none;
				opacity: 0.95;
			}

			.section-frame {
				position: relative;
				z-index: 1;
				width: min(1240px, 100%);
				margin: 0 auto;
			}

			.section-header {
				display: flex;
				align-items: end;
				justify-content: space-between;
				gap: 1rem;
				margin-bottom: 1.75rem;
			}

			.section-kicker {
				display: inline-flex;
				align-items: center;
				gap: 0.6rem;
				width: fit-content;
				padding: 0.55rem 0.9rem;
				border-radius: 999px;
				border: 1px solid rgba(255, 252, 252, 0.12);
				background: rgba(255, 255, 252, 0.04);
				color: rgba(255, 252, 252, 0.8);
				text-transform: uppercase;
				letter-spacing: 0.28em;
				font-size: 0.7rem;
				font-weight: 800;
			}

			.section-title-wrap {
				display: flex;
				align-items: center;
				gap: 0.95rem;
			}

			.section-icon {
				display: grid;
				place-items: center;
				width: 3rem;
				height: 3rem;
				border-radius: 1rem;
				background: linear-gradient(160deg, rgba(255, 119, 51, 0.96), rgba(255, 87, 10, 0.92));
				box-shadow: 0 16px 28px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 252, 0.1) inset;
				flex-shrink: 0;
			}

			.section-icon img {
				width: 1.5rem;
				height: 1.5rem;
				object-fit: contain;
				filter: brightness(0) invert(1);
			}

			.section-title {
				font-size: clamp(2.5rem, 6vw, 4.6rem);
				line-height: 0.92;
				font-weight: 900;
				letter-spacing: -0.06em;
				text-transform: uppercase;
				color: var(--color-text);
			}

			.features-heading,
			.community-heading,
			.pricing-heading {
				width: 100%;
			}

			.features-heading .section-title-wrap,
			.community-heading .section-title-wrap,
			.pricing-heading .section-title-wrap {
				width: 100%;
			}

			.features-heading .section-title,
			.community-heading .section-title,
			.pricing-heading .section-title {
				max-width: none;
			}

			@media (min-width: 1024px) {
				.features-heading .section-title,
				.community-heading .section-title,
				.pricing-heading .section-title {
					white-space: nowrap;
				}
			}

			.section-lead {
				max-width: 36rem;
				font-size: 1rem;
				line-height: 1.7;
				color: rgba(255, 252, 252, 0.8);
			}

			.section-split {
				display: grid;
				grid-template-columns: 1.05fr 0.95fr;
				gap: 1.25rem;
				align-items: stretch;
			}

			.feature-grid {
				display: grid;
				grid-template-columns: repeat(5, minmax(0, 1fr));
				gap: 1rem;
			}

			.parallelogram-card {
				position: relative;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				min-height: 24rem;
				padding: 1.15rem 1.1rem 1.15rem;
				color: var(--color-text);
				clip-path: polygon(5% 0, 95% 0, 100% 9%, 95% 100%, 5% 100%, 0 91%);
				box-shadow:
					0 22px 50px rgba(0, 0, 0, 0.35),
					0 0 0 1px rgba(255, 255, 252, 0.1) inset;
				isolation: isolate;
			}

			.parallelogram-card::before {
				content: "";
				position: absolute;
				inset: 0;
				background:
					linear-gradient(180deg, rgba(255, 255, 252, 0.18) 0%, transparent 18%),
					linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 30% 62%, rgba(0, 0, 0, 0.14) 100%);
				pointer-events: none;
				z-index: 0;
			}

			.parallelogram-card::after {
				content: "";
				position: absolute;
				inset: auto 0 0 0;
				height: 0.5rem;
				background: rgba(255, 255, 252, 0.18);
				pointer-events: none;
				z-index: 0;
			}

			.card-number {
				position: relative;
				z-index: 1;
				align-self: flex-start;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				min-width: 2.7rem;
				height: 2.7rem;
				padding: 0 0.7rem;
				border-radius: 999px;
				border: 1px solid rgba(255, 255, 252, 0.16);
				background: rgba(12, 4, 4, 0.2);
				font-size: 0.9rem;
				font-weight: 900;
				letter-spacing: 0.08em;
			}

			.card-icon {
				position: relative;
				z-index: 1;
				display: grid;
				place-items: center;
				width: 3.2rem;
				height: 3.2rem;
				border-radius: 1rem;
				background: rgba(12, 4, 4, 0.18);
				box-shadow: 0 0 0 1px rgba(255, 255, 252, 0.12) inset;
			}

			.card-icon img {
				width: 1.55rem;
				height: 1.55rem;
				object-fit: contain;
				filter: brightness(0) invert(1);
			}

			.card-title {
				position: relative;
				z-index: 1;
				font-size: 1.2rem;
				line-height: 1.1;
				font-weight: 900;
				letter-spacing: -0.03em;
				text-transform: uppercase;
			}

			.card-copy {
				position: relative;
				z-index: 1;
				margin-top: 0.8rem;
				font-size: 0.95rem;
				line-height: 1.7;
				color: rgba(255, 252, 252, 0.9);
			}

			.card-list {
				position: relative;
				z-index: 1;
				margin-top: 0.85rem;
				display: grid;
				gap: 0.55rem;
			}

			.card-list li {
				display: flex;
				gap: 0.6rem;
				align-items: flex-start;
				font-size: 0.92rem;
				line-height: 1.55;
				color: rgba(255, 252, 252, 0.9);
			}

			.card-list li::before {
				content: "";
				flex: 0 0 auto;
				width: 0.45rem;
				height: 0.45rem;
				margin-top: 0.55rem;
				border-radius: 999px;
				background: currentColor;
				opacity: 0.85;
			}

			.feature-card {
				gap: 1.5rem;
				background: linear-gradient(180deg, rgba(255, 119, 51, 0.95) 0%, rgba(255, 87, 10, 0.88) 54%, rgba(7, 59, 58, 0.94) 100%);
			}

			.feature-card-header {
				position: relative;
				z-index: 1;
				display: grid;
				gap: 3rem;
			}

			.feature-card:nth-child(2n) {
				background: linear-gradient(180deg, rgba(7, 59, 58, 0.96) 0%, rgba(6, 47, 46, 0.92) 54%, rgba(255, 87, 10, 0.84) 100%);
			}

			.feature-card:nth-child(3n) {
				background: linear-gradient(180deg, rgba(255, 87, 10, 0.96) 0%, rgba(204, 72, 0, 0.9) 50%, rgba(7, 59, 58, 0.9) 100%);
			}

			.feature-card:nth-child(4n) {
				background: linear-gradient(180deg, rgba(255, 119, 51, 0.96) 0%, rgba(218, 94, 18, 0.9) 56%, rgba(7, 59, 58, 0.94) 100%);
			}

			.feature-card:nth-child(5n) {
				background: linear-gradient(180deg, rgba(7, 59, 58, 0.96) 0%, rgba(255, 119, 51, 0.8) 54%, rgba(255, 87, 10, 0.96) 100%);
			}

			.feature-card .card-number {
				background: rgba(255, 255, 252, 0.12);
			}

			.feature-card .card-icon {
				background: rgba(255, 255, 252, 0.12);
			}

			.feature-card .card-title {
				max-width: 10rem;
			}

			.feature-card .card-copy {
				margin-top: auto;
				max-width: 16rem;
				text-align: justify;
				text-align-last: left;
			}

			.community-grid {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 1.25rem;
				align-items: stretch;
			}

			.community-card,
			.community-feed,
			.pricing-panel,
			.pricing-note {
				position: relative;
				border: 1px solid rgba(255, 255, 252, 0.1);
				background: rgba(255, 255, 252, 0.04);
				box-shadow: 0 24px 60px rgba(0, 0, 0, 0.32);
				backdrop-filter: blur(14px) saturate(125%);
				-webkit-backdrop-filter: blur(14px) saturate(125%);
			}

			.community-card {
				overflow: hidden;
				padding: 1.5rem;
				clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%);
			}

			.community-card::before,
			.community-feed::before,
			.pricing-panel::before,
			.pricing-note::before {
				content: "";
				position: absolute;
				inset: 0;
				background:
					linear-gradient(135deg, rgba(255, 119, 51, 0.12), transparent 32%),
					linear-gradient(180deg, rgba(255, 255, 252, 0.12), transparent 22%);
				pointer-events: none;
			}

			.flash-badge {
				display: inline-flex;
				align-items: center;
				gap: 0.5rem;
				padding: 0.5rem 0.8rem;
				border-radius: 999px;
				background: rgba(255, 87, 10, 0.18);
				border: 1px solid rgba(255, 119, 51, 0.3);
				color: rgba(255, 252, 252, 0.92);
				font-size: 0.74rem;
				font-weight: 900;
				letter-spacing: 0.22em;
				text-transform: uppercase;
			}

			.flash-dot {
				width: 0.6rem;
				height: 0.6rem;
				border-radius: 50%;
				background: #64ffda;
				box-shadow: 0 0 0 0 rgba(100, 255, 218, 0.55);
				animation: pulse-glow 1.8s infinite;
			}

			@keyframes pulse-glow {
				0% {
					box-shadow: 0 0 0 0 rgba(100, 255, 218, 0.42);
				}

				70% {
					box-shadow: 0 0 0 12px rgba(100, 255, 218, 0);
				}

				100% {
					box-shadow: 0 0 0 0 rgba(100, 255, 218, 0);
				}
			}

			.community-title {
				margin-top: 1rem;
				font-size: clamp(2rem, 4vw, 3.2rem);
				line-height: 0.98;
				font-weight: 900;
				letter-spacing: -0.05em;
				text-transform: uppercase;
			}

			.community-copy {
				margin-top: 1rem;
				max-width: 34rem;
				font-size: 1rem;
				line-height: 1.75;
				color: rgba(255, 252, 252, 0.86);
			}

			.community-actions {
				display: flex;
				flex-wrap: wrap;
				gap: 0.8rem;
				margin-top: 1.4rem;
			}

			.community-cta {
				border: none;
				background: linear-gradient(135deg, #25d366, #14b85d);
				box-shadow: 0 16px 30px rgba(21, 180, 92, 0.28), 4px 4px 0 3px rgba(7, 59, 58, 0.9);
			}

			.community-cta:hover,
			.community-cta:active {
				transform: translate(-4px, -4px);
			}

			.community-meta {
				margin-top: 1rem;
				display: grid;
				grid-template-columns: repeat(3, minmax(0, 1fr));
				gap: 0.75rem;
			}

			.community-meta-item {
				padding: 0.8rem 0.9rem;
				border-radius: 1rem;
				background: rgba(12, 4, 4, 0.3);
				border: 1px solid rgba(255, 255, 252, 0.08);
			}

			.community-meta-item strong {
				display: block;
				font-size: 1rem;
				font-weight: 900;
				letter-spacing: -0.03em;
			}

			.community-meta-item span {
				display: block;
				margin-top: 0.25rem;
				font-size: 0.82rem;
				color: rgba(255, 252, 252, 0.72);
			}

			.community-feed {
				display: flex;
				flex-direction: column;
				gap: 1rem;
				padding: 1.5rem;
				clip-path: polygon(3% 0, 100% 0, 100% 100%, 0 100%, 0 10%);
			}

			.feed-placeholder {
				min-height: 17rem;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				gap: 1rem;
				padding: 1.1rem;
				border-radius: 1.2rem;
				background:
					linear-gradient(180deg, rgba(255, 255, 252, 0.08), rgba(255, 255, 252, 0.02)),
					radial-gradient(circle at 20% 20%, rgba(255, 119, 51, 0.16), transparent 24%),
					radial-gradient(circle at 80% 30%, rgba(7, 59, 58, 0.26), transparent 24%),
					rgba(12, 4, 4, 0.28);
				border: 1px solid rgba(255, 255, 252, 0.08);
			}

			.feed-header {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 1rem;
			}

			.feed-header h3,
			.pricing-note h3 {
				font-size: 1.1rem;
				font-weight: 900;
				text-transform: uppercase;
				letter-spacing: -0.03em;
			}

			.feed-stack {
				display: grid;
				gap: 0.7rem;
			}

			.feed-message {
				padding: 0.85rem 0.95rem;
				border-radius: 1rem;
				background: rgba(255, 255, 252, 0.06);
				border: 1px solid rgba(255, 255, 252, 0.08);
				font-size: 0.92rem;
				line-height: 1.6;
				color: rgba(255, 252, 252, 0.9);
			}

			.feed-message span {
				display: block;
				margin-bottom: 0.2rem;
				font-size: 0.72rem;
				font-weight: 900;
				letter-spacing: 0.18em;
				text-transform: uppercase;
				color: rgba(255, 119, 51, 0.95);
			}

			.feed-image-placeholder {
				display: grid;
				place-items: center;
				min-height: 8rem;
				border-radius: 1rem;
				background: linear-gradient(135deg, rgba(255, 119, 51, 0.18), rgba(7, 59, 58, 0.18));
				border: 1px dashed rgba(255, 255, 252, 0.14);
				color: rgba(255, 252, 252, 0.72);
				text-align: center;
				font-size: 0.88rem;
				line-height: 1.5;
			}

			.pricing-grid {
				display: grid;
				grid-template-columns: repeat(5, minmax(0, 1fr));
				gap: 1rem;
			}

			.pricing-card {
				gap: 1.5rem;
				background: linear-gradient(180deg, rgba(255, 119, 51, 0.94) 0%, rgba(255, 87, 10, 0.9) 54%, rgba(7, 59, 58, 0.96) 100%);
			}

			.pricing-card-header {
				position: relative;
				z-index: 1;
				display: grid;
				gap: 3rem;
			}

			.pricing-card-body {
				position: relative;
				z-index: 1;
				margin-top: auto;
			}

			.pricing-card:nth-child(2n) {
				background: linear-gradient(180deg, rgba(7, 59, 58, 0.96) 0%, rgba(6, 47, 46, 0.92) 54%, rgba(255, 119, 51, 0.84) 100%);
			}

			.pricing-card:nth-child(3n) {
				background: linear-gradient(180deg, rgba(255, 87, 10, 0.95) 0%, rgba(204, 72, 0, 0.92) 54%, rgba(7, 59, 58, 0.9) 100%);
			}

			.pricing-card .card-title {
				max-width: 11rem;
			}

			.pricing-card .card-copy {
				text-align: justify;
				text-align-last: left;
			}

			.price-tag {
				position: relative;
				z-index: 1;
				display: inline-flex;
				flex-direction: column;
				gap: 0.2rem;
				padding: 0.75rem 0.9rem;
				border-radius: 1rem;
				background: rgba(12, 4, 4, 0.18);
				border: 1px solid rgba(255, 255, 252, 0.12);
				width: fit-content;
				box-shadow: 0 10px 18px rgba(0, 0, 0, 0.18);
			}

			.price-tag strong {
				font-size: 1.7rem;
				line-height: 1;
				font-weight: 900;
				letter-spacing: -0.05em;
			}

			.price-tag span {
				font-size: 0.72rem;
				letter-spacing: 0.16em;
				text-transform: uppercase;
				font-weight: 800;
				color: rgba(255, 252, 252, 0.84);
			}

			.details-box {
				margin-top: 1.15rem;
				position: relative;
				z-index: 1;
				border-radius: 1rem;
				background: rgba(12, 4, 4, 0.28);
				border: 1px solid rgba(255, 255, 252, 0.08);
				overflow: hidden;
			}

			.details-box summary {
				cursor: pointer;
				list-style: none;
				padding: 0.9rem 1rem;
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 1rem;
				font-size: 0.9rem;
				font-weight: 900;
				letter-spacing: 0.08em;
				text-transform: uppercase;
				color: rgba(255, 252, 252, 0.92);
			}

			.details-box summary::-webkit-details-marker {
				display: none;
			}

			.details-box summary::after {
				content: "+";
				flex-shrink: 0;
				font-size: 1.2rem;
				line-height: 1;
				transition: transform 180ms ease;
			}

			.details-box[open] summary::after {
				transform: rotate(45deg);
			}

			.details-content {
				padding: 0 1rem 1rem;
				color: rgba(255, 252, 252, 0.86);
				font-size: 0.92rem;
				line-height: 1.7;
			}

			.pricing-note {
				margin-top: 1rem;
				padding: 1.1rem 1.1rem 1rem;
				border-radius: 1rem;
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 1rem;
			}

			.pricing-note p {
				margin-top: 0.35rem;
				font-size: 0.92rem;
				line-height: 1.65;
				color: rgba(255, 252, 252, 0.82);
			}

			.subscription-actions {
				position: relative;
				z-index: 1;
				display: flex;
				flex-wrap: wrap;
				gap: 0.7rem;
				margin-top: 1rem;
			}

			.subscription-link {
				min-height: 44px;
				border-color: rgba(255, 252, 252, 0.18);
				background: var(--color-orange-light);
				color: #fff;
				box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(255, 255, 252, 0.1) inset;
			}

			.pricing-card .subscription-link {
				width: 100%;
				margin-top: 1rem;
			}

			.contact-section-grid {
				display: grid;
				grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
				gap: 1.25rem;
				align-items: stretch;
			}

			.contact-info-panel,
			.contact-form-panel {
				position: relative;
				overflow: hidden;
				border: 1px solid rgba(255, 252, 252, 0.1);
				background: rgba(255, 255, 252, 0.045);
				box-shadow: 0 24px 60px rgba(0, 0, 0, 0.32);
				backdrop-filter: blur(14px) saturate(125%);
				-webkit-backdrop-filter: blur(14px) saturate(125%);
			}

			.contact-info-panel {
				padding: 1.5rem;
				clip-path: polygon(0 0, 100% 0, 96% 100%, 0 100%);
			}

			.contact-form-panel {
				padding: 1.5rem;
				clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%, 0 8%);
			}

			.contact-info-panel::before,
			.contact-form-panel::before {
				content: "";
				position: absolute;
				inset: 0;
				background:
					linear-gradient(135deg, rgba(255, 119, 51, 0.12), transparent 34%),
					linear-gradient(180deg, rgba(255, 255, 252, 0.1), transparent 24%);
				pointer-events: none;
			}

			.contact-panel-inner {
				position: relative;
				z-index: 1;
			}

			.contact-card-title {
				font-size: clamp(2.15rem, 4vw, 3.8rem);
				line-height: 0.96;
				font-weight: 900;
				letter-spacing: -0.06em;
				text-transform: uppercase;
			}

			.contact-card-copy {
				margin-top: 1rem;
				max-width: 36rem;
				font-size: 1rem;
				line-height: 1.75;
				color: rgba(255, 252, 252, 0.82);
				text-align: justify;
			}

			.contact-details {
				margin-top: 1.5rem;
				display: grid;
				gap: 0.8rem;
			}

			.contact-detail {
				display: grid;
				grid-template-columns: 2.8rem minmax(0, 1fr);
				gap: 0.85rem;
				align-items: start;
				padding: 0.9rem;
				border: 1px solid rgba(255, 252, 252, 0.08);
				background: rgba(12, 4, 4, 0.24);
			}

			.contact-detail i {
				display: grid;
				place-items: center;
				width: 2.8rem;
				height: 2.8rem;
				border-radius: 0.9rem;
				background: rgba(255, 87, 10, 0.28);
				color: var(--color-text);
			}

			.contact-detail strong {
				display: block;
				font-size: 0.78rem;
				font-weight: 900;
				letter-spacing: 0.18em;
				text-transform: uppercase;
				color: rgba(255, 252, 252, 0.64);
			}

			.contact-detail a,
			.contact-detail span {
				display: inline-block;
				margin-top: 0.25rem;
				color: rgba(255, 252, 252, 0.9);
				font-size: 1rem;
				line-height: 1.45;
				text-decoration: none;
			}

			.contact-detail a:hover {
				color: var(--color-orange-light);
			}

			.contact-form {
				position: relative;
				z-index: 1;
				display: grid;
				gap: 0.9rem;
			}

			.contact-form-row {
				display: grid;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 0.9rem;
			}

			.contact-field {
				display: grid;
				gap: 0.42rem;
			}

			.contact-field label {
				font-size: 0.72rem;
				font-weight: 900;
				letter-spacing: 0.18em;
				text-transform: uppercase;
				color: rgba(255, 252, 252, 0.68);
			}

			.contact-field input,
			.contact-field textarea {
				width: 100%;
				border: 1px solid rgba(255, 252, 252, 0.12);
				background: rgba(12, 4, 4, 0.36);
				color: var(--color-text);
				padding: 0.95rem 1rem;
				font: inherit;
				outline: none;
				transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
			}

			.contact-field textarea {
				min-height: 10rem;
				resize: vertical;
			}

			.contact-field input::placeholder,
			.contact-field textarea::placeholder {
				color: rgba(255, 252, 252, 0.42);
			}

			.contact-field input:focus,
			.contact-field textarea:focus {
				border-color: rgba(255, 119, 51, 0.72);
				background: rgba(12, 4, 4, 0.48);
				box-shadow: 0 0 0 3px rgba(255, 119, 51, 0.14);
			}

			.contact-submit {
				width: fit-content;
				border: none;
				background: var(--color-orange-light);
				cursor: pointer;
			}

			.contact-submit:disabled {
				cursor: wait;
				opacity: 0.72;
			}

			.contact-status {
				display: none;
				margin: 0;
				padding: 0.8rem 0.95rem;
				border: 1px solid rgba(255, 119, 51, 0.24);
				background: rgba(255, 119, 51, 0.08);
				color: rgba(255, 252, 252, 0.82);
				font-size: 0.92rem;
				line-height: 1.45;
			}

			.contact-status.is-visible {
				display: block;
			}

			.contact-status.is-success {
				border-color: rgba(7, 59, 58, 0.58);
				background: rgba(7, 59, 58, 0.24);
			}

			.contact-status.is-error {
				border-color: rgba(255, 119, 51, 0.56);
				background: rgba(255, 87, 10, 0.16);
			}

			.site-footer {
				position: relative;
				overflow: hidden;
				min-height: 34rem;
				padding: 4rem 1rem 0;
				background:
					linear-gradient(180deg, rgba(12, 4, 4, 0.94) 0%, rgba(12, 4, 4, 0.9) 52%, rgba(7, 59, 58, 0.86) 100%),
					linear-gradient(90deg, rgba(12, 4, 4, 0.98) 0%, rgba(12, 4, 4, 0.72) 48%, rgba(12, 4, 4, 0.94) 100%),
					url("/images/background.webp");
				background-position: center;
				background-size: cover;
				border-top: 1px solid rgba(255, 119, 51, 0.24);
			}

			.site-footer::before {
				content: "";
				position: absolute;
				inset: 0;
				background:
					linear-gradient(180deg, rgba(12, 4, 4, 0.06), rgba(12, 4, 4, 0.7)),
					radial-gradient(circle at 10% 18%, rgba(255, 119, 51, 0.12), transparent 24%),
					radial-gradient(circle at 90% 15%, rgba(7, 59, 58, 0.28), transparent 22%);
				pointer-events: none;
			}

			.site-footer::after {
				content: "PADEL NO1";
				position: absolute;
				top: 0.2rem;
				left: 50%;
				transform: translateX(-50%);
				width: max-content;
				color: rgba(255, 252, 252, 0.055);
				font-size: clamp(4.5rem, 15vw, 12rem);
				line-height: 1;
				font-weight: 900;
				letter-spacing: -0.08em;
				text-transform: uppercase;
				pointer-events: none;
			}

			.footer-frame {
				position: relative;
				z-index: 1;
				width: min(1240px, 100%);
				margin: 0 auto;
			}

			.footer-mark-logo {
				position: absolute;
				right: -2rem;
				top: 4.5rem;
				width: min(24rem, 34vw);
				height: auto;
				opacity: 0.08;
				filter: drop-shadow(0 24px 40px rgba(0, 0, 0, 0.36));
				pointer-events: none;
			}

			.footer-logo-top {
				display: flex;
				justify-content: center;
				margin-bottom: 2.2rem;
			}

			.footer-logo-top img {
				width: min(15rem, 58vw);
				height: auto;
				filter: drop-shadow(0 16px 28px rgba(0, 0, 0, 0.48));
			}

			.footer-main {
				display: grid;
				grid-template-columns: 1.1fr 1fr 1.1fr 1fr;
				gap: clamp(1.5rem, 4vw, 4rem);
				align-items: start;
				padding: 0 0 5.75rem;
			}

			.footer-panel {
				position: relative;
				padding: 0;
			}

			.footer-panel h3 {
				font-size: 1rem;
				font-weight: 900;
				letter-spacing: -0.02em;
				color: rgba(255, 252, 252, 0.96);
			}

			.footer-list {
				margin-top: 1rem;
				display: grid;
				gap: 0.75rem;
			}

			.footer-list a,
			.footer-list span {
				display: inline-flex;
				align-items: center;
				gap: 0.55rem;
				width: fit-content;
				color: rgba(255, 252, 252, 0.68);
				font-size: 0.96rem;
				line-height: 1.5;
				text-decoration: none;
				transition: color 180ms ease, transform 180ms ease;
			}

			.footer-list a:hover {
				color: var(--color-text);
				transform: translateX(0.25rem);
			}

			.footer-list i {
				width: 1rem;
				color: var(--color-orange-light);
			}

			.footer-social {
				display: flex;
				flex-wrap: nowrap;
				align-items: center;
				justify-content: flex-end;
				gap: 1rem;
				margin-top: 1.8rem;
			}

			.footer-social a {
				display: inline-flex;
				align-items: center;
				gap: 0.45rem;
				white-space: nowrap;
				color: rgba(255, 252, 252, 0.62);
				text-decoration: none;
				transition: color 180ms ease;
			}

			.footer-social a:hover {
				color: var(--color-orange-light);
			}

			.footer-bottom {
				position: relative;
				z-index: 1;
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 1rem;
				padding: 1.15rem 0 1.45rem;
				border-top: 1px solid rgba(255, 252, 252, 0.08);
				color: rgba(255, 252, 252, 0.56);
				font-size: 0.9rem;
				line-height: 1.5;
			}

			.footer-dev {
				color: rgba(255, 252, 252, 0.64);
			}

			.footer-bottom a {
				color: var(--color-text);
				font-weight: 800;
				text-decoration: underline;
				text-underline-offset: 0.18em;
			}

			.footer-bottom a:hover {
				color: var(--color-orange-light);
			}

			.about-secondary-btn {
				align-self: center;
				margin-top: 0.75rem;
				border: 1px solid rgba(255, 252, 252, 0.72);
				background: rgba(12, 4, 4, 0.42);
				color: var(--color-text);
				text-decoration: none;
				box-shadow: 0 0 0 1px rgba(255, 255, 252, 0.08) inset;
				backdrop-filter: blur(4px);
				-webkit-backdrop-filter: blur(4px);
			}

			.about-secondary-btn:hover,
			.about-secondary-btn:active {
				transform: translate(-4px, -4px);
				background: rgba(12, 4, 4, 0.56);
				border-color: rgba(255, 252, 252, 0.9);
				box-shadow: 4px 4px 0 3px var(--color-secondary);
			}

			.contact-widget {
                position: fixed;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
				transform-origin: right center;
                z-index: 40;

                width: auto;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 0.75rem;

                /* Taller trapeze, same icon/button sizes */
                padding: 3rem 1.7rem 3rem 1.15rem;

                background-color: rgba(12, 4, 4, 0.52);
                border-top: 1px solid rgba(255, 252, 252, 0.18);
                border-bottom: 1px solid rgba(255, 87, 10, 0.42);

                backdrop-filter: blur(14px) saturate(125%);
                -webkit-backdrop-filter: blur(14px) saturate(125%);

                box-shadow:
                    -12px 0 28px rgba(0, 0, 0, 0.24),
                    0 0 0 1px rgba(255, 252, 252, 0.06) inset;

                clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 92%);
				transition:
					opacity 260ms ease,
					transform 260ms ease,
					background-color 260ms ease,
					box-shadow 260ms ease;
            }

			.contact-widget.is-muted {
				opacity: 0.42;
				transform: translateY(-50%) scale(0.72);
			}

			.contact-widget.is-muted:hover,
			.contact-widget:hover {
				opacity: 1;
				transform: translateY(-50%) scale(1);
			}

			.contact-widget::before {
				content: "";
				position: absolute;
				inset: 0;
				background:
					linear-gradient(180deg, rgba(255, 119, 51, 0.16), rgba(7, 59, 58, 0.18) 42%, rgba(255, 87, 10, 0.14)),
					linear-gradient(90deg, rgba(255, 252, 252, 0.08), transparent 30%);
				pointer-events: none;
				clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 92%);
			}

			.contact-link {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 3.15rem;
				height: 3.15rem;
				border-radius: 50%;
				background: rgba(255, 87, 10, 0.32);
				border: 2.5px solid rgba(255, 119, 51, 0.64);
				color: var(--color-text);
				text-decoration: none;
				transition: all 240ms cubic-bezier(0.34, 1.56, 0.64, 1);
				position: relative;
				flex-shrink: 0;
			}

			.contact-link:hover {
				background: rgba(255, 87, 10, 0.64);
				border-color: rgba(255, 119, 51, 1);
			}

			.contact-link i {
				font-size: 1.1rem;
				line-height: 1;
				pointer-events: none;
				color: currentColor;
				transition: transform 240ms cubic-bezier(0.34, 1.56, 0.64, 1);
			}

			.contact-link:hover i {
				transform: scale(1.08);
			}

			@media (max-width: 768px) {
				.site-footer {
					padding: 3.5rem 0.85rem 0;
				}

				.footer-main {
					grid-template-columns: 1fr;
					padding-bottom: 3rem;
				}

				.footer-mark-logo {
					right: -4rem;
					top: 2rem;
					width: 18rem;
					opacity: 0.055;
				}

				.footer-social {
					justify-content: flex-start;
				}

				.footer-bottom {
					align-items: flex-start;
					flex-direction: column;
				}

				.contact-widget {
                    padding: 1.75rem 0.85rem 1.75rem 0.6rem;
                    gap: 0.55rem;
                }

				.contact-link {
					width: 2.35rem;
					height: 2.35rem;
				}

				.contact-link i {
					font-size: 0.9rem;
				}

				.content-section {
					padding: 4.5rem 0.85rem 4rem;
				}

				.section-header,
				.section-split,
				.community-grid,
				.pricing-grid {
					grid-template-columns: 1fr;
				}

				.section-header {
					display: grid;
					gap: 0.75rem;
					align-items: start;
				}

				.section-title-wrap {
					align-items: flex-start;
				}

				.section-title {
					font-size: clamp(2.3rem, 10vw, 3.5rem);
				}

				.section-lead {
					max-width: none;
				}

				.about-section {
					min-height: auto;
					padding-top: 5.5rem;
					padding-bottom: 4rem;
					text-align: left;
				}

				.about-panel {
					min-height: auto;
					height: auto;
					margin-top: 2rem;
					align-items: stretch;
					clip-path: polygon(0 7%, 100% 0, 100% 94%, 0 100%);
				}

				.about-panel-content {
					width: min(100%, 42rem);
					padding: 4.25rem 1.25rem 4.75rem;
				}

				.feature-grid,
				.pricing-grid {
					grid-template-columns: 1fr;
				}

				.parallelogram-card {
					min-height: 19rem;
					clip-path: polygon(4% 0, 96% 0, 100% 7%, 96% 100%, 4% 100%, 0 93%);
				}

				.community-meta {
					grid-template-columns: 1fr;
				}

				.pricing-note {
					align-items: flex-start;
					flex-direction: column;
				}

				.contact-section-grid,
				.contact-form-row {
					grid-template-columns: 1fr;
				}

				.contact-info-panel,
				.contact-form-panel {
					clip-path: polygon(4% 0, 96% 0, 100% 7%, 96% 100%, 4% 100%, 0 93%);
				}
			}

			@media (max-width: 1024px) {
				.about-section {
					min-height: auto;
					padding-top: 5.5rem;
					padding-bottom: 4rem;
					text-align: left;
				}

				.about-panel {
					min-height: auto;
					height: auto;
					margin-top: 2rem;
					align-items: center;
					clip-path: polygon(0 4.75rem, 100% 0, 100% calc(100% - 4.75rem), 0 100%);
				}

				.about-panel-content {
					width: min(100%, 42rem);
					padding: 8rem 1.25rem;
				}
			}

/* Booking page styles */
			:root {
				--color-bg: #0c0404;
				--color-text: #fffffc;
				--color-secondary: #073b3a;
				--color-orange-light: #ff7733;
				--color-orange-dark: #ff570a;
			}

			html {
				scroll-behavior: smooth;
			}

			body {
				margin: 0;
				background: var(--color-bg);
				color: var(--color-text);
				overflow-x: hidden;
			}

			.hero-shell {
				min-height: 100vh;
				min-width: 100vw;
			}

			.hero-image {
				background-image: url("/images/background.webp");
				background-position: center;
				background-size: cover;
				background-repeat: no-repeat;
				transform: scale(1.03);
			}

			.hero-overlay {
				background:
					linear-gradient(135deg, rgba(255, 87, 10, 0.48) 0%, rgba(255, 119, 51, 0.18) 24%, rgba(12, 4, 4, 0.32) 58%, rgba(7, 59, 58, 0.28) 100%),
					radial-gradient(circle at top right, rgba(255, 119, 51, 0.2), transparent 34%),
					linear-gradient(180deg, rgba(12, 4, 4, 0.1) 0%, rgba(12, 4, 4, 0.48) 100%);
			}

			.hero-grain {
				background-image:
					linear-gradient(rgba(255, 252, 252, 0.05) 1px, transparent 1px),
					linear-gradient(90deg, rgba(255, 252, 252, 0.04) 1px, transparent 1px),
					radial-gradient(circle at 20% 20%, rgba(255, 252, 252, 0.06) 0, transparent 42%);
				background-size: 6px 6px, 6px 6px, cover;
				mix-blend-mode: overlay;
				opacity: 0.4;
			}

			.nav-trapeze {
				clip-path: polygon(0 0, 100% 0, 97.5% 100%, 2.5% 100%);
				border-top: 1px solid rgba(255, 252, 252, 0.18);
				border-bottom: 1px solid rgba(255, 87, 10, 0.42);
			}

			.language-nav {
				overflow: visible !important;
				clip-path: none !important;
				border-radius: 1.75rem;
				z-index: 60;
				border-top: 0 !important;
				border-bottom: 0 !important;
				background-color: transparent !important;
				box-shadow: none !important;
				backdrop-filter: none !important;
				-webkit-backdrop-filter: none !important;
			}

			.language-nav details {
				position: relative;
				z-index: 80;
			}

			.language-nav details > div {
				z-index: 9999;
			}

			.language-nav.nav-trapeze::before {
				clip-path: polygon(0 0, 100% 0, 97.5% 100%, 2.5% 100%);
				border-top: 1px solid rgba(255, 252, 252, 0.18);
				border-bottom: 1px solid rgba(255, 87, 10, 0.42);
				background:
					linear-gradient(90deg, rgba(255, 119, 51, 0.16), rgba(7, 59, 58, 0.18) 42%, rgba(255, 87, 10, 0.14)),
					linear-gradient(180deg, rgba(255, 252, 252, 0.08), transparent 30%),
					rgba(12, 4, 4, 0.62);
				box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 119, 51, 0.14) inset;
				backdrop-filter: blur(20px) saturate(140%);
				-webkit-backdrop-filter: blur(20px) saturate(140%);
			}

			.language-nav details > div {
				width: 17.5rem !important;
				padding: 0.65rem;
				border-color: rgba(255, 119, 51, 0.24) !important;
				background:
					linear-gradient(135deg, rgba(12, 4, 4, 0.96), rgba(7, 59, 58, 0.82)),
					linear-gradient(90deg, rgba(255, 119, 51, 0.08), transparent 55%) !important;
				box-shadow: 0 22px 60px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(255, 252, 252, 0.06) inset;
				backdrop-filter: blur(18px) saturate(135%);
				-webkit-backdrop-filter: blur(18px) saturate(135%);
			}

			.language-nav details > div a {
				border-radius: 0.55rem;
				padding: 1rem 1.35rem !important;
				font-size: 0.95rem !important;
				font-weight: 900;
				letter-spacing: 0.28em;
				text-transform: uppercase;
				color: rgba(255, 252, 252, 0.82) !important;
				transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
			}

			.language-nav details > div a:hover {
				background: rgba(255, 119, 51, 0.14) !important;
				color: var(--color-text) !important;
				transform: translateX(0.15rem);
			}

			.nav-trapeze::before {
				content: "";
				position: absolute;
				inset: 0;
				background:
					linear-gradient(90deg, rgba(255, 119, 51, 0.16), rgba(7, 59, 58, 0.18) 42%, rgba(255, 87, 10, 0.14)),
					linear-gradient(180deg, rgba(255, 252, 252, 0.08), transparent 30%);
				pointer-events: none;
			}

			.nav-scrolled {
				background-color: rgba(12, 4, 4, 0.72);
				box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 119, 51, 0.14) inset;
				backdrop-filter: blur(20px) saturate(140%);
				-webkit-backdrop-filter: blur(20px) saturate(140%);
			}

			.nav-at-rest {
				background-color: rgba(12, 4, 4, 0.52);
				box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24), 0 0 0 1px rgba(255, 252, 252, 0.06) inset;
				backdrop-filter: blur(14px) saturate(125%);
				-webkit-backdrop-filter: blur(14px) saturate(125%);
			}

			.retro-pill {
				color: var(--color-text);
				position: relative;
				isolation: isolate;
				border-radius: 9999px;
				transition:
					transform 180ms ease,
					background-color 180ms ease,
					color 180ms ease,
					box-shadow 180ms ease;
				box-shadow: 4px 4px 0 3px var(--color-secondary);
			}

			.retro-pill:hover,
			.retro-pill:active {
				transform: translate(-4px, -4px);
				box-shadow: 4px 4px 0 3px var(--color-secondary);
			}

			.nav-link {
				position: relative;
			}

			.nav-link::after {
				content: "";
				position: absolute;
				left: 50%;
				bottom: -0.4rem;
				width: 0;
				height: 2px;
				border-radius: 999px;
				background: linear-gradient(90deg, var(--color-orange-light), var(--color-orange-dark));
				transform: translateX(-50%);
				transition: width 180ms ease;
			}

			.nav-link:hover::after {
				width: 100%;
			}

			.about-section {
				position: relative;
				overflow: hidden;
				min-height: 100vh;
				display: flex;
				align-items: flex-start;
				padding-top: 6.75rem;
				padding-bottom: 3rem;
				scroll-margin-top: 8.5rem;
				background:
					linear-gradient(180deg, rgba(7, 59, 58, 0.14) 0%, rgba(12, 4, 4, 0.94) 16%, rgba(12, 4, 4, 1) 100%);
			}

			.about-panel {
				position: relative;
				margin-top: auto;
				min-height: clamp(22rem, 44vh, 32rem);
				display: flex;
				align-items: center;
				background: linear-gradient(92deg, rgba(255, 87, 10, 0.99) 0%, rgba(255, 119, 51, 0.94) 52%, rgba(7, 59, 58, 0.98) 100%);
				left: 50%;
				width: 100vw;
				margin-left: -50vw;
				clip-path: polygon(0 20%, 100% 8%, 100% 88%, 0 100%);
				border-top: 1px solid rgba(255, 255, 252, 0.08);
				border-bottom: 1px solid rgba(7, 59, 58, 0.36);
				box-shadow: 0 28px 90px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(255, 255, 252, 0.03) inset;
				backdrop-filter: blur(10px);
				-webkit-backdrop-filter: blur(10px);
			}

			.about-panel::before {
				content: "";
				position: absolute;
				inset: 0;
				background:
					linear-gradient(180deg, rgba(255, 255, 252, 0.16) 0%, transparent 18%),
					linear-gradient(90deg, rgba(255, 255, 252, 0.04) 0%, transparent 38%, rgba(7, 59, 58, 0.16) 100%);
				pointer-events: none;
			}

			.about-panel-content {
				position: relative;
				z-index: 1;
				width: 100%;
			}

			.content-section {
				position: relative;
				overflow: hidden;
				scroll-margin-top: 8.5rem;
				padding: 5.5rem 1rem 5rem;
				background:
					linear-gradient(180deg, rgba(7, 59, 58, 0.12) 0%, rgba(12, 4, 4, 0.92) 11%, rgba(12, 4, 4, 1) 100%);
			}

			.content-section::before {
				content: "";
				position: absolute;
				inset: 0;
				background:
					radial-gradient(circle at 12% 18%, rgba(255, 119, 51, 0.14), transparent 20%),
					radial-gradient(circle at 88% 14%, rgba(7, 59, 58, 0.24), transparent 18%),
					linear-gradient(90deg, rgba(255, 255, 252, 0.03) 0, transparent 12%, transparent 88%, rgba(255, 255, 252, 0.03) 100%);
				pointer-events: none;
				opacity: 0.95;
			}

			.section-frame {
				position: relative;
				z-index: 1;
				width: min(1240px, 100%);
				margin: 0 auto;
			}

			.section-header {
				display: flex;
				align-items: end;
				justify-content: space-between;
				gap: 1rem;
				margin-bottom: 1.75rem;
			}

			.section-kicker {
				display: inline-flex;
				align-items: center;
				gap: 0.6rem;
				width: fit-content;
				padding: 0.55rem 0.9rem;
				border-radius: 999px;
				border: 1px solid rgba(255, 252, 252, 0.12);
				background: rgba(255, 255, 252, 0.04);
				color: rgba(255, 252, 252, 0.8);
				text-transform: uppercase;
				letter-spacing: 0.28em;
				font-size: 0.7rem;
				font-weight: 800;
			}

			.section-title-wrap {
				display: flex;
				align-items: center;
				gap: 0.95rem;
			}

			.section-icon {
				display: grid;
				place-items: center;
				width: 3rem;
				height: 3rem;
				border-radius: 1rem;
				background: linear-gradient(160deg, rgba(255, 119, 51, 0.96), rgba(255, 87, 10, 0.92));
				box-shadow: 0 16px 28px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 252, 0.1) inset;
				flex-shrink: 0;
			}

			.section-icon img {
				width: 1.5rem;
				height: 1.5rem;
				object-fit: contain;
				filter: brightness(0) invert(1);
			}

			.section-title {
				font-size: clamp(2.5rem, 6vw, 4.6rem);
				line-height: 0.92;
				font-weight: 900;
				letter-spacing: -0.06em;
				text-transform: uppercase;
				color: var(--color-text);
			}

			.features-heading,
			.community-heading,
			.pricing-heading {
				width: 100%;
			}

			.features-heading .section-title-wrap,
			.community-heading .section-title-wrap,
			.pricing-heading .section-title-wrap {
				width: 100%;
			}

			.features-heading .section-title,
			.community-heading .section-title,
			.pricing-heading .section-title {
				max-width: none;
			}

			@media (min-width: 1024px) {
				.features-heading .section-title,
				.community-heading .section-title,
				.pricing-heading .section-title {
					white-space: nowrap;
				}
			}

			.section-lead {
				max-width: 36rem;
				font-size: 1rem;
				line-height: 1.7;
				color: rgba(255, 252, 252, 0.8);
			}

			.section-split {
				display: grid;
				grid-template-columns: 1.05fr 0.95fr;
				gap: 1.25rem;
				align-items: stretch;
			}

			.feature-grid {
				display: grid;
				grid-template-columns: repeat(5, minmax(0, 1fr));
				gap: 1rem;
			}

			.parallelogram-card {
				position: relative;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				min-height: 24rem;
				padding: 1.15rem 1.1rem 1.15rem;
				color: var(--color-text);
				clip-path: polygon(5% 0, 95% 0, 100% 9%, 95% 100%, 5% 100%, 0 91%);
				box-shadow:
					0 22px 50px rgba(0, 0, 0, 0.35),
					0 0 0 1px rgba(255, 255, 252, 0.1) inset;
				isolation: isolate;
			}

			.parallelogram-card::before {
				content: "";
				position: absolute;
				inset: 0;
				background:
					linear-gradient(180deg, rgba(255, 255, 252, 0.18) 0%, transparent 18%),
					linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 30% 62%, rgba(0, 0, 0, 0.14) 100%);
				pointer-events: none;
				z-index: 0;
			}

			.parallelogram-card::after {
				content: "";
				position: absolute;
				inset: auto 0 0 0;
				height: 0.5rem;
				background: rgba(255, 255, 252, 0.18);
				pointer-events: none;
				z-index: 0;
			}

			.card-number {
				position: relative;
				z-index: 1;
				align-self: flex-start;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				min-width: 2.7rem;
				height: 2.7rem;
				padding: 0 0.7rem;
				border-radius: 999px;
				border: 1px solid rgba(255, 255, 252, 0.16);
				background: rgba(12, 4, 4, 0.2);
				font-size: 0.9rem;
				font-weight: 900;
				letter-spacing: 0.08em;
			}

			.card-icon {
				position: relative;
				z-index: 1;
				display: grid;
				place-items: center;
				width: 3.2rem;
				height: 3.2rem;
				border-radius: 1rem;
				background: rgba(12, 4, 4, 0.18);
				box-shadow: 0 0 0 1px rgba(255, 255, 252, 0.12) inset;
			}

			.card-icon img {
				width: 1.55rem;
				height: 1.55rem;
				object-fit: contain;
				filter: brightness(0) invert(1);
			}

			.card-title {
				position: relative;
				z-index: 1;
				font-size: 1.2rem;
				line-height: 1.1;
				font-weight: 900;
				letter-spacing: -0.03em;
				text-transform: uppercase;
			}

			.card-copy {
				position: relative;
				z-index: 1;
				margin-top: 0.8rem;
				font-size: 0.95rem;
				line-height: 1.7;
				color: rgba(255, 252, 252, 0.9);
			}

			.card-list {
				position: relative;
				z-index: 1;
				margin-top: 0.85rem;
				display: grid;
				gap: 0.55rem;
			}

			.card-list li {
				display: flex;
				gap: 0.6rem;
				align-items: flex-start;
				font-size: 0.92rem;
				line-height: 1.55;
				color: rgba(255, 252, 252, 0.9);
			}

			.card-list li::before {
				content: "";
				flex: 0 0 auto;
				width: 0.45rem;
				height: 0.45rem;
				margin-top: 0.55rem;
				border-radius: 999px;
				background: currentColor;
				opacity: 0.85;
			}

			.feature-card {
				gap: 1.5rem;
				background: linear-gradient(180deg, rgba(255, 119, 51, 0.95) 0%, rgba(255, 87, 10, 0.88) 54%, rgba(7, 59, 58, 0.94) 100%);
			}

			.feature-card-header {
				position: relative;
				z-index: 1;
				display: grid;
				gap: 3rem;
			}

			.feature-card:nth-child(2n) {
				background: linear-gradient(180deg, rgba(7, 59, 58, 0.96) 0%, rgba(6, 47, 46, 0.92) 54%, rgba(255, 87, 10, 0.84) 100%);
			}

			.feature-card:nth-child(3n) {
				background: linear-gradient(180deg, rgba(255, 87, 10, 0.96) 0%, rgba(204, 72, 0, 0.9) 50%, rgba(7, 59, 58, 0.9) 100%);
			}

			.feature-card:nth-child(4n) {
				background: linear-gradient(180deg, rgba(255, 119, 51, 0.96) 0%, rgba(218, 94, 18, 0.9) 56%, rgba(7, 59, 58, 0.94) 100%);
			}

			.feature-card:nth-child(5n) {
				background: linear-gradient(180deg, rgba(7, 59, 58, 0.96) 0%, rgba(255, 119, 51, 0.8) 54%, rgba(255, 87, 10, 0.96) 100%);
			}

			.feature-card .card-number {
				background: rgba(255, 255, 252, 0.12);
			}

			.feature-card .card-icon {
				background: rgba(255, 255, 252, 0.12);
			}

			.feature-card .card-title {
				max-width: 10rem;
			}

			.feature-card .card-copy {
				margin-top: auto;
				max-width: 16rem;
				text-align: justify;
				text-align-last: left;
			}

			.community-grid {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 1.25rem;
				align-items: stretch;
			}

			.community-card,
			.community-feed,
			.pricing-panel,
			.pricing-note {
				position: relative;
				border: 1px solid rgba(255, 255, 252, 0.1);
				background: rgba(255, 255, 252, 0.04);
				box-shadow: 0 24px 60px rgba(0, 0, 0, 0.32);
				backdrop-filter: blur(14px) saturate(125%);
				-webkit-backdrop-filter: blur(14px) saturate(125%);
			}

			.community-card {
				overflow: hidden;
				padding: 1.5rem;
				clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%);
			}

			.community-card::before,
			.community-feed::before,
			.pricing-panel::before,
			.pricing-note::before {
				content: "";
				position: absolute;
				inset: 0;
				background:
					linear-gradient(135deg, rgba(255, 119, 51, 0.12), transparent 32%),
					linear-gradient(180deg, rgba(255, 255, 252, 0.12), transparent 22%);
				pointer-events: none;
			}

			.flash-badge {
				display: inline-flex;
				align-items: center;
				gap: 0.5rem;
				padding: 0.5rem 0.8rem;
				border-radius: 999px;
				background: rgba(255, 87, 10, 0.18);
				border: 1px solid rgba(255, 119, 51, 0.3);
				color: rgba(255, 252, 252, 0.92);
				font-size: 0.74rem;
				font-weight: 900;
				letter-spacing: 0.22em;
				text-transform: uppercase;
			}

			.flash-dot {
				width: 0.6rem;
				height: 0.6rem;
				border-radius: 50%;
				background: #64ffda;
				box-shadow: 0 0 0 0 rgba(100, 255, 218, 0.55);
				animation: pulse-glow 1.8s infinite;
			}

			@keyframes pulse-glow {
				0% {
					box-shadow: 0 0 0 0 rgba(100, 255, 218, 0.42);
				}

				70% {
					box-shadow: 0 0 0 12px rgba(100, 255, 218, 0);
				}

				100% {
					box-shadow: 0 0 0 0 rgba(100, 255, 218, 0);
				}
			}

			.community-title {
				margin-top: 1rem;
				font-size: clamp(2rem, 4vw, 3.2rem);
				line-height: 0.98;
				font-weight: 900;
				letter-spacing: -0.05em;
				text-transform: uppercase;
			}

			.community-copy {
				margin-top: 1rem;
				max-width: 34rem;
				font-size: 1rem;
				line-height: 1.75;
				color: rgba(255, 252, 252, 0.86);
			}

			.community-actions {
				display: flex;
				flex-wrap: wrap;
				gap: 0.8rem;
				margin-top: 1.4rem;
			}

			.community-cta {
				border: none;
				background: linear-gradient(135deg, #25d366, #14b85d);
				box-shadow: 0 16px 30px rgba(21, 180, 92, 0.28), 4px 4px 0 3px rgba(7, 59, 58, 0.9);
			}

			.community-cta:hover,
			.community-cta:active {
				transform: translate(-4px, -4px);
			}

			.community-meta {
				margin-top: 1rem;
				display: grid;
				grid-template-columns: repeat(3, minmax(0, 1fr));
				gap: 0.75rem;
			}

			.community-meta-item {
				padding: 0.8rem 0.9rem;
				border-radius: 1rem;
				background: rgba(12, 4, 4, 0.3);
				border: 1px solid rgba(255, 255, 252, 0.08);
			}

			.community-meta-item strong {
				display: block;
				font-size: 1rem;
				font-weight: 900;
				letter-spacing: -0.03em;
			}

			.community-meta-item span {
				display: block;
				margin-top: 0.25rem;
				font-size: 0.82rem;
				color: rgba(255, 252, 252, 0.72);
			}

			.community-feed {
				display: flex;
				flex-direction: column;
				gap: 1rem;
				padding: 1.5rem;
				clip-path: polygon(3% 0, 100% 0, 100% 100%, 0 100%, 0 10%);
			}

			.feed-placeholder {
				min-height: 17rem;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				gap: 1rem;
				padding: 1.1rem;
				border-radius: 1.2rem;
				background:
					linear-gradient(180deg, rgba(255, 255, 252, 0.08), rgba(255, 255, 252, 0.02)),
					radial-gradient(circle at 20% 20%, rgba(255, 119, 51, 0.16), transparent 24%),
					radial-gradient(circle at 80% 30%, rgba(7, 59, 58, 0.26), transparent 24%),
					rgba(12, 4, 4, 0.28);
				border: 1px solid rgba(255, 255, 252, 0.08);
			}

			.feed-header {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 1rem;
			}

			.feed-header h3,
			.pricing-note h3 {
				font-size: 1.1rem;
				font-weight: 900;
				text-transform: uppercase;
				letter-spacing: -0.03em;
			}

			.feed-stack {
				display: grid;
				gap: 0.7rem;
			}

			.feed-message {
				padding: 0.85rem 0.95rem;
				border-radius: 1rem;
				background: rgba(255, 255, 252, 0.06);
				border: 1px solid rgba(255, 255, 252, 0.08);
				font-size: 0.92rem;
				line-height: 1.6;
				color: rgba(255, 252, 252, 0.9);
			}

			.feed-message span {
				display: block;
				margin-bottom: 0.2rem;
				font-size: 0.72rem;
				font-weight: 900;
				letter-spacing: 0.18em;
				text-transform: uppercase;
				color: rgba(255, 119, 51, 0.95);
			}

			.feed-image-placeholder {
				display: grid;
				place-items: center;
				min-height: 8rem;
				border-radius: 1rem;
				background: linear-gradient(135deg, rgba(255, 119, 51, 0.18), rgba(7, 59, 58, 0.18));
				border: 1px dashed rgba(255, 255, 252, 0.14);
				color: rgba(255, 252, 252, 0.72);
				text-align: center;
				font-size: 0.88rem;
				line-height: 1.5;
			}

			.pricing-grid {
				display: grid;
				grid-template-columns: repeat(5, minmax(0, 1fr));
				gap: 1rem;
			}

			.pricing-card {
				gap: 1.5rem;
				background: linear-gradient(180deg, rgba(255, 119, 51, 0.94) 0%, rgba(255, 87, 10, 0.9) 54%, rgba(7, 59, 58, 0.96) 100%);
			}

			.pricing-card-header {
				position: relative;
				z-index: 1;
				display: grid;
				gap: 3rem;
			}

			.pricing-card-body {
				position: relative;
				z-index: 1;
				margin-top: auto;
			}

			.pricing-card:nth-child(2n) {
				background: linear-gradient(180deg, rgba(7, 59, 58, 0.96) 0%, rgba(6, 47, 46, 0.92) 54%, rgba(255, 119, 51, 0.84) 100%);
			}

			.pricing-card:nth-child(3n) {
				background: linear-gradient(180deg, rgba(255, 87, 10, 0.95) 0%, rgba(204, 72, 0, 0.92) 54%, rgba(7, 59, 58, 0.9) 100%);
			}

			.pricing-card .card-title {
				max-width: 11rem;
			}

			.pricing-card .card-copy {
				text-align: justify;
				text-align-last: left;
			}

			.price-tag {
				position: relative;
				z-index: 1;
				display: inline-flex;
				flex-direction: column;
				gap: 0.2rem;
				padding: 0.75rem 0.9rem;
				border-radius: 1rem;
				background: rgba(12, 4, 4, 0.18);
				border: 1px solid rgba(255, 255, 252, 0.12);
				width: fit-content;
				box-shadow: 0 10px 18px rgba(0, 0, 0, 0.18);
			}

			.price-tag strong {
				font-size: 1.7rem;
				line-height: 1;
				font-weight: 900;
				letter-spacing: -0.05em;
			}

			.price-tag span {
				font-size: 0.72rem;
				letter-spacing: 0.16em;
				text-transform: uppercase;
				font-weight: 800;
				color: rgba(255, 252, 252, 0.84);
			}

			.details-box {
				margin-top: 1.15rem;
				position: relative;
				z-index: 1;
				border-radius: 1rem;
				background: rgba(12, 4, 4, 0.28);
				border: 1px solid rgba(255, 255, 252, 0.08);
				overflow: hidden;
			}

			.details-box summary {
				cursor: pointer;
				list-style: none;
				padding: 0.9rem 1rem;
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 1rem;
				font-size: 0.9rem;
				font-weight: 900;
				letter-spacing: 0.08em;
				text-transform: uppercase;
				color: rgba(255, 252, 252, 0.92);
			}

			.details-box summary::-webkit-details-marker {
				display: none;
			}

			.details-box summary::after {
				content: "+";
				flex-shrink: 0;
				font-size: 1.2rem;
				line-height: 1;
				transition: transform 180ms ease;
			}

			.details-box[open] summary::after {
				transform: rotate(45deg);
			}

			.details-content {
				padding: 0 1rem 1rem;
				color: rgba(255, 252, 252, 0.86);
				font-size: 0.92rem;
				line-height: 1.7;
			}

			.pricing-note {
				margin-top: 1rem;
				padding: 1.1rem 1.1rem 1rem;
				border-radius: 1rem;
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 1rem;
			}

			.pricing-note p {
				margin-top: 0.35rem;
				font-size: 0.92rem;
				line-height: 1.65;
				color: rgba(255, 252, 252, 0.82);
			}

			.subscription-actions {
				position: relative;
				z-index: 1;
				display: flex;
				flex-wrap: wrap;
				gap: 0.7rem;
				margin-top: 1rem;
			}

			.subscription-link {
				min-height: 44px;
				border-color: rgba(255, 252, 252, 0.18);
				background: var(--color-orange-light);
				color: #fff;
				box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(255, 255, 252, 0.1) inset;
			}

			.pricing-card .subscription-link {
				width: 100%;
				margin-top: 1rem;
			}

			.booking-section {
				position: relative;
				overflow: hidden;
				padding: 5.5rem 1rem 4.5rem;
				background:
					linear-gradient(180deg, rgba(12, 4, 4, 0.96) 0%, rgba(7, 59, 58, 0.18) 48%, rgba(12, 4, 4, 1) 100%),
					radial-gradient(circle at 14% 16%, rgba(255, 119, 51, 0.16), transparent 22%),
					radial-gradient(circle at 86% 12%, rgba(7, 59, 58, 0.32), transparent 24%);
			}

			.booking-shell {
				position: relative;
				z-index: 1;
				width: min(1240px, 100%);
				margin: 0 auto;
			}

			.booking-layout {
				display: grid;
				grid-template-columns: 14rem minmax(0, 1fr) 18rem;
				overflow: hidden;
				border: 1px solid rgba(255, 252, 252, 0.1);
				background: rgba(255, 255, 252, 0.045);
				box-shadow: 0 28px 90px rgba(0, 0, 0, 0.36);
				backdrop-filter: blur(14px) saturate(125%);
				-webkit-backdrop-filter: blur(14px) saturate(125%);
			}

			.booking-steps,
			.booking-summary {
				padding: 1.4rem;
				background: rgba(12, 4, 4, 0.28);
			}

			.booking-steps {
				border-right: 1px solid rgba(255, 252, 252, 0.1);
			}

			.booking-summary {
				border-left: 1px solid rgba(255, 252, 252, 0.1);
			}

			.booking-step-nav {
				display: grid;
				gap: 0.75rem;
			}

			.booking-step-nav button {
				border: 0;
				background: transparent;
				color: rgba(255, 252, 252, 0.56);
				text-align: left;
				font: inherit;
				font-weight: 800;
				cursor: pointer;
				padding: 0.4rem 0;
			}

			.booking-step-nav button.is-active {
				color: var(--color-orange-light);
			}

			.booking-main {
				min-height: 38rem;
				padding: 1.5rem;
			}

			.booking-panel {
				display: none;
			}

			.booking-panel.is-active {
				display: block;
				animation: bookingPanelIn 260ms ease both;
			}

			@keyframes bookingPanelIn {
				from {
					opacity: 0;
					transform: translateY(14px);
				}

				to {
					opacity: 1;
					transform: translateY(0);
				}
			}

			.booking-panel h2,
			.booking-summary h3 {
				font-size: clamp(1.9rem, 3vw, 3rem);
				line-height: 0.96;
				font-weight: 900;
				letter-spacing: -0.05em;
				text-transform: uppercase;
			}

			.booking-summary h3 {
				display: flex;
				align-items: center;
				gap: 0.65rem;
				font-size: 1.25rem;
				color: var(--color-orange-light);
			}

			.booking-calendar,
			.booking-controls,
			.booking-form,
			.booking-confirm-box,
			.booking-success {
				margin-top: 1.4rem;
			}

			.booking-month {
				text-align: center;
				font-size: 1.5rem;
				font-weight: 900;
				text-transform: capitalize;
			}

			.booking-month-nav {
				display: grid;
				grid-template-columns: 2.75rem minmax(0, 1fr) 2.75rem;
				align-items: center;
				gap: 0.75rem;
			}

			.booking-month-btn {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				width: 2.75rem;
				height: 2.75rem;
				border: 1px solid rgba(255, 252, 252, 0.14);
				background: rgba(7, 59, 58, 0.38);
				color: var(--color-text);
				cursor: pointer;
				transition: background-color 160ms ease, border-color 160ms ease, opacity 160ms ease, transform 160ms ease;
			}

			.booking-month-btn:hover:not(:disabled) {
				transform: translateY(-2px);
				border-color: rgba(255, 119, 51, 0.5);
				background: rgba(255, 119, 51, 0.16);
			}

			.booking-month-btn:disabled {
				opacity: 0.35;
				cursor: not-allowed;
			}

			.booking-weekdays,
			.booking-days {
				display: grid;
				grid-template-columns: repeat(7, minmax(0, 1fr));
				gap: 0.55rem;
			}

			.booking-weekdays {
				margin-top: 1rem;
				color: rgba(255, 252, 252, 0.5);
				font-weight: 900;
				text-align: center;
			}

			.booking-days {
				margin-top: 0.6rem;
			}

			.booking-day {
				min-height: 4.2rem;
				border: 1px solid rgba(255, 252, 252, 0.1);
				background: rgba(7, 59, 58, 0.38);
				color: rgba(255, 252, 252, 0.9);
				font-size: 1.25rem;
				font-weight: 900;
				cursor: pointer;
				transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease;
			}

			.booking-day:hover {
				transform: translateY(-2px);
				border-color: rgba(255, 119, 51, 0.5);
			}

			.booking-day.is-selected,
			.booking-option.is-selected,
			.booking-slot.is-selected {
				background: var(--color-orange-light);
				border-color: rgba(255, 252, 252, 0.26);
				box-shadow: 0 14px 32px rgba(255, 87, 10, 0.24);
				transform: translateY(-2px);
			}

			.booking-day.is-empty {
				visibility: hidden;
			}

			.booking-day.is-unavailable {
				background: rgba(255, 80, 80, 0.12);
				color: rgba(255, 252, 252, 0.42);
				cursor: not-allowed;
			}

			.booking-controls,
			.booking-form {
				display: grid;
				gap: 1rem;
			}

			.booking-options {
				display: flex;
				flex-wrap: wrap;
				gap: 0.55rem;
			}

			.booking-option,
			.booking-slot {
				border: 1px solid rgba(255, 252, 252, 0.14);
				background: rgba(255, 255, 252, 0.05);
				color: var(--color-text);
				padding: 0.7rem 0.9rem;
				font: inherit;
				font-weight: 900;
				cursor: pointer;
				transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
			}

			.booking-option:hover,
			.booking-slot:hover {
				transform: translateY(-2px);
				border-color: rgba(255, 119, 51, 0.5);
			}

			.booking-option:disabled,
			.booking-slot:disabled,
			.booking-actions button:disabled {
				opacity: 0.42;
				cursor: not-allowed;
			}

			.booking-slots {
				display: grid;
				grid-template-columns: repeat(3, minmax(0, 1fr));
				gap: 0.75rem;
			}

			.booking-slot {
				min-height: 3.8rem;
				background: rgba(7, 59, 58, 0.4);
				min-width: 0;
				white-space: nowrap;
			}

			.booking-form-row {
				display: grid;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 0.95rem;
			}

			.booking-field {
				display: grid;
				gap: 0.4rem;
			}

			.booking-field label {
				font-size: 0.72rem;
				font-weight: 900;
				letter-spacing: 0.18em;
				text-transform: uppercase;
				color: rgba(255, 252, 252, 0.68);
			}

			.booking-field input,
			.booking-field textarea {
				width: 100%;
				border: 1px solid rgba(255, 252, 252, 0.12);
				background: rgba(12, 4, 4, 0.36);
				color: var(--color-text);
				padding: 0.9rem 1rem;
				font: inherit;
				outline: none;
			}

			.booking-field textarea {
				min-height: 7rem;
				resize: vertical;
			}

			.booking-error {
				display: none;
				color: #ffb4a2;
				font-weight: 800;
			}

			.booking-error.is-visible,
			.booking-success.is-visible {
				display: block;
			}

			.booking-panel.is-complete > h2,
			.booking-panel.is-complete .booking-confirm-box,
			.booking-panel.is-complete .booking-error,
			.booking-panel.is-complete .booking-actions {
				display: none;
			}

			.booking-confirm-box {
				border: 1px solid rgba(255, 119, 51, 0.46);
				background: rgba(12, 4, 4, 0.26);
				padding: 1.2rem;
				display: grid;
				gap: 0.7rem;
			}

			.booking-confirm-box strong {
				color: var(--color-orange-light);
			}

			.booking-actions {
				margin-top: 1.5rem;
				display: flex;
				justify-content: space-between;
				gap: 1rem;
			}

			.booking-actions button {
				border: 0;
				cursor: pointer;
			}

			.booking-summary-list {
				margin-top: 1.3rem;
				display: grid;
				gap: 0.65rem;
				color: rgba(255, 252, 252, 0.76);
				font-size: 0.98rem;
				line-height: 1.5;
			}

			.booking-summary-total {
				margin-top: 1.2rem;
				padding-top: 1rem;
				border-top: 1px solid rgba(255, 252, 252, 0.12);
				display: flex;
				justify-content: space-between;
				gap: 1rem;
				font-size: 1.2rem;
				font-weight: 900;
			}

			.booking-success {
				display: none;
				min-height: clamp(24rem, 46vw, 34rem);
				padding: clamp(2rem, 5vw, 4rem);
				background:
					radial-gradient(circle at 50% 12%, rgba(255, 119, 51, 0.3), transparent 34%),
					linear-gradient(135deg, rgba(255, 87, 10, 0.84), rgba(7, 59, 58, 0.88));
				border: 1px solid rgba(255, 252, 252, 0.18);
				color: rgba(255, 252, 252, 0.92);
				place-items: center;
				text-align: center;
				position: relative;
				overflow: hidden;
				box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
			}

			.booking-success.is-visible {
				display: grid;
			}

			.booking-success::before {
				content: "";
				position: absolute;
				inset: 0;
				background:
					linear-gradient(115deg, rgba(255, 252, 252, 0.18), transparent 34%),
					linear-gradient(0deg, rgba(12, 4, 4, 0.12), rgba(12, 4, 4, 0.22));
				pointer-events: none;
			}

			.booking-success-content {
				position: relative;
				z-index: 1;
				display: grid;
				justify-items: center;
				gap: 1rem;
				max-width: 34rem;
			}

			.booking-success-icon {
				display: grid;
				place-items: center;
				width: 5.25rem;
				height: 5.25rem;
				border-radius: 999px;
				background: rgba(255, 252, 252, 0.16);
				border: 1px solid rgba(255, 252, 252, 0.3);
				box-shadow: 0 0 0 0.65rem rgba(255, 252, 252, 0.08);
				font-size: 2rem;
			}

			.booking-success h2 {
				font-size: clamp(2rem, 4vw, 4rem);
				line-height: 0.94;
				font-weight: 900;
				letter-spacing: -0.05em;
				text-transform: uppercase;
			}

			.booking-success p {
				max-width: 30rem;
				color: rgba(255, 252, 252, 0.84);
				font-size: clamp(1rem, 1.5vw, 1.2rem);
				line-height: 1.65;
			}

			.booking-success .booking-success-note {
				margin-top: 0.25rem;
				padding: 0.65rem 0.9rem;
				border: 1px solid rgba(255, 252, 252, 0.24);
				border-radius: 0.5rem;
				background: rgba(255, 252, 252, 0.12);
				font-size: 0.95rem;
				line-height: 1.45;
			}

			.contact-section-grid {
				display: grid;
				grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
				gap: 1.25rem;
				align-items: stretch;
			}

			.contact-info-panel,
			.contact-form-panel {
				position: relative;
				overflow: hidden;
				border: 1px solid rgba(255, 252, 252, 0.1);
				background: rgba(255, 255, 252, 0.045);
				box-shadow: 0 24px 60px rgba(0, 0, 0, 0.32);
				backdrop-filter: blur(14px) saturate(125%);
				-webkit-backdrop-filter: blur(14px) saturate(125%);
			}

			.contact-info-panel {
				padding: 1.5rem;
				clip-path: polygon(0 0, 100% 0, 96% 100%, 0 100%);
			}

			.contact-form-panel {
				padding: 1.5rem;
				clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%, 0 8%);
			}

			.contact-info-panel::before,
			.contact-form-panel::before {
				content: "";
				position: absolute;
				inset: 0;
				background:
					linear-gradient(135deg, rgba(255, 119, 51, 0.12), transparent 34%),
					linear-gradient(180deg, rgba(255, 255, 252, 0.1), transparent 24%);
				pointer-events: none;
			}

			.contact-panel-inner {
				position: relative;
				z-index: 1;
			}

			.contact-card-title {
				font-size: clamp(2.15rem, 4vw, 3.8rem);
				line-height: 0.96;
				font-weight: 900;
				letter-spacing: -0.06em;
				text-transform: uppercase;
			}

			.contact-card-copy {
				margin-top: 1rem;
				max-width: 36rem;
				font-size: 1rem;
				line-height: 1.75;
				color: rgba(255, 252, 252, 0.82);
				text-align: justify;
			}

			.contact-details {
				margin-top: 1.5rem;
				display: grid;
				gap: 0.8rem;
			}

			.contact-detail {
				display: grid;
				grid-template-columns: 2.8rem minmax(0, 1fr);
				gap: 0.85rem;
				align-items: start;
				padding: 0.9rem;
				border: 1px solid rgba(255, 252, 252, 0.08);
				background: rgba(12, 4, 4, 0.24);
			}

			.contact-detail i {
				display: grid;
				place-items: center;
				width: 2.8rem;
				height: 2.8rem;
				border-radius: 0.9rem;
				background: rgba(255, 87, 10, 0.28);
				color: var(--color-text);
			}

			.contact-detail strong {
				display: block;
				font-size: 0.78rem;
				font-weight: 900;
				letter-spacing: 0.18em;
				text-transform: uppercase;
				color: rgba(255, 252, 252, 0.64);
			}

			.contact-detail a,
			.contact-detail span {
				display: inline-block;
				margin-top: 0.25rem;
				color: rgba(255, 252, 252, 0.9);
				font-size: 1rem;
				line-height: 1.45;
				text-decoration: none;
			}

			.contact-detail a:hover {
				color: var(--color-orange-light);
			}

			.contact-form {
				position: relative;
				z-index: 1;
				display: grid;
				gap: 0.9rem;
			}

			.contact-form-row {
				display: grid;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 0.9rem;
			}

			.contact-field {
				display: grid;
				gap: 0.42rem;
			}

			.contact-field label {
				font-size: 0.72rem;
				font-weight: 900;
				letter-spacing: 0.18em;
				text-transform: uppercase;
				color: rgba(255, 252, 252, 0.68);
			}

			.contact-field input,
			.contact-field textarea {
				width: 100%;
				border: 1px solid rgba(255, 252, 252, 0.12);
				background: rgba(12, 4, 4, 0.36);
				color: var(--color-text);
				padding: 0.95rem 1rem;
				font: inherit;
				outline: none;
				transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
			}

			.contact-field textarea {
				min-height: 10rem;
				resize: vertical;
			}

			.contact-field input::placeholder,
			.contact-field textarea::placeholder {
				color: rgba(255, 252, 252, 0.42);
			}

			.contact-field input:focus,
			.contact-field textarea:focus {
				border-color: rgba(255, 119, 51, 0.72);
				background: rgba(12, 4, 4, 0.48);
				box-shadow: 0 0 0 3px rgba(255, 119, 51, 0.14);
			}

			.contact-submit {
				width: fit-content;
				border: none;
				background: var(--color-orange-light);
				cursor: pointer;
			}

			.site-footer {
				position: relative;
				overflow: hidden;
				min-height: 34rem;
				padding: 4rem 1rem 0;
				background:
					linear-gradient(180deg, rgba(12, 4, 4, 0.94) 0%, rgba(12, 4, 4, 0.9) 52%, rgba(7, 59, 58, 0.86) 100%),
					linear-gradient(90deg, rgba(12, 4, 4, 0.98) 0%, rgba(12, 4, 4, 0.72) 48%, rgba(12, 4, 4, 0.94) 100%),
					url("/images/background.webp");
				background-position: center;
				background-size: cover;
				border-top: 1px solid rgba(255, 119, 51, 0.24);
			}

			.site-footer::before {
				content: "";
				position: absolute;
				inset: 0;
				background:
					linear-gradient(180deg, rgba(12, 4, 4, 0.06), rgba(12, 4, 4, 0.7)),
					radial-gradient(circle at 10% 18%, rgba(255, 119, 51, 0.12), transparent 24%),
					radial-gradient(circle at 90% 15%, rgba(7, 59, 58, 0.28), transparent 22%);
				pointer-events: none;
			}

			.site-footer::after {
				content: "PADEL NO1";
				position: absolute;
				top: 0.2rem;
				left: 50%;
				transform: translateX(-50%);
				width: max-content;
				color: rgba(255, 252, 252, 0.055);
				font-size: clamp(4.5rem, 15vw, 12rem);
				line-height: 1;
				font-weight: 900;
				letter-spacing: -0.08em;
				text-transform: uppercase;
				pointer-events: none;
			}

			.footer-frame {
				position: relative;
				z-index: 1;
				width: min(1240px, 100%);
				margin: 0 auto;
			}

			.footer-mark-logo {
				position: absolute;
				right: -2rem;
				top: 4.5rem;
				width: min(24rem, 34vw);
				height: auto;
				opacity: 0.08;
				filter: drop-shadow(0 24px 40px rgba(0, 0, 0, 0.36));
				pointer-events: none;
			}

			.footer-logo-top {
				display: flex;
				justify-content: center;
				margin-bottom: 2.2rem;
			}

			.footer-logo-top img {
				width: min(15rem, 58vw);
				height: auto;
				filter: drop-shadow(0 16px 28px rgba(0, 0, 0, 0.48));
			}

			.footer-main {
				display: grid;
				grid-template-columns: 1.1fr 1fr 1.1fr 1fr;
				gap: clamp(1.5rem, 4vw, 4rem);
				align-items: start;
				padding: 0 0 5.75rem;
			}

			.footer-panel {
				position: relative;
				padding: 0;
			}

			.footer-panel h3 {
				font-size: 1rem;
				font-weight: 900;
				letter-spacing: -0.02em;
				color: rgba(255, 252, 252, 0.96);
			}

			.footer-list {
				margin-top: 1rem;
				display: grid;
				gap: 0.75rem;
			}

			.footer-list a,
			.footer-list span {
				display: inline-flex;
				align-items: center;
				gap: 0.55rem;
				width: fit-content;
				color: rgba(255, 252, 252, 0.68);
				font-size: 0.96rem;
				line-height: 1.5;
				text-decoration: none;
				transition: color 180ms ease, transform 180ms ease;
			}

			.footer-list a:hover {
				color: var(--color-text);
				transform: translateX(0.25rem);
			}

			.footer-list i {
				width: 1rem;
				color: var(--color-orange-light);
			}

			.footer-social {
				display: flex;
				flex-wrap: nowrap;
				align-items: center;
				justify-content: flex-end;
				gap: 1rem;
				margin-top: 1.8rem;
			}

			.footer-social a {
				display: inline-flex;
				align-items: center;
				gap: 0.45rem;
				white-space: nowrap;
				color: rgba(255, 252, 252, 0.62);
				text-decoration: none;
				transition: color 180ms ease;
			}

			.footer-social a:hover {
				color: var(--color-orange-light);
			}

			.footer-bottom {
				position: relative;
				z-index: 1;
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 1rem;
				padding: 1.15rem 0 1.45rem;
				border-top: 1px solid rgba(255, 252, 252, 0.08);
				color: rgba(255, 252, 252, 0.56);
				font-size: 0.9rem;
				line-height: 1.5;
			}

			.footer-dev {
				color: rgba(255, 252, 252, 0.64);
			}

			.footer-bottom a {
				color: var(--color-text);
				font-weight: 800;
				text-decoration: underline;
				text-underline-offset: 0.18em;
			}

			.footer-bottom a:hover {
				color: var(--color-orange-light);
			}

			.about-secondary-btn {
				align-self: center;
				margin-top: 0.75rem;
				border: 1px solid rgba(255, 252, 252, 0.72);
				background: rgba(12, 4, 4, 0.42);
				color: var(--color-text);
				text-decoration: none;
				box-shadow: 0 0 0 1px rgba(255, 255, 252, 0.08) inset;
				backdrop-filter: blur(4px);
				-webkit-backdrop-filter: blur(4px);
			}

			.about-secondary-btn:hover,
			.about-secondary-btn:active {
				transform: translate(-4px, -4px);
				background: rgba(12, 4, 4, 0.56);
				border-color: rgba(255, 252, 252, 0.9);
				box-shadow: 4px 4px 0 3px var(--color-secondary);
			}

			.contact-widget {
                position: fixed;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
				transform-origin: right center;
                z-index: 40;

                width: auto;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 0.75rem;

                /* Taller trapeze, same icon/button sizes */
                padding: 3rem 1.7rem 3rem 1.15rem;

                background-color: rgba(12, 4, 4, 0.52);
                border-top: 1px solid rgba(255, 252, 252, 0.18);
                border-bottom: 1px solid rgba(255, 87, 10, 0.42);

                backdrop-filter: blur(14px) saturate(125%);
                -webkit-backdrop-filter: blur(14px) saturate(125%);

                box-shadow:
                    -12px 0 28px rgba(0, 0, 0, 0.24),
                    0 0 0 1px rgba(255, 252, 252, 0.06) inset;

                clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 92%);
				transition:
					opacity 260ms ease,
					transform 260ms ease,
					background-color 260ms ease,
					box-shadow 260ms ease;
            }

			.contact-widget.is-muted {
				opacity: 0.42;
				transform: translateY(-50%) scale(0.72);
			}

			.contact-widget.is-muted:hover,
			.contact-widget:hover {
				opacity: 1;
				transform: translateY(-50%) scale(1);
			}

			.contact-widget::before {
				content: "";
				position: absolute;
				inset: 0;
				background:
					linear-gradient(180deg, rgba(255, 119, 51, 0.16), rgba(7, 59, 58, 0.18) 42%, rgba(255, 87, 10, 0.14)),
					linear-gradient(90deg, rgba(255, 252, 252, 0.08), transparent 30%);
				pointer-events: none;
				clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 92%);
			}

			.contact-link {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 3.15rem;
				height: 3.15rem;
				border-radius: 50%;
				background: rgba(255, 87, 10, 0.32);
				border: 2.5px solid rgba(255, 119, 51, 0.64);
				color: var(--color-text);
				text-decoration: none;
				transition: all 240ms cubic-bezier(0.34, 1.56, 0.64, 1);
				position: relative;
				flex-shrink: 0;
			}

			.contact-link:hover {
				background: rgba(255, 87, 10, 0.64);
				border-color: rgba(255, 119, 51, 1);
			}

			.contact-link i {
				font-size: 1.1rem;
				line-height: 1;
				pointer-events: none;
				color: currentColor;
				transition: transform 240ms cubic-bezier(0.34, 1.56, 0.64, 1);
			}

			.contact-link:hover i {
				transform: scale(1.08);
			}

			@media (max-width: 768px) {
				.site-footer {
					padding: 3.5rem 0.85rem 0;
				}

				.footer-main {
					grid-template-columns: 1fr;
					padding-bottom: 3rem;
				}

				.footer-mark-logo {
					right: -4rem;
					top: 2rem;
					width: 18rem;
					opacity: 0.055;
				}

				.footer-social {
					justify-content: flex-start;
				}

				.footer-bottom {
					align-items: flex-start;
					flex-direction: column;
				}

				.booking-section {
					padding: 4.5rem 0.85rem 3.5rem;
				}

				.booking-layout {
					grid-template-columns: 1fr;
				}

				.booking-steps,
				.booking-summary {
					border: 0;
				}

				.booking-step-nav {
					grid-template-columns: repeat(4, minmax(0, 1fr));
					gap: 0.35rem;
				}

				.booking-step-nav button {
					font-size: 0.78rem;
					text-align: center;
				}

				.booking-main {
					min-height: auto;
					padding: 1rem;
				}

				.booking-days,
				.booking-weekdays {
					gap: 0.3rem;
				}

				.booking-day {
					min-height: 3rem;
					font-size: 1rem;
				}

				.booking-form-row {
					grid-template-columns: 1fr;
				}

				.booking-slots {
					grid-template-columns: repeat(2, minmax(0, 1fr));
					gap: 0.55rem;
				}

				.booking-slot {
					min-height: 3.35rem;
					padding: 0.65rem 0.45rem;
					font-size: clamp(0.72rem, 3.15vw, 0.9rem);
					line-height: 1.05;
				}

				.contact-widget {
                    padding: 1.75rem 0.85rem 1.75rem 0.6rem;
                    gap: 0.55rem;
                }

				.contact-link {
					width: 2.35rem;
					height: 2.35rem;
				}

				.contact-link i {
					font-size: 0.9rem;
				}

				.content-section {
					padding: 4.5rem 0.85rem 4rem;
				}

				.section-header,
				.section-split,
				.community-grid,
				.pricing-grid {
					grid-template-columns: 1fr;
				}

				.section-header {
					display: grid;
					gap: 0.75rem;
					align-items: start;
				}

				.section-title-wrap {
					align-items: flex-start;
				}

				.section-title {
					font-size: clamp(2.3rem, 10vw, 3.5rem);
				}

				.section-lead {
					max-width: none;
				}

				.about-section {
					min-height: auto;
					padding-top: 5.5rem;
					padding-bottom: 4rem;
					text-align: left;
				}

				.about-panel {
					min-height: auto;
					height: auto;
					margin-top: 2rem;
					align-items: stretch;
					clip-path: polygon(0 7%, 100% 0, 100% 94%, 0 100%);
				}

				.about-panel-content {
					width: min(100%, 42rem);
					padding: 4.25rem 1.25rem 4.75rem;
				}

				.feature-grid,
				.pricing-grid {
					grid-template-columns: 1fr;
				}

				.parallelogram-card {
					min-height: 19rem;
					clip-path: polygon(4% 0, 96% 0, 100% 7%, 96% 100%, 4% 100%, 0 93%);
				}

				.community-meta {
					grid-template-columns: 1fr;
				}

				.pricing-note {
					align-items: flex-start;
					flex-direction: column;
				}

				.contact-section-grid,
				.contact-form-row {
					grid-template-columns: 1fr;
				}

				.contact-info-panel,
				.contact-form-panel {
					clip-path: polygon(4% 0, 96% 0, 100% 7%, 96% 100%, 4% 100%, 0 93%);
				}
			}

			@media (max-width: 1024px) {
				.about-section {
					min-height: auto;
					padding-top: 5.5rem;
					padding-bottom: 4rem;
					text-align: left;
				}

				.about-panel {
					min-height: auto;
					height: auto;
					margin-top: 2rem;
					align-items: center;
					clip-path: polygon(0 4.75rem, 100% 0, 100% calc(100% - 4.75rem), 0 100%);
				}

				.about-panel-content {
					width: min(100%, 42rem);
					padding: 8rem 1.25rem;
				}
			}

/* Legal page styles */
:root {
	--color-bg: #0c0404;
	--color-text: #fffffc;
	--color-secondary: #073b3a;
	--color-orange-light: #ff7733;
	--color-orange-dark: #ff570a;
}

body {
	background: var(--color-bg);
	color: var(--color-text);
	overflow-x: hidden;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

body::before {
	background:
		linear-gradient(135deg, rgba(255, 87, 10, 0.38) 0%, rgba(255, 119, 51, 0.14) 26%, rgba(12, 4, 4, 0.72) 58%, rgba(7, 59, 58, 0.54) 100%),
		url("/images/background.webp") !important;
	background-position: center !important;
	background-size: cover !important;
}

body::after {
	background:
		linear-gradient(180deg, rgba(12, 4, 4, 0.08), rgba(12, 4, 4, 0.86)),
		linear-gradient(rgba(255, 252, 252, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 252, 252, 0.035) 1px, transparent 1px) !important;
	background-size: auto, 6px 6px, 6px 6px !important;
}

.top-contact {
	position: relative;
	z-index: 20;
	border-bottom: 1px solid rgba(255, 252, 252, 0.08);
	background: rgba(12, 4, 4, 0.92);
}

.top-contact-inner {
	width: min(1240px, calc(100% - 2rem));
	margin: 0 auto;
	padding: 0.8rem 0;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 1.5rem;
	color: rgba(255, 252, 252, 0.72);
	font-size: 0.82rem;
	line-height: 1.45;
	text-align: center;
}

.top-contact a {
	color: var(--color-text);
	font-weight: 800;
	text-decoration: none;
	transition: color 180ms ease;
}

.top-contact a:hover {
	color: var(--color-orange-light);
}

.top-social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}

.top-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	border: 1px solid rgba(255, 252, 252, 0.14);
	border-radius: 999px;
	color: rgba(255, 252, 252, 0.88);
}

.nav {
	position: sticky;
	top: 0;
	z-index: 30;
	width: min(1240px, calc(100vw - 1rem));
	margin: 0.75rem auto 0;
	overflow: hidden;
	border-top: 1px solid rgba(255, 252, 252, 0.18);
	border-bottom: 1px solid rgba(255, 87, 10, 0.42);
	clip-path: polygon(0 0, 100% 0, 97.5% 100%, 2.5% 100%);
	background: rgba(12, 4, 4, 0.68);
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 119, 51, 0.14) inset;
	backdrop-filter: blur(20px) saturate(140%);
}

.language-nav {
	overflow: visible !important;
	clip-path: none !important;
	border-radius: 1.75rem;
	z-index: 60;
	border-top: 0 !important;
	border-bottom: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
}

.language-nav details {
	position: relative;
	z-index: 80;
}

.language-nav details > div {
	z-index: 9999;
	width: 17.5rem !important;
	padding: 0.65rem;
	border-color: rgba(255, 119, 51, 0.24) !important;
	background:
		linear-gradient(135deg, rgba(12, 4, 4, 0.96), rgba(7, 59, 58, 0.82)),
		linear-gradient(90deg, rgba(255, 119, 51, 0.08), transparent 55%) !important;
	box-shadow: 0 22px 60px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(255, 252, 252, 0.06) inset;
	backdrop-filter: blur(18px) saturate(135%);
	-webkit-backdrop-filter: blur(18px) saturate(135%);
}

.language-nav details > div a {
	border-radius: 0.55rem;
	padding: 1rem 1.35rem !important;
	font-size: 0.95rem !important;
	font-weight: 900;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: rgba(255, 252, 252, 0.82) !important;
	transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.language-nav details > div a:hover {
	background: rgba(255, 119, 51, 0.14) !important;
	color: var(--color-text) !important;
	transform: translateX(0.15rem);
}

.language-nav.nav::before {
	clip-path: polygon(0 0, 100% 0, 97.5% 100%, 2.5% 100%);
	border-top: 1px solid rgba(255, 252, 252, 0.18);
	border-bottom: 1px solid rgba(255, 87, 10, 0.42);
	background:
		linear-gradient(90deg, rgba(255, 119, 51, 0.16), rgba(7, 59, 58, 0.18) 42%, rgba(255, 87, 10, 0.14)),
		linear-gradient(180deg, rgba(255, 252, 252, 0.08), transparent 30%),
		rgba(12, 4, 4, 0.62);
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 119, 51, 0.14) inset;
	backdrop-filter: blur(20px) saturate(140%);
	-webkit-backdrop-filter: blur(20px) saturate(140%);
}

.nav::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(255, 119, 51, 0.16), rgba(7, 59, 58, 0.18) 42%, rgba(255, 87, 10, 0.14)),
		linear-gradient(180deg, rgba(255, 252, 252, 0.08), transparent 30%);
	pointer-events: none;
}

.nav-inner {
	position: relative;
	z-index: 1;
	min-height: 72px;
	width: auto;
	padding: 0 2rem;
}

.brand {
	text-transform: uppercase;
	color: var(--color-text);
}

.brand img {
	width: auto;
	height: 46px;
	filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.45));
}

.pill {
	min-height: 42px;
	border-radius: 999px;
	border: 1px solid rgba(255, 252, 252, 0.18);
	background: rgba(255, 252, 252, 0.06);
	box-shadow: 4px 4px 0 3px var(--color-secondary);
	color: var(--color-text);
	transition: transform 180ms ease, border-color 180ms ease;
}

.pill:hover {
	transform: translate(-4px, -4px);
	border-color: rgba(255, 119, 51, 0.52);
}

.pill.primary {
	background: var(--color-orange-light);
	border-color: rgba(255, 252, 252, 0.2);
}

main {
	width: 100%;
	padding: 0;
}

.hero {
	margin-bottom: 2rem;
}

.kicker {
	display: inline-flex;
	align-items: center;
	gap: 0.85rem;
	color: rgba(255, 252, 252, 0.78);
	letter-spacing: 0.35em;
}

.kicker::before {
	content: "";
	width: 2.8rem;
	height: 1px;
	background: var(--color-orange-light);
}

h1 {
	max-width: 820px;
	font-size: clamp(2.75rem, 8vw, 5.7rem);
	font-weight: 900;
	line-height: 0.9;
	text-transform: uppercase;
	text-shadow: 0 18px 32px rgba(0, 0, 0, 0.55);
}

.document {
	border: 1px solid rgba(255, 252, 252, 0.2);
	border-radius: 8px;
	background:
		linear-gradient(180deg, rgba(255, 252, 252, 0.08), transparent 28%),
		rgba(12, 4, 4, 0.78);
	backdrop-filter: blur(20px) saturate(135%);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.36), 0 0 0 1px rgba(255, 119, 51, 0.08) inset;
}

.doc-head,
.content {
	padding: clamp(1.5rem, 3vw, 2.5rem);
}

.doc-head p,
.content p,
.content li {
	color: rgba(255, 252, 252, 0.78);
}

.content h2,
.content h3 {
	color: var(--color-text);
}

.content h2 {
	font-size: clamp(1.25rem, 2vw, 1.55rem);
}

.content a {
	color: var(--color-orange-light);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.site-footer {
	position: relative;
	overflow: hidden;
	min-height: 34rem;
	padding: 4rem 1rem 0;
	background:
		linear-gradient(180deg, rgba(12, 4, 4, 0.94) 0%, rgba(12, 4, 4, 0.9) 52%, rgba(7, 59, 58, 0.86) 100%),
		linear-gradient(90deg, rgba(12, 4, 4, 0.98) 0%, rgba(12, 4, 4, 0.72) 48%, rgba(12, 4, 4, 0.94) 100%),
		url("/images/background.webp");
	background-position: center;
	background-size: cover;
	border-top: 1px solid rgba(255, 119, 51, 0.24);
}

.site-footer::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(12, 4, 4, 0.06), rgba(12, 4, 4, 0.7)),
		radial-gradient(circle at 10% 18%, rgba(255, 119, 51, 0.12), transparent 24%),
		radial-gradient(circle at 90% 15%, rgba(7, 59, 58, 0.28), transparent 22%);
	pointer-events: none;
}

.site-footer::after {
	content: "PADEL NO1";
	position: absolute;
	top: 0.2rem;
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
	color: rgba(255, 252, 252, 0.055);
	font-size: clamp(4.5rem, 15vw, 12rem);
	line-height: 1;
	font-weight: 900;
	letter-spacing: -0.08em;
	text-transform: uppercase;
	pointer-events: none;
}

.footer-frame {
	position: relative;
	z-index: 1;
	width: min(1240px, 100%);
	margin: 0 auto;
}

.footer-mark-logo {
	position: absolute;
	right: -2rem;
	top: 4.5rem;
	width: min(24rem, 34vw);
	height: auto;
	opacity: 0.08;
	filter: drop-shadow(0 24px 40px rgba(0, 0, 0, 0.36));
	pointer-events: none;
}

.footer-logo-top {
	display: flex;
	justify-content: center;
	margin-bottom: 2.2rem;
}

.footer-logo-top img {
	width: min(15rem, 58vw);
	height: auto;
	filter: drop-shadow(0 16px 28px rgba(0, 0, 0, 0.48));
}

.footer-main {
	display: grid;
	grid-template-columns: 1.1fr 1fr 1.1fr 1fr;
	gap: clamp(1.5rem, 4vw, 4rem);
	align-items: start;
	padding: 0 0 5.75rem;
}

.footer-panel h3 {
	margin: 0;
	font-size: 1rem;
	font-weight: 900;
	letter-spacing: -0.02em;
	color: rgba(255, 252, 252, 0.96);
}

.footer-list {
	margin-top: 1rem;
	display: grid;
	gap: 0.75rem;
}

.footer-list a,
.footer-list span {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	width: fit-content;
	color: rgba(255, 252, 252, 0.68);
	font-size: 0.96rem;
	line-height: 1.5;
	text-decoration: none;
	transition: color 180ms ease, transform 180ms ease;
}

.footer-list a:hover {
	color: var(--color-text);
	transform: translateX(0.25rem);
}

.footer-list i {
	width: 1rem;
	color: var(--color-orange-light);
}

.footer-social {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 1rem;
	margin-top: 1.8rem;
}

.footer-social a {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	white-space: nowrap;
	color: rgba(255, 252, 252, 0.62);
	text-decoration: none;
	transition: color 180ms ease;
}

.footer-social a:hover {
	color: var(--color-orange-light);
}

.footer-bottom {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.15rem 0 1.45rem;
	border-top: 1px solid rgba(255, 252, 252, 0.08);
	color: rgba(255, 252, 252, 0.56);
	font-size: 0.9rem;
	line-height: 1.5;
}

.footer-bottom p {
	margin: 0;
}

.footer-dev {
	color: rgba(255, 252, 252, 0.64);
}

.footer-bottom a {
	color: var(--color-text);
	font-weight: 800;
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

.back-to-top {
	position: fixed;
	right: 1.5rem;
	bottom: 1.5rem;
	z-index: 50;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border: 1px solid rgba(255, 119, 51, 0.42);
	border-radius: 999px;
	background: rgba(12, 4, 4, 0.74);
	color: var(--color-orange-light);
	text-decoration: none;
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.34);
	backdrop-filter: blur(14px);
}

.cookie-banner {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	z-index: 70;
	width: min(24rem, calc(100vw - 2rem));
	transform: translateY(0);
	opacity: 1;
	pointer-events: auto;
	transition: opacity 220ms ease, transform 220ms ease;
}

.cookie-banner.is-hidden {
	transform: translateY(1rem);
	opacity: 0;
	pointer-events: none;
}

.cookie-banner__text a {
	color: var(--color-orange-light);
	font-weight: 800;
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

.accessibility-widget {
	position: fixed;
	left: 0.5rem;
	top: 50%;
	z-index: 70;
	transform: translateY(-50%);
}

.accessibility-toggle {
	width: 3.1rem;
	height: 3.1rem;
	border: 1px solid rgba(255, 119, 51, 0.5);
	border-radius: 999px;
	background: rgba(12, 4, 4, 0.82);
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.34), 4px 4px 0 2px var(--color-secondary);
	backdrop-filter: blur(14px);
	transition: transform 180ms ease, border-color 180ms ease;
}

.accessibility-toggle:hover {
	transform: translate(-2px, -2px);
	border-color: rgba(255, 119, 51, 0.96);
}

.accessibility-toggle img {
	width: 1.55rem;
	height: 1.55rem;
	margin: 0 auto;
	filter: invert(1);
}

.accessibility-panel {
	position: absolute;
	left: calc(100% + 0.8rem);
	top: 50%;
	width: min(17rem, calc(100vw - 5.5rem));
	padding: 1rem;
	border: 1px solid rgba(255, 252, 252, 0.16);
	border-radius: 8px;
	background: rgba(12, 4, 4, 0.9);
	box-shadow: 0 22px 60px rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(18px) saturate(130%);
	transform: translateY(-50%) translateX(-0.5rem);
	opacity: 0;
	pointer-events: none;
	transition: opacity 180ms ease, transform 180ms ease;
}

.accessibility-panel.is-open {
	transform: translateY(-50%) translateX(0);
	opacity: 1;
	pointer-events: auto;
}

.accessibility-action {
	width: 100%;
	text-align: left;
}

.accessibility-font-1 body { font-size: 1.06rem; }
.accessibility-font-2 body { font-size: 1.13rem; }
.accessibility-font-3 body { font-size: 1.2rem; }
.accessibility-contrast { filter: contrast(1.3); }
.accessibility-grayscale { filter: grayscale(1); }
.accessibility-underline a { text-decoration: underline !important; text-underline-offset: 0.18em; }

@media (max-width: 900px) {
	.top-contact-inner {
		grid-template-columns: 1fr;
		gap: 0.65rem;
	}

	.nav {
		clip-path: none;
		width: 100%;
		margin-top: 0;
	}

	.nav-inner {
		align-items: flex-start;
		flex-direction: column;
		padding: 1rem;
	}

	.nav-actions,
	.doc-actions {
		width: 100%;
	}

	.pill {
		flex: 1 1 auto;
		padding: 0 0.85rem;
		font-size: 0.68rem;
		letter-spacing: 0.06em;
	}

	.footer-main {
		grid-template-columns: 1fr;
		padding-bottom: 3rem;
	}

	.footer-bottom {
		align-items: flex-start;
		flex-direction: column;
	}

	.footer-mark-logo {
		display: none;
	}

	.cookie-banner {
		right: 0.75rem;
		bottom: 0.75rem;
		width: calc(100vw - 1.5rem);
	}

	.accessibility-widget {
		left: 0.4rem;
	}
}


/* Shared widgets */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.cookie-banner {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	z-index: 80;
	width: min(24rem, calc(100vw - 2rem));
	transition: opacity 220ms ease, transform 220ms ease;
}

.cookie-banner.is-hidden {
	transform: translateY(1rem);
	opacity: 0;
	pointer-events: none;
}

.cookie-banner__text a {
	color: var(--color-orange-light);
	font-weight: 800;
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

.accessibility-widget {
	position: fixed;
	left: 0.5rem;
	top: 50%;
	z-index: 80;
	transform: translateY(-50%);
}

.accessibility-toggle {
	width: 3.1rem;
	height: 3.1rem;
	border: 1px solid rgba(255, 119, 51, 0.5);
	border-radius: 999px;
	background: rgba(12, 4, 4, 0.82);
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.34), 4px 4px 0 2px var(--color-secondary);
	backdrop-filter: blur(14px);
	transition: transform 180ms ease, border-color 180ms ease;
}

.accessibility-toggle:hover {
	transform: translate(-2px, -2px);
	border-color: rgba(255, 119, 51, 0.96);
}

.accessibility-toggle img {
	width: 1.55rem;
	height: 1.55rem;
	margin: 0 auto;
	filter: invert(1);
}

.accessibility-panel {
	position: absolute;
	left: calc(100% + 0.8rem);
	top: 50%;
	width: min(17rem, calc(100vw - 5.5rem));
	padding: 1rem;
	border: 1px solid rgba(255, 252, 252, 0.16);
	border-radius: 8px;
	background: rgba(12, 4, 4, 0.9);
	box-shadow: 0 22px 60px rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(18px) saturate(130%);
	transform: translateY(-50%) translateX(-0.5rem);
	opacity: 0;
	pointer-events: none;
	transition: opacity 180ms ease, transform 180ms ease;
}

.accessibility-panel.is-open {
	transform: translateY(-50%) translateX(0);
	opacity: 1;
	pointer-events: auto;
}

.accessibility-action {
	width: 100%;
	text-align: left;
}

.accessibility-font-1 body { font-size: 1.06rem; }
.accessibility-font-2 body { font-size: 1.13rem; }
.accessibility-font-3 body { font-size: 1.2rem; }
.accessibility-contrast { filter: contrast(1.3); }
.accessibility-grayscale { filter: grayscale(1); }
.accessibility-underline a { text-decoration: underline !important; text-underline-offset: 0.18em; }

@media (max-width: 900px) {
	.cookie-banner {
		right: 0.75rem;
		bottom: 0.75rem;
		width: calc(100vw - 1.5rem);
	}

	.accessibility-widget {
		left: 0.4rem;
	}
}


/* Launch notice */

		.launch-notice-host {
			position: fixed;
			inset: 0;
			z-index: 2147483647;
			display: grid;
			align-items: center;
			justify-items: center;
			place-items: center;
			min-height: 100vh;
			min-height: 100dvh;
			box-sizing: border-box;
			padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
		}

		.launch-notice-backdrop {
			position: absolute;
			inset: 0;
			z-index: 0;
			background: rgba(5, 10, 18, 0.72);
			backdrop-filter: blur(12px) saturate(120%);
			-webkit-backdrop-filter: blur(12px) saturate(120%);
		}

		.launch-notice-card {
			position: relative;
			z-index: 1;
			width: min(680px, calc(100vw - 1.5rem));
			max-height: calc(100vh - 1.5rem);
			max-height: calc(100dvh - 1.5rem);
			margin: auto;
			overflow: auto;
			border: 1px solid rgba(255, 255, 255, 0.14);
			border-radius: 30px;
			background:
				linear-gradient(135deg, rgba(255, 119, 51, 0.16), transparent 42%),
				linear-gradient(180deg, rgba(12, 18, 31, 0.98), rgba(10, 10, 14, 0.94));
			box-shadow: 0 30px 90px rgba(0, 0, 0, 0.55);
			color: #fff;
		}

		.launch-notice-card::before {
			content: "";
			position: absolute;
			inset: 0;
			background:
				linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 36%),
				radial-gradient(circle at top right, rgba(255, 183, 115, 0.28), transparent 26%),
				linear-gradient(135deg, rgba(255, 119, 51, 0.12), transparent 48%, rgba(255, 119, 51, 0.06));
			pointer-events: none;
		}

		.launch-notice-content {
			position: relative;
			padding: 1.25rem 1.25rem 1.1rem;
		}

		.launch-notice-top {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			gap: 1rem;
			padding-bottom: 0.9rem;
			margin-bottom: 1rem;
			border-bottom: 1px solid rgba(255, 255, 255, 0.08);
		}

		.launch-notice-eyebrow {
			display: inline-flex;
			align-items: center;
			gap: 0.55rem;
			font-size: 0.7rem;
			font-weight: 900;
			letter-spacing: 0.22em;
			text-transform: uppercase;
			color: rgba(255, 255, 255, 0.72);
		}

		.launch-notice-eyebrow::before {
			content: "";
			width: 2.5rem;
			height: 1px;
			background: linear-gradient(90deg, rgba(255, 119, 51, 0), rgba(255, 119, 51, 1));
		}

		.launch-notice-close {
			flex: 0 0 auto;
			width: 2.5rem;
			height: 2.5rem;
			border: 1px solid rgba(255, 255, 255, 0.14);
			border-radius: 999px;
			background: rgba(255, 255, 255, 0.04);
			color: #fff;
			cursor: pointer;
			font-size: 1.2rem;
			line-height: 1;
			transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease;
		}

		.launch-notice-close:hover,
		.launch-notice-close:focus-visible {
			transform: translateY(-1px);
			border-color: rgba(255, 119, 51, 0.55);
			background: rgba(255, 119, 51, 0.14);
		}

		.launch-notice-body {
			position: relative;
			display: grid;
			gap: 1rem;
			padding: 0.1rem 0;
		}

		.launch-notice-title {
			margin: 0;
			max-width: 14ch;
			font-size: clamp(1.65rem, 3vw, 2.6rem);
			font-weight: 900;
			letter-spacing: -0.06em;
			line-height: 0.92;
			text-transform: uppercase;
			text-wrap: balance;
		}

		.launch-notice-copy {
			margin: 0;
			max-width: 44rem;
			font-size: clamp(0.97rem, 1.35vw, 1.05rem);
			line-height: 1.7;
			color: rgba(255, 255, 255, 0.82);
		}

		.launch-notice-actions {
			display: flex;
			flex-wrap: wrap;
			gap: 0.75rem;
			justify-content: flex-start;
			margin-top: 0.2rem;
		}

		.launch-notice-cta {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-height: 3rem;
			padding: 0.85rem 1.25rem;
			border: 1px solid rgba(255, 119, 51, 0.4);
			background: linear-gradient(135deg, #ff7733, #ff5a10);
			color: #fff;
			font-size: 0.72rem;
			font-weight: 900;
			letter-spacing: 0.2em;
			text-transform: uppercase;
			text-decoration: none;
			cursor: pointer;
			white-space: nowrap;
			width: fit-content;
			transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
		}

		.launch-notice-cta:hover,
		.launch-notice-cta:focus-visible {
			transform: translateY(-1px);
			filter: brightness(1.03);
			box-shadow: 0 16px 30px rgba(255, 93, 17, 0.24);
		}

		.launch-notice-confetti {
			position: absolute;
			inset: 0;
			pointer-events: none;
			overflow: hidden;
			mix-blend-mode: screen;
		}

		.launch-notice-confetti span {
			position: absolute;
			top: -12%;
			width: var(--size);
			height: calc(var(--size) * 1.9);
			left: var(--left);
			background: var(--color);
			opacity: 0.92;
			transform: rotate(var(--rotation));
			border-radius: 999px;
			animation: launch-notice-fall var(--duration) linear infinite;
			animation-delay: var(--delay);
		}

		.launch-notice-confetti span:nth-child(3n) {
			border-radius: 0.2rem;
		}

		.launch-notice-confetti span:nth-child(4n) {
			clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
			border-radius: 0;
		}

		@keyframes launch-notice-fall {
			0% {
				transform: translateY(-14%) translateX(0) rotate(var(--rotation));
			}
			100% {
				transform: translateY(126%) translateX(var(--drift)) rotate(calc(var(--rotation) + 360deg));
			}
		}

		@media (max-width: 640px) {
			.launch-notice-card {
				width: min(100vw - 1rem, 560px);
				border-radius: 22px;
			}

			.launch-notice-content {
				padding: 1rem 1rem 0.95rem;
			}

			.launch-notice-top {
				padding-bottom: 0.75rem;
				margin-bottom: 0.85rem;
			}

			.launch-notice-eyebrow {
				font-size: 0.64rem;
				letter-spacing: 0.18em;
			}

			.launch-notice-title {
				max-width: none;
				font-size: clamp(1.45rem, 7.4vw, 2rem);
				line-height: 0.96;
			}

			.launch-notice-copy {
				font-size: 0.95rem;
				line-height: 1.6;
			}

			.launch-notice-actions {
				width: 100%;
			}

			.launch-notice-cta {
				width: 100%;
				white-space: normal;
				text-align: center;
				letter-spacing: 0.16em;
			}
		}

		@media (orientation: landscape) and (max-height: 520px) {
			.launch-notice-host {
				padding: max(0.5rem, env(safe-area-inset-top)) max(0.5rem, env(safe-area-inset-right)) max(0.5rem, env(safe-area-inset-bottom)) max(0.5rem, env(safe-area-inset-left));
			}

			.launch-notice-card {
				width: min(580px, calc(100vw - 1rem));
				max-height: calc(100vh - 1rem);
				max-height: calc(100dvh - 1rem);
				border-radius: 18px;
			}

			.launch-notice-content {
				padding: 0.85rem;
			}

			.launch-notice-top {
				align-items: center;
				padding-bottom: 0.55rem;
				margin-bottom: 0.65rem;
			}

			.launch-notice-body {
				gap: 0.65rem;
			}

			.launch-notice-title {
				max-width: none;
				font-size: clamp(1.35rem, 5.5vh, 1.8rem);
				line-height: 0.98;
			}

			.launch-notice-copy {
				font-size: 0.9rem;
				line-height: 1.45;
			}

			.launch-notice-close {
				width: 2.2rem;
				height: 2.2rem;
			}

			.launch-notice-cta {
				min-height: 2.65rem;
				padding: 0.7rem 1rem;
			}
		}

		@media (prefers-reduced-motion: reduce) {
			.launch-notice-confetti span {
				animation: none;
			}
		}

/* Utility replacements for removed inline styles */
.section-kicker--flush { margin: 0; }
.section-kicker--booking-control { margin-bottom: 0.8rem; }
.card-list--flush { margin-top: 0; }
.pricing-card-link { display: block; color: inherit; text-decoration: none; cursor: pointer; }
.pricing-card-link:focus-visible { outline: 2px solid var(--color-orange-light); outline-offset: 0.35rem; }

/* Public layout fixes after centralizing assets */
.booking-section,
#pricing.content-section {
	overflow: visible !important;
	clip-path: none !important;
}

.booking-layout {
	width: 100%;
	max-width: none;
	overflow: visible !important;
	clip-path: none !important;
	grid-template-columns: minmax(11rem, 13rem) minmax(34rem, 1fr) minmax(15rem, 18rem);
}

.booking-main {
	min-height: auto !important;
	overflow: visible !important;
	clip-path: none !important;
}

.booking-calendar {
	max-width: none;
	overflow: visible !important;
}

.booking-days {
	align-items: stretch;
}

.booking-day {
	aspect-ratio: 1 / 0.82;
	min-height: 3.45rem;
}

#pricing .pricing-grid {
	grid-template-columns: repeat(auto-fit, minmax(13.25rem, 1fr));
	align-items: stretch;
}

#pricing .pricing-card {
	min-height: 22rem;
	padding: clamp(1rem, 1.8vw, 1.35rem);
}

#pricing .pricing-card-header {
	gap: clamp(1.7rem, 3vw, 2.6rem);
}

#pricing .pricing-card .card-copy {
	text-align: left;
	text-align-last: auto;
	hyphens: auto;
}

#pricing .pricing-card-link {
	display: flex;
	flex-direction: column;
}

#pricing .subscription-actions {
	max-width: 100%;
	width: 100%;
}

#pricing .subscription-actions .subscription-link {
	flex: 1 1 15rem;
	white-space: normal;
	text-align: center;
}

@media (max-width: 1180px) {
	.booking-layout {
		grid-template-columns: 1fr;
	}

	.booking-steps,
	.booking-summary {
		border: 0;
	}

	.booking-step-nav {
		display: flex;
		flex-wrap: wrap;
	}

	.booking-step-nav button {
		flex: 1 1 10rem;
	}

	.booking-calendar {
		max-width: none;
	}
}

@media (max-width: 720px) {
	.booking-section {
		padding-inline: 0.75rem;
	}

	.booking-main,
	.booking-steps,
	.booking-summary {
		padding: 1rem;
	}

	.booking-panel h2,
	.booking-summary h3 {
		font-size: clamp(1.55rem, 8vw, 2.2rem);
	}

	.booking-weekdays,
	.booking-days {
		gap: 0.35rem;
	}

	.booking-day {
		min-height: 2.8rem;
		font-size: 1rem;
	}
}

/* Final shared UI fixes */
header:has(.language-nav details[open]) {
	z-index: 2147483000 !important;
}

.language-nav {
	overflow: visible !important;
	clip-path: none !important;
	isolation: visible;
}

.language-nav::before {
	pointer-events: none;
}

.language-nav details {
	position: relative;
	z-index: 2147483000 !important;
}

.language-nav details summary {
	border-color: rgba(255, 119, 51, 0.34) !important;
	border-radius: 0.7rem !important;
	background:
		linear-gradient(135deg, rgba(255, 119, 51, 0.18), rgba(7, 59, 58, 0.24)),
		rgba(12, 4, 4, 0.62) !important;
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(255, 252, 252, 0.06) inset;
}

.language-nav details[open] summary {
	border-color: rgba(255, 119, 51, 0.72) !important;
	background:
		linear-gradient(135deg, rgba(255, 119, 51, 0.28), rgba(7, 59, 58, 0.32)),
		rgba(12, 4, 4, 0.82) !important;
}

.language-nav details > div {
	position: absolute !important;
	top: calc(100% + 0.75rem) !important;
	right: 0 !important;
	z-index: 2147483000 !important;
	width: min(18rem, calc(100vw - 2rem)) !important;
	padding: 0.55rem !important;
	border: 1px solid rgba(255, 119, 51, 0.34) !important;
	border-radius: 1rem !important;
	background:
		linear-gradient(135deg, rgba(255, 119, 51, 0.12), transparent 42%),
		linear-gradient(180deg, rgba(255, 252, 252, 0.08), transparent 28%),
		rgba(12, 4, 4, 0.96) !important;
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.54), 0 0 0 1px rgba(255, 252, 252, 0.06) inset !important;
	backdrop-filter: blur(18px) saturate(135%) !important;
	-webkit-backdrop-filter: blur(18px) saturate(135%) !important;
	transform: translateY(0.35rem) !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.language-nav details[open] > div {
	transform: translateY(0) !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

.language-nav details > div a {
	border-radius: 0.75rem;
	font-size: 0.78rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: rgba(255, 252, 252, 0.82) !important;
	transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.language-nav details > div a:hover,
.language-nav details > div a:focus-visible {
	background: rgba(255, 119, 51, 0.16) !important;
	color: #fff !important;
	transform: translateX(0.15rem);
	outline: none;
}

.accessibility-widget {
	z-index: 2147482000 !important;
}

.accessibility-panel {
	z-index: 2147482001 !important;
	width: min(20rem, calc(100vw - 5.5rem)) !important;
}

html.accessibility-font-1 {
	font-size: 106%;
}

html.accessibility-font-2 {
	font-size: 114%;
}

html.accessibility-font-3 {
	font-size: 122%;
}

.accessibility-font-1 body,
.accessibility-font-2 body,
.accessibility-font-3 body {
	font-size: inherit;
}

@media (min-width: 900px) {
	#pricing .subscription-actions {
		display: grid;
		width: 100%;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	#pricing .subscription-actions .subscription-link {
		width: 100%;
		max-width: none;
		min-width: 0;
		justify-self: stretch;
	}
}