.ecg.svelte-1qrx5sa {
		width: 100%;
		height: 100%;
		display: block;
	}

	.hero.svelte-1a1se6c {
		position: relative;
		min-height: 100svh;
		display: flex;
		align-items: center;
		overflow: hidden;
		padding-top: 5rem;
	}
	.inner.svelte-1a1se6c {
		position: relative;
		z-index: 3;
		width: 100%;
	}
	.h-badge.svelte-1a1se6c {
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
		font-family: var(--font-body);
		font-weight: 700;
		font-size: 0.72rem;
		text-transform: uppercase;
		letter-spacing: 0.18em;
		color: var(--color-bone);
		border: 1px solid var(--color-line);
		padding: 0.45rem 0.9rem;
		border-radius: 99px;
		margin-bottom: 1.4rem;
		opacity: 0;
	}
	.h-badge.svelte-1a1se6c .dot:where(.svelte-1a1se6c) {
		width: 7px;
		height: 7px;
		border-radius: 99px;
		background: var(--color-acid);
	}
	.h-title.svelte-1a1se6c {
		margin: 0;
	}
	.h-line-wrap.svelte-1a1se6c {
		display: block;
		overflow: hidden;
	}
	.h-line.svelte-1a1se6c {
		display: block;
		font-family: var(--font-display);
		font-weight: 700;
		font-size: clamp(3.6rem, 17vw, 17rem);
		line-height: 0.82;
		letter-spacing: -0.04em;
		color: var(--color-bone);
		opacity: 0;
	}
	.h-line-wrap.svelte-1a1se6c:nth-child(2) .h-line:where(.svelte-1a1se6c) {
		color: transparent;
		-webkit-text-stroke: clamp(1px, 0.35vw, 3px) var(--color-acid);
	}
	.h-sub.svelte-1a1se6c {
		max-width: 38ch;
		margin: 1.8rem 0 0;
		font-size: clamp(1.05rem, 2vw, 1.45rem);
		line-height: 1.35;
		color: var(--color-bone-dim);
		opacity: 0;
	}
	.h-sub.svelte-1a1se6c strong {
		color: var(--color-bone);
	}
	.h-foot.svelte-1a1se6c {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 1.4rem 2.2rem;
		margin-top: 2.4rem;
	}
	.h-cue.svelte-1a1se6c {
		display: inline-flex;
		align-items: center;
		gap: 0.6rem;
		background: none;
		border: 0;
		color: var(--color-bone);
		font-family: var(--font-body);
		font-weight: 600;
		font-size: 0.95rem;
		text-transform: uppercase;
		letter-spacing: 0.04em;
		opacity: 0;
	}
	.h-cue.svelte-1a1se6c .arrow:where(.svelte-1a1se6c) {
		display: grid;
		place-items: center;
		width: 34px;
		height: 34px;
		border-radius: 99px;
		background: var(--color-acid);
		color: var(--color-ink);
		animation: svelte-1a1se6c-bob 1.6s var(--ease-out-expo) infinite;
	}
	@keyframes svelte-1a1se6c-bob {
		0%, 100% { transform: translateY(0); }
		50% { transform: translateY(4px); }
	}
	.h-status.svelte-1a1se6c {
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
		font-family: var(--font-body);
		font-size: 0.85rem;
		color: var(--color-bone-dim);
		opacity: 0;
	}
	.h-status.svelte-1a1se6c .pulse:where(.svelte-1a1se6c) {
		width: 8px;
		height: 8px;
		border-radius: 99px;
		background: #36e07b;
		box-shadow: 0 0 0 0 rgba(54, 224, 123, 0.6);
		animation: svelte-1a1se6c-ring 1.8s infinite;
	}
	@keyframes svelte-1a1se6c-ring {
		0% { box-shadow: 0 0 0 0 rgba(54, 224, 123, 0.55); }
		70% { box-shadow: 0 0 0 9px rgba(54, 224, 123, 0); }
		100% { box-shadow: 0 0 0 0 rgba(54, 224, 123, 0); }
	}

	/* ECG ribbon - sits behind everything, faded at the edges */
	.ecg-layer.svelte-1a1se6c {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		height: 46%;
		transform: translateY(-50%);
		z-index: 0;
		pointer-events: none;
		opacity: 0.42;
		-webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
		mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
	}

	/* floating pieces */
	.floaters.svelte-1a1se6c {
		position: absolute;
		inset: 0;
		z-index: 1;
		pointer-events: none;
	}
	.float.svelte-1a1se6c {
		position: absolute;
		width: clamp(120px, 14vw, 230px);
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 30px 60px -28px rgba(0, 0, 0, 0.9);
		opacity: 0;
		filter: blur(1.2px);
		transition: filter 0.4s var(--ease-out-expo);
		pointer-events: auto;
	}
	.float.svelte-1a1se6c:hover {
		filter: blur(0);
	}
	.f0.svelte-1a1se6c { top: 12%; right: 5%; rotate: 6deg; }
	.f1.svelte-1a1se6c { bottom: 10%; right: 20%; rotate: -5deg; width: clamp(150px, 18vw, 270px); }
	.f2.svelte-1a1se6c { top: 26%; right: 28%; rotate: -9deg; width: clamp(90px, 9vw, 150px); }
	.f3.svelte-1a1se6c { bottom: 26%; right: 3%; rotate: 8deg; width: clamp(100px, 11vw, 180px); }

	@media (max-width: 1024px) {
		.f0.svelte-1a1se6c { top: 9%; right: 2%; }
		.f1.svelte-1a1se6c { bottom: 7%; right: 4%; }
		.f2.svelte-1a1se6c { top: 24%; right: 30%; }
		.f3.svelte-1a1se6c { bottom: 30%; right: -2%; }
	}

	/* Phones: 4 album covers become an intentional blurred ambient layer behind the copy */
	@media (max-width: 720px) {
		.floaters.svelte-1a1se6c {
			z-index: 0; /* sit fully behind the hero text (.inner is z-index 3) */
		}
		.float.svelte-1a1se6c {
			opacity: 0.26;
			filter: blur(4px);
			box-shadow: none;
		}
		.f0.svelte-1a1se6c { top: 8%; right: -6%; rotate: 8deg; width: 46vw; }
		.f1.svelte-1a1se6c { bottom: 6%; left: -8%; right: auto; rotate: -6deg; width: 54vw; }
		.f2.svelte-1a1se6c { top: 30%; left: 1%; right: auto; rotate: -10deg; width: 34vw; }
		.f3.svelte-1a1se6c { bottom: 27%; right: -8%; rotate: 6deg; width: 42vw; }
	}

	.ember.svelte-x4jsph {
		width: 100%;
		height: 100%;
		display: block;
	}

	.about.svelte-1c010nt {
		position: relative;
		overflow: hidden;
		padding-block: clamp(5rem, 12vw, 10rem);
		border-top: 1px solid var(--color-line);
	}
	.ember-layer.svelte-1c010nt {
		position: absolute;
		inset: 0;
		z-index: 0;
		pointer-events: none;
		opacity: 0.7;
		-webkit-mask-image: radial-gradient(ellipse at center, #000 35%, transparent 80%);
		mask-image: radial-gradient(ellipse at center, #000 35%, transparent 80%);
	}
	/* keep all real content above the ember layer */
	.about.svelte-1c010nt > :where(.svelte-1c010nt):not(.ember-layer) {
		position: relative;
		z-index: 1;
	}
	.eyebrow.svelte-1c010nt {
		display: block;
		margin-bottom: 2.5rem;
	}
	.grid.svelte-1c010nt {
		display: grid;
		grid-template-columns: 1.3fr 1fr;
		gap: clamp(2rem, 6vw, 5rem);
		align-items: start;
	}
	.heading.svelte-1c010nt {
		font-size: clamp(2rem, 5.5vw, 4.4rem);
		max-width: 16ch;
		text-wrap: balance;
	}
	.body.svelte-1c010nt p:where(.svelte-1c010nt) {
		font-size: clamp(1rem, 1.4vw, 1.2rem);
		line-height: 1.6;
		color: var(--color-bone-dim);
		margin: 0 0 1.2rem;
	}
	.stats.svelte-1c010nt {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 1.5rem;
		margin-top: clamp(3rem, 8vw, 6rem);
		border-top: 1px solid var(--color-line);
		padding-top: 2.5rem;
	}
	.stat-num.svelte-1c010nt {
		font-family: var(--font-display);
		font-weight: 600;
		font-size: clamp(2.6rem, 6vw, 5rem);
		line-height: 1;
		letter-spacing: -0.03em;
		color: var(--color-bone);
	}
	.stat-num.svelte-1c010nt i:where(.svelte-1c010nt) {
		font-style: normal;
		color: var(--color-acid);
	}
	.stat-label.svelte-1c010nt {
		display: block;
		margin-top: 0.5rem;
		font-family: var(--font-body);
		font-size: 0.8rem;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: var(--color-bone-dim);
	}
	@media (max-width: 820px) {
		.grid.svelte-1c010nt {
			grid-template-columns: 1fr;
		}
		.stats.svelte-1c010nt {
			grid-template-columns: repeat(2, 1fr);
			gap: 2rem 1rem;
		}
	}

	.card.svelte-1c915sl {
		display: block;
		text-decoration: none;
		color: var(--color-bone);
		perspective: 1000px;
	}
	.media.svelte-1c915sl {
		position: relative;
		border-radius: 14px;
		overflow: hidden;
		transform: rotateX(var(--rx, 0)) rotateY(var(--ry, 0)) scale(1);
		transform-style: preserve-3d;
		transition: transform 0.35s var(--ease-out-expo), box-shadow 0.35s, filter 0.35s;
		border: 1px solid var(--color-line);
		aspect-ratio: 1 / 1;
	}
	.media.wide.svelte-1c915sl {
		aspect-ratio: 16 / 9;
	}
	.media.tall.svelte-1c915sl {
		aspect-ratio: 2 / 3;
	}
	.card.svelte-1c915sl:hover .media:where(.svelte-1c915sl),
	.card.svelte-1c915sl:focus-visible .media:where(.svelte-1c915sl) {
		transform: rotateX(var(--rx, 0)) rotateY(var(--ry, 0)) scale(1.025);
		box-shadow: 0 30px 60px -28px rgba(0, 0, 0, 0.8), 0 0 0 1px color-mix(in srgb, var(--ac) 50%, transparent);
		filter: saturate(1.12) contrast(1.04);
	}
	/* tactile press feedback on touch */
	.card.svelte-1c915sl:active .media:where(.svelte-1c915sl) {
		transform: scale(0.97);
		box-shadow: 0 0 0 1px color-mix(in srgb, var(--ac) 60%, transparent);
		transition: transform 0.12s ease;
	}
	.badge.svelte-1c915sl {
		position: absolute;
		top: 12px;
		left: 12px;
		font-family: var(--font-body);
		font-weight: 700;
		font-size: 0.62rem;
		text-transform: uppercase;
		letter-spacing: 0.16em;
		padding: 5px 9px;
		border-radius: 99px;
		background: color-mix(in srgb, var(--color-ink) 65%, transparent);
		backdrop-filter: blur(6px);
		color: var(--color-bone);
		border: 1px solid var(--color-line);
	}
	.open.svelte-1c915sl {
		position: absolute;
		left: 12px;
		bottom: 12px;
		font-family: var(--font-body);
		font-weight: 700;
		font-size: 0.74rem;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		color: var(--color-ink);
		background: var(--ac);
		padding: 7px 12px;
		border-radius: 99px;
		opacity: 0;
		transform: translateY(8px);
		transition: opacity 0.3s, transform 0.3s var(--ease-out-expo);
	}
	.card.svelte-1c915sl:hover .open:where(.svelte-1c915sl),
	.card.svelte-1c915sl:focus-visible .open:where(.svelte-1c915sl),
	.card.svelte-1c915sl:active .open:where(.svelte-1c915sl) {
		opacity: 1;
		transform: translateY(0);
	}
	.meta.svelte-1c915sl {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		gap: 1rem;
		padding: 0.85rem 0.2rem 0;
	}
	.meta.svelte-1c915sl h3:where(.svelte-1c915sl) {
		font-family: var(--font-display);
		font-weight: 600;
		font-size: 1.25rem;
		letter-spacing: -0.02em;
		line-height: 1;
		transition: color 0.25s;
	}
	.card.svelte-1c915sl:hover .meta:where(.svelte-1c915sl) h3:where(.svelte-1c915sl),
	.card.svelte-1c915sl:focus-visible .meta:where(.svelte-1c915sl) h3:where(.svelte-1c915sl),
	.card.svelte-1c915sl:active .meta:where(.svelte-1c915sl) h3:where(.svelte-1c915sl) {
		color: var(--ac);
		text-shadow: 1.5px 0 var(--color-flame), -1.5px 0 var(--color-violet);
	}
	.sub.svelte-1c915sl {
		font-family: var(--font-body);
		font-size: 0.82rem;
		color: var(--color-bone-dim);
		white-space: nowrap;
	}

	.work.svelte-1h2s623 {
		padding-block: clamp(4rem, 10vw, 8rem);
		border-top: 1px solid var(--color-line);
	}
	.head.svelte-1h2s623 {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		gap: 2rem;
		flex-wrap: wrap;
		margin-bottom: clamp(2rem, 5vw, 4rem);
	}
	.heading.svelte-1h2s623 {
		font-size: clamp(2.4rem, 8vw, 6rem);
		margin-top: 0.6rem;
	}
	.note.svelte-1h2s623 {
		color: var(--color-bone-dim);
		font-size: 0.95rem;
		max-width: 22ch;
	}
	.sub-sections.svelte-1h2s623 {
		display: flex;
		flex-direction: column;
		gap: clamp(3rem, 7vw, 6rem);
	}
	.sub-section.svelte-1h2s623 {
		display: flex;
		flex-direction: column;
		gap: 1.8rem;
		border-bottom: 1px solid var(--color-line);
		padding-bottom: clamp(2rem, 5vw, 4rem);
	}
	.sub-section.svelte-1h2s623:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}
	.sub-section-header.svelte-1h2s623 h3:where(.svelte-1h2s623) {
		font-size: clamp(1.5rem, 3.5vw, 2.2rem);
		color: var(--color-bone);
		margin-bottom: 0.6rem;
		text-transform: uppercase;
		letter-spacing: -0.01em;
	}
	.credits.svelte-1h2s623 {
		font-size: 0.88rem;
		color: var(--color-bone-dim);
		letter-spacing: 0.05em;
		text-transform: uppercase;
		margin-bottom: 0.3rem;
	}
	.credits.svelte-1h2s623 strong:where(.svelte-1h2s623), .styles.svelte-1h2s623 strong:where(.svelte-1h2s623) {
		color: var(--color-acid);
		font-weight: 700;
	}
	.styles.svelte-1h2s623 {
		font-size: 0.85rem;
		color: var(--color-bone-dim);
		opacity: 0.85;
		margin-top: 0.2rem;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.style-btn.svelte-1h2s623 {
		background: none;
		border: none;
		color: var(--color-bone-dim);
		font-family: var(--font-body);
		font-size: 0.82rem;
		padding: 0.2rem 0.6rem;
		margin-inline-start: 0.4rem;
		cursor: pointer;
		border-radius: 4px;
		transition: color 0.2s, background 0.2s;
		text-transform: capitalize;
	}
	.style-btn.svelte-1h2s623:hover {
		color: var(--color-acid);
		background: rgba(254, 110, 1, 0.08);
	}
	.style-btn.active.svelte-1h2s623 {
		color: var(--color-ink);
		background: var(--color-acid);
		font-weight: 700;
	}
	.horizontal-scroll.svelte-1h2s623 {
		display: flex;
		gap: clamp(1.2rem, 3vw, 2rem);
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		padding-bottom: 1.5rem;
		scrollbar-width: thin;
		scrollbar-color: var(--color-line) transparent;
	}
	.horizontal-scroll.svelte-1h2s623::-webkit-scrollbar {
		height: 6px;
	}
	.horizontal-scroll.svelte-1h2s623::-webkit-scrollbar-track {
		background: transparent;
	}
	.horizontal-scroll.svelte-1h2s623::-webkit-scrollbar-thumb {
		background: var(--color-line);
		border-radius: 99px;
		transition: background 0.3s;
	}
	.horizontal-scroll.svelte-1h2s623::-webkit-scrollbar-thumb:hover {
		background: var(--color-acid);
	}
	.scroll-card.svelte-1h2s623 {
		flex: 0 0 auto;
		scroll-snap-align: start;
	}
	.scroll-card.svelte-1h2s623 .media {
		height: clamp(220px, 30vh, 320px);
		width: auto;
	}
	.coming-soon-card.svelte-1h2s623 {
		flex: 0 0 clamp(220px, 30vh, 320px);
		height: clamp(220px, 30vh, 320px);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border: 1px dashed var(--color-line);
		border-radius: 14px;
		background: var(--color-ink-2);
		color: var(--color-bone-dim);
		text-align: center;
		padding: 2rem;
		gap: 0.8rem;
		scroll-snap-align: start;
	}
	.coming-soon-card.svelte-1h2s623 h4:where(.svelte-1h2s623) {
		font-size: 1.25rem;
		color: var(--color-bone);
		margin: 0;
	}
	.coming-soon-card.svelte-1h2s623 p:where(.svelte-1h2s623) {
		font-size: 0.8rem;
		line-height: 1.4;
		margin: 0;
	}
	.pulse-dot.svelte-1h2s623 {
		width: 10px;
		height: 10px;
		border-radius: 99px;
		background: var(--color-acid);
		box-shadow: 0 0 0 0 rgba(254, 110, 1, 0.5);
		animation: svelte-1h2s623-pulse-ring 2s infinite;
	}
	@keyframes svelte-1h2s623-pulse-ring {
		0% { box-shadow: 0 0 0 0 rgba(254, 110, 1, 0.6); }
		70% { box-shadow: 0 0 0 8px rgba(254, 110, 1, 0); }
		100% { box-shadow: 0 0 0 0 rgba(254, 110, 1, 0); }
	}

	/* Subtle interactive blur for posters on the homepage */
	.scroll-card.is-poster.svelte-1h2s623 .media {
		filter: blur(1.2px);
		transition: filter 0.4s var(--ease-out-expo), transform 0.35s var(--ease-out-expo), box-shadow 0.35s;
	}
	.scroll-card.is-poster.svelte-1h2s623:hover .media {
		filter: blur(0) saturate(1.12) contrast(1.04);
	}

	.sp.svelte-2v0h4n {
		display: grid;
		grid-template-columns: 220px 1fr;
		grid-template-rows: 1fr auto;
		height: min(72vh, 620px);
		background: #000;
		color: #fff;
		border-radius: 14px;
		overflow: hidden;
		font-family: 'Satoshi', system-ui, sans-serif;
		border: 1px solid #2a2a2a;
	}
	.sp-side.svelte-2v0h4n {
		background: #000;
		padding: 1rem 0.9rem;
		display: flex;
		flex-direction: column;
		gap: 1.2rem;
		border-right: 1px solid #161616;
	}
	.sp-logo.svelte-2v0h4n {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		font-weight: 900;
		font-size: 1.1rem;
	}
	.sp-logo.svelte-2v0h4n i:where(.svelte-2v0h4n) {
		width: 22px;
		height: 22px;
		border-radius: 99px;
		background: #1db954;
	}
	.sp-nav.svelte-2v0h4n {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 0.85rem;
	}
	.sp-nav.svelte-2v0h4n li:where(.svelte-2v0h4n) {
		color: #b3b3b3;
		font-weight: 700;
		font-size: 0.92rem;
	}
	.sp-nav.svelte-2v0h4n li.on:where(.svelte-2v0h4n) {
		color: #fff;
	}
	.sp-pl.svelte-2v0h4n {
		display: flex;
		flex-direction: column;
		gap: 0.7rem;
		border-top: 1px solid #1a1a1a;
		padding-top: 1rem;
	}
	.sp-pl.svelte-2v0h4n span:where(.svelte-2v0h4n) {
		color: #9a9a9a;
		font-size: 0.85rem;
	}
	.sp-main.svelte-2v0h4n {
		background: linear-gradient(#1f1f24, #121212 320px);
		overflow: hidden;
		padding: 1rem 1.3rem;
	}
	.sp-top.svelte-2v0h4n {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 1rem;
	}
	.sp-pill.svelte-2v0h4n {
		background: #000a;
		border-radius: 99px;
		padding: 0.3rem 0.7rem;
		font-size: 0.8rem;
		letter-spacing: 0.2em;
	}
	.sp-acc.svelte-2v0h4n {
		font-size: 0.72rem;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.14em;
		color: #1db954;
	}
	.sp-hero.svelte-2v0h4n {
		display: flex;
		gap: 1.3rem;
		align-items: flex-end;
		background: linear-gradient(120deg, color-mix(in srgb, var(--g) 24%, transparent), transparent 70%);
		padding: 0.5rem 0 1.4rem;
	}
	.sp-hero-cover.svelte-2v0h4n {
		width: clamp(110px, 16vw, 170px);
		flex: none;
		border-radius: 8px;
		overflow: hidden;
		box-shadow: 0 20px 40px -16px #000;
	}
	.sp-kicker.svelte-2v0h4n {
		font-size: 0.7rem;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	.sp-hero-info.svelte-2v0h4n h3:where(.svelte-2v0h4n) {
		font-family: 'Clash Display', sans-serif;
		font-weight: 700;
		font-size: clamp(1.6rem, 4vw, 3rem);
		line-height: 1;
		margin: 0.4rem 0;
	}
	.sp-hero-info.svelte-2v0h4n p:where(.svelte-2v0h4n) {
		color: #cfcfcf;
		font-size: 0.85rem;
		margin: 0 0 0.9rem;
	}
	.sp-play.svelte-2v0h4n {
		background: #1db954;
		color: #000;
		font-weight: 800;
		border: 0;
		padding: 0.6rem 1.4rem;
		border-radius: 99px;
		font-size: 0.95rem;
	}
	.sp-row-head.svelte-2v0h4n {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		margin: 0.6rem 0 0.8rem;
	}
	.sp-row-head.svelte-2v0h4n h4:where(.svelte-2v0h4n) {
		font-family: 'Clash Display', sans-serif;
		font-size: 1.2rem;
		margin: 0;
	}
	.sp-row-head.svelte-2v0h4n span:where(.svelte-2v0h4n) {
		color: #b3b3b3;
		font-size: 0.75rem;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	.sp-grid.svelte-2v0h4n {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 0.8rem;
	}
	.sp-card.svelte-2v0h4n {
		background: #181818;
		border-radius: 8px;
		padding: 0.6rem;
		transition: background 0.25s;
	}
	.sp-card.svelte-2v0h4n:hover {
		background: #282828;
	}
	.sp-card-art.svelte-2v0h4n {
		position: relative;
		border-radius: 6px;
		overflow: hidden;
		margin-bottom: 0.6rem;
	}
	.sp-mini-play.svelte-2v0h4n {
		position: absolute;
		right: 8px;
		bottom: 8px;
		width: 34px;
		height: 34px;
		display: grid;
		place-items: center;
		border-radius: 99px;
		background: #1db954;
		color: #000;
		font-size: 0.8rem;
		opacity: 0;
		transform: translateY(8px);
		transition: 0.25s;
	}
	.sp-card.svelte-2v0h4n:hover .sp-mini-play:where(.svelte-2v0h4n) {
		opacity: 1;
		transform: translateY(0);
	}
	.sp-card.svelte-2v0h4n strong:where(.svelte-2v0h4n) {
		display: block;
		font-size: 0.85rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.sp-card.svelte-2v0h4n small:where(.svelte-2v0h4n) {
		color: #a0a0a0;
		font-size: 0.74rem;
	}
	.sp-bar.svelte-2v0h4n {
		grid-column: 1 / -1;
		background: #181818;
		border-top: 1px solid #282828;
		display: grid;
		grid-template-columns: 1fr 2fr 1fr;
		align-items: center;
		padding: 0.6rem 1rem;
		gap: 1rem;
	}
	.sp-bar-track.svelte-2v0h4n {
		display: flex;
		align-items: center;
		gap: 0.7rem;
	}
	.sp-bar-cover.svelte-2v0h4n {
		width: 48px;
		height: 48px;
		border-radius: 5px;
		overflow: hidden;
		flex: none;
	}
	.sp-bar-track.svelte-2v0h4n strong:where(.svelte-2v0h4n) {
		display: block;
		font-size: 0.82rem;
	}
	.sp-bar-track.svelte-2v0h4n small:where(.svelte-2v0h4n) {
		color: #a0a0a0;
		font-size: 0.72rem;
	}
	.sp-heart.svelte-2v0h4n {
		color: #1db954;
		margin-left: 0.4rem;
	}
	.sp-bar-ctrl.svelte-2v0h4n {
		display: flex;
		flex-direction: column;
		gap: 0.45rem;
		align-items: center;
	}
	.sp-buttons.svelte-2v0h4n {
		display: flex;
		align-items: center;
		gap: 0.9rem;
		color: #cfcfcf;
		font-size: 0.95rem;
	}
	.sp-pp.svelte-2v0h4n {
		width: 30px;
		height: 30px;
		display: grid;
		place-items: center;
		background: #fff;
		color: #000;
		border-radius: 99px;
		font-size: 0.75rem;
	}
	.sp-prog.svelte-2v0h4n {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		width: min(420px, 40vw);
		font-size: 0.68rem;
		color: #a0a0a0;
	}
	.sp-prog.svelte-2v0h4n i:where(.svelte-2v0h4n),
	.sp-bar-vol.svelte-2v0h4n i:where(.svelte-2v0h4n) {
		flex: 1;
		height: 4px;
		background: #4d4d4d;
		border-radius: 99px;
		overflow: hidden;
	}
	.sp-prog.svelte-2v0h4n i:where(.svelte-2v0h4n) b:where(.svelte-2v0h4n) {
		display: block;
		height: 100%;
		width: 46%;
		background: #fff;
	}
	.sp-bar-vol.svelte-2v0h4n {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		justify-content: flex-end;
		color: #cfcfcf;
		font-size: 0.85rem;
	}
	.sp-bar-vol.svelte-2v0h4n i:where(.svelte-2v0h4n) {
		max-width: 90px;
	}
	.sp-bar-vol.svelte-2v0h4n i:where(.svelte-2v0h4n) b:where(.svelte-2v0h4n) {
		display: block;
		height: 100%;
		width: 70%;
		background: #fff;
	}

	@media (max-width: 820px) {
		.sp.svelte-2v0h4n {
			grid-template-columns: 1fr;
			height: auto;
		}
		.sp-side.svelte-2v0h4n {
			display: none;
		}
		.sp-grid.svelte-2v0h4n {
			grid-template-columns: repeat(3, 1fr);
		}
		.sp-bar-vol.svelte-2v0h4n {
			display: none;
		}
		.sp-bar.svelte-2v0h4n {
			grid-template-columns: 1fr 1fr;
		}
	}
	@media (max-width: 520px) {
		.sp-grid.svelte-2v0h4n {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	.yt.svelte-1awj96g {
		background: #0f0f0f;
		color: #fff;
		border-radius: 14px;
		overflow: hidden;
		border: 1px solid #272727;
		font-family: 'Roboto', 'Satoshi', system-ui, sans-serif;
		height: min(72vh, 620px);
		display: flex;
		flex-direction: column;
	}
	.yt-top.svelte-1awj96g {
		display: flex;
		align-items: center;
		gap: 1rem;
		padding: 0.7rem 1rem;
		flex: none;
	}
	.yt-left.svelte-1awj96g {
		display: flex;
		align-items: center;
		gap: 0.9rem;
	}
	.yt-burger.svelte-1awj96g {
		color: #fff;
		font-size: 1.1rem;
	}
	.yt-logo.svelte-1awj96g {
		display: flex;
		align-items: center;
		gap: 0.3rem;
		font-weight: 800;
		letter-spacing: -0.03em;
		font-size: 1.15rem;
	}
	.yt-logo.svelte-1awj96g i:where(.svelte-1awj96g) {
		display: grid;
		place-items: center;
		width: 26px;
		height: 18px;
		background: #f00;
		border-radius: 5px;
		color: #fff;
		font-size: 0.6rem;
		font-style: normal;
	}
	.yt-search.svelte-1awj96g {
		flex: 1;
		max-width: 480px;
		margin: 0 auto;
		display: flex;
		border: 1px solid #303030;
		border-radius: 99px;
		overflow: hidden;
		background: #121212;
	}
	.yt-search.svelte-1awj96g input:where(.svelte-1awj96g) {
		flex: 1;
		background: none;
		border: 0;
		color: #fff;
		padding: 0.5rem 1rem;
		font-size: 0.9rem;
		outline: none;
	}
	.yt-go.svelte-1awj96g {
		width: 56px;
		display: grid;
		place-items: center;
		background: #222;
		font-size: 1rem;
	}
	.yt-right.svelte-1awj96g {
		display: flex;
		align-items: center;
		gap: 1rem;
		font-size: 1.1rem;
	}
	.yt-av.svelte-1awj96g {
		width: 30px;
		height: 30px;
		display: grid;
		place-items: center;
		border-radius: 99px;
		background: var(--color-acid, #fe6e01);
		color: #000;
		font-weight: 800;
		font-size: 0.85rem;
	}
	.yt-chips.svelte-1awj96g {
		display: flex;
		gap: 0.6rem;
		padding: 0.4rem 1rem 0.8rem;
		overflow-x: auto;
		flex: none;
		scrollbar-width: none;
	}
	.yt-chips.svelte-1awj96g::-webkit-scrollbar {
		display: none;
	}
	.chip.svelte-1awj96g {
		white-space: nowrap;
		background: #272727;
		color: #fff;
		font-size: 0.82rem;
		padding: 0.35rem 0.8rem;
		border-radius: 8px;
	}
	.chip.on.svelte-1awj96g {
		background: #fff;
		color: #000;
	}
	.yt-feature.svelte-1awj96g {
		display: flex;
		gap: 1rem;
		padding: 0.4rem 1rem 1rem;
		flex: none;
	}
	.yt-feat-thumb.svelte-1awj96g {
		position: relative;
		width: clamp(220px, 34%, 360px);
		flex: none;
		border-radius: 12px;
		overflow: hidden;
	}
	.yt-feat-info.svelte-1awj96g h3:where(.svelte-1awj96g) {
		font-size: clamp(1.1rem, 2.4vw, 1.7rem);
		font-weight: 700;
		margin: 0 0 0.5rem;
		line-height: 1.2;
		font-family: 'Clash Display', sans-serif;
	}
	.yt-chan.svelte-1awj96g {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		font-size: 0.88rem;
		color: #aaa;
		margin-bottom: 0.3rem;
	}
	.yt-cav.svelte-1awj96g {
		width: 28px;
		height: 28px;
		display: grid;
		place-items: center;
		border-radius: 99px;
		background: #3ea6ff;
		color: #000;
		font-weight: 800;
		font-size: 0.8rem;
		flex: none;
	}
	.yt-cav.sm.svelte-1awj96g {
		width: 34px;
		height: 34px;
	}
	.yt-stats.svelte-1awj96g {
		color: #aaa;
		font-size: 0.82rem;
		margin: 0 0 0.6rem;
	}
	.yt-desc.svelte-1awj96g {
		color: #ccc;
		font-size: 0.85rem;
		line-height: 1.45;
		margin: 0;
		max-width: 52ch;
	}
	.yt-grid.svelte-1awj96g {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 1rem 0.9rem;
		padding: 0.4rem 1rem 1.2rem;
		overflow-y: auto;
	}
	.yt-dur.svelte-1awj96g {
		position: absolute;
		right: 6px;
		bottom: 6px;
		background: #000c;
		color: #fff;
		font-size: 0.72rem;
		font-weight: 700;
		padding: 1px 5px;
		border-radius: 4px;
	}
	.yt-card-thumb.svelte-1awj96g {
		position: relative;
		border-radius: 12px;
		overflow: hidden;
		margin-bottom: 0.6rem;
	}
	.yt-card-meta.svelte-1awj96g {
		display: flex;
		gap: 0.7rem;
	}
	.yt-card-meta.svelte-1awj96g strong:where(.svelte-1awj96g) {
		display: block;
		font-size: 0.92rem;
		line-height: 1.25;
		margin-bottom: 0.2rem;
	}
	.yt-card-meta.svelte-1awj96g small:where(.svelte-1awj96g) {
		display: block;
		color: #aaa;
		font-size: 0.78rem;
	}
	@media (max-width: 820px) {
		.yt-grid.svelte-1awj96g {
			grid-template-columns: repeat(2, 1fr);
		}
		.yt-right.svelte-1awj96g span:where(.svelte-1awj96g):not(.yt-av) {
			display: none;
		}
	}
	@media (max-width: 560px) {
		.yt-feature.svelte-1awj96g {
			flex-direction: column;
		}
		.yt-feat-thumb.svelte-1awj96g {
			width: 100%;
		}
		.yt-grid.svelte-1awj96g {
			grid-template-columns: 1fr;
		}
	}

	.showcase.svelte-15gp0tj {
		padding-block: clamp(4rem, 10vw, 8rem);
		border-top: 1px solid var(--color-line);
	}
	.head.svelte-15gp0tj {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		gap: 2rem;
		flex-wrap: wrap;
		margin-bottom: 2.5rem;
	}
	.heading.svelte-15gp0tj {
		font-size: clamp(2.2rem, 6vw, 5rem);
		margin: 0.6rem 0 0.8rem;
	}
	.sub.svelte-15gp0tj {
		color: var(--color-bone-dim);
		max-width: 44ch;
		font-size: 1rem;
	}
	.toggle.svelte-15gp0tj {
		position: relative;
		display: inline-flex;
		background: var(--color-surface);
		border: 1px solid var(--color-line);
		border-radius: 99px;
		padding: 5px;
	}
	.toggle.svelte-15gp0tj button:where(.svelte-15gp0tj) {
		position: relative;
		z-index: 2;
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
		background: none;
		border: 0;
		color: var(--color-bone-dim);
		font-family: var(--font-body);
		font-weight: 700;
		font-size: 0.9rem;
		padding: 0.55rem 1.2rem;
		border-radius: 99px;
		transition: color 0.3s, transform 0.12s ease;
	}
	.toggle.svelte-15gp0tj button.on:where(.svelte-15gp0tj) {
		color: var(--color-ink);
	}
	.toggle.svelte-15gp0tj button:where(.svelte-15gp0tj):active {
		transform: scale(0.95);
	}
	.toggle.svelte-15gp0tj .slider:where(.svelte-15gp0tj) {
		position: absolute;
		z-index: 1;
		top: 5px;
		left: 5px;
		width: calc(50% - 5px);
		height: calc(100% - 10px);
		background: var(--color-acid);
		border-radius: 99px;
		transition: transform 0.4s var(--ease-out-expo);
	}
	.toggle.svelte-15gp0tj .slider.right:where(.svelte-15gp0tj) {
		transform: translateX(100%);
	}
	.ic.svelte-15gp0tj {
		width: 16px;
		height: 16px;
		border-radius: 99px;
		display: inline-block;
	}
	.ic.sp.svelte-15gp0tj {
		background: #1db954;
	}
	.ic.yt.svelte-15gp0tj {
		background: #f00;
		border-radius: 4px;
	}
	.frame.svelte-15gp0tj {
		background: linear-gradient(180deg, var(--color-ink-2), var(--color-ink));
		border: 1px solid var(--color-line);
		border-radius: 20px;
		padding: clamp(0.6rem, 2vw, 1.4rem);
		box-shadow: 0 50px 90px -50px #000;
	}
	.stage.svelte-15gp0tj {
		will-change: transform, opacity;
	}
	.caption.svelte-15gp0tj {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 0.5rem;
		margin: 1rem 0.4rem 0.2rem;
		color: var(--color-bone-dim);
		font-size: 0.85rem;
	}
	.caption.svelte-15gp0tj span:where(.svelte-15gp0tj) {
		opacity: 0.6;
		font-size: 0.78rem;
	}

	.services.svelte-111h4bs {
		padding-block: clamp(4rem, 10vw, 8rem);
		border-top: 1px solid var(--color-line);
	}
	.head.svelte-111h4bs {
		margin-bottom: 2.5rem;
	}
	.heading.svelte-111h4bs {
		font-size: clamp(2.4rem, 8vw, 6rem);
		margin-top: 0.6rem;
	}
	.list.svelte-111h4bs {
		border-top: 1px solid var(--color-line);
	}
	.row.svelte-111h4bs {
		width: 100%;
		text-align: left;
		display: grid;
		grid-template-columns: 56px 1.1fr 1.3fr auto 100px 36px;
		align-items: center;
		gap: 1.5rem;
		padding: 1.6rem 0.5rem;
		border-bottom: 1px solid var(--color-line);
		background: none;
		color: var(--color-bone);
		position: relative;
		transition: padding 0.35s var(--ease-out-expo), color 0.35s;
	}
	.row.svelte-111h4bs::before {
		content: '';
		position: absolute;
		inset: 0;
		background: var(--color-acid);
		transform: scaleY(0);
		transform-origin: bottom;
		transition: transform 0.4s var(--ease-out-expo);
		z-index: 0;
	}
	.row.svelte-111h4bs > :where(.svelte-111h4bs) {
		position: relative;
		z-index: 1;
	}
	.row.svelte-111h4bs:hover,
	.row.svelte-111h4bs:active {
		color: var(--color-ink);
		padding-left: 1.4rem;
	}
	.row.svelte-111h4bs:hover::before,
	.row.svelte-111h4bs:active::before {
		transform: scaleY(1);
	}
	.num.svelte-111h4bs {
		font-family: var(--font-body);
		font-weight: 700;
		font-size: 0.8rem;
		opacity: 0.5;
	}
	.title.svelte-111h4bs {
		font-family: var(--font-display);
		font-weight: 600;
		font-size: clamp(1.3rem, 2.6vw, 2.1rem);
		letter-spacing: -0.02em;
		line-height: 1;
	}
	.blurb.svelte-111h4bs {
		color: var(--color-bone-dim);
		font-size: 0.92rem;
		line-height: 1.4;
	}
	.row.svelte-111h4bs:hover .blurb:where(.svelte-111h4bs),
	.row.svelte-111h4bs:active .blurb:where(.svelte-111h4bs) {
		color: color-mix(in srgb, var(--color-ink) 75%, transparent);
	}
	.points.svelte-111h4bs {
		display: flex;
		flex-direction: column;
		gap: 0.2rem;
	}
	.points.svelte-111h4bs em:where(.svelte-111h4bs) {
		font-style: normal;
		font-size: 0.78rem;
		color: var(--color-bone-dim);
	}
	.row.svelte-111h4bs:hover .points:where(.svelte-111h4bs) em:where(.svelte-111h4bs),
	.row.svelte-111h4bs:active .points:where(.svelte-111h4bs) em:where(.svelte-111h4bs) {
		color: color-mix(in srgb, var(--color-ink) 70%, transparent);
	}
	.price.svelte-111h4bs {
		font-family: var(--font-display);
		font-weight: 600;
		font-size: 1.05rem;
		white-space: nowrap;
	}
	.arrow.svelte-111h4bs {
		font-size: 1.3rem;
		justify-self: end;
		transition: transform 0.35s var(--ease-out-expo);
	}
	.row.svelte-111h4bs:hover .arrow:where(.svelte-111h4bs) {
		transform: translate(4px, -4px) rotate(0deg);
	}
	@media (max-width: 900px) {
		.row.svelte-111h4bs {
			grid-template-columns: 40px 1fr auto;
			grid-template-areas:
				'num title price'
				'num blurb blurb'
				'num points points';
			gap: 0.4rem 1rem;
			padding-block: 1.4rem;
		}
		.num.svelte-111h4bs { grid-area: num; }
		.title.svelte-111h4bs { grid-area: title; }
		.blurb.svelte-111h4bs { grid-area: blurb; }
		.points.svelte-111h4bs { grid-area: points; flex-direction: row; flex-wrap: wrap; gap: 0.3rem 0.8rem; margin-top: 0.4rem; }
		.price.svelte-111h4bs { grid-area: price; }
		.arrow.svelte-111h4bs { display: none; }
	}

	.process.svelte-8xkv5h {
		padding-block: clamp(4rem, 10vw, 8rem);
		border-top: 1px solid var(--color-line);
	}
	.head.svelte-8xkv5h {
		margin-bottom: 3.5rem;
	}
	.heading.svelte-8xkv5h {
		font-size: clamp(2.2rem, 6vw, 5rem);
		margin-top: 0.6rem;
		max-width: 18ch;
	}
	.track.svelte-8xkv5h {
		position: relative;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 1.5rem;
		padding-top: 2rem;
	}
	.proc-line.svelte-8xkv5h {
		position: absolute;
		top: 2rem;
		left: 0;
		right: 0;
		height: 2px;
		background: var(--color-line);
		overflow: hidden;
	}
	.proc-line.svelte-8xkv5h i:where(.svelte-8xkv5h) {
		display: block;
		height: 100%;
		width: 100%;
		background: var(--color-acid);
		transform-origin: left;
	}
	.step.svelte-8xkv5h {
		position: relative;
		padding-top: 2.4rem;
	}
	.dot.svelte-8xkv5h {
		position: absolute;
		top: calc(2rem - 6px);
		left: 0;
		width: 13px;
		height: 13px;
		border-radius: 99px;
		background: var(--color-acid);
		box-shadow: 0 0 0 5px var(--color-ink);
	}
	.n.svelte-8xkv5h {
		font-family: var(--font-display);
		font-weight: 600;
		font-size: 2.4rem;
		color: transparent;
		-webkit-text-stroke: 1.2px var(--color-bone-dim);
		line-height: 1;
	}
	.step.svelte-8xkv5h h3:where(.svelte-8xkv5h) {
		font-size: 1.4rem;
		margin: 0.6rem 0 0.6rem;
	}
	.step.svelte-8xkv5h p:where(.svelte-8xkv5h) {
		color: var(--color-bone-dim);
		font-size: 0.92rem;
		line-height: 1.5;
		margin: 0;
	}
	@media (max-width: 820px) {
		.track.svelte-8xkv5h {
			grid-template-columns: 1fr;
			gap: 0;
			padding-top: 0;
		}
		.proc-line.svelte-8xkv5h {
			top: 0;
			bottom: 0;
			left: 6px;
			right: auto;
			width: 2px;
			height: auto;
		}
		.proc-line.svelte-8xkv5h i:where(.svelte-8xkv5h) {
			width: 100%;
			height: 100%;
			transform-origin: top;
		}
		.step.svelte-8xkv5h {
			padding: 0 0 2.4rem 2.4rem;
		}
		.dot.svelte-8xkv5h {
			top: 6px;
			left: 0;
		}
	}

	.rain.svelte-77yo52 {
		width: 100%;
		height: 100%;
		display: block;
	}

	.contact.svelte-19fsy4o {
		position: relative;
		padding-block: clamp(5rem, 12vw, 10rem);
		border-top: 1px solid var(--color-line);
		overflow: hidden;
	}
	.rain-layer.svelte-19fsy4o {
		position: absolute;
		inset: 0;
		z-index: 0;
		pointer-events: none;
		opacity: 0.6;
		-webkit-mask-image: linear-gradient(180deg, transparent, #000 25%);
		mask-image: linear-gradient(180deg, transparent, #000 25%);
	}
	.grid.svelte-19fsy4o {
		position: relative;
		z-index: 1;
		display: grid;
		grid-template-columns: 1.1fr 1fr;
		gap: clamp(2rem, 6vw, 5rem);
		align-items: start;
	}
	.heading.svelte-19fsy4o {
		font-size: clamp(2.6rem, 8vw, 6.5rem);
		margin: 0.6rem 0 1rem;
		text-wrap: balance;
	}
	.sub.svelte-19fsy4o {
		color: var(--color-bone-dim);
		font-size: 1.1rem;
		max-width: 32ch;
		margin-bottom: 2rem;
	}
	.socials.svelte-19fsy4o {
		display: flex;
		flex-wrap: wrap;
		gap: 0.6rem;
	}
	.pill.svelte-19fsy4o {
		display: inline-flex;
		flex-direction: column;
		gap: 0.1rem;
		border: 1px solid var(--color-line);
		border-radius: 12px;
		padding: 0.6rem 1rem;
		text-decoration: none;
		transition: border-color 0.3s, background 0.3s;
	}
	.pill.svelte-19fsy4o:hover {
		border-color: var(--color-acid);
		background: var(--color-surface);
	}
	.pill.svelte-19fsy4o span:where(.svelte-19fsy4o) {
		font-weight: 700;
		font-size: 0.9rem;
		color: var(--color-bone);
	}
	.pill.svelte-19fsy4o em:where(.svelte-19fsy4o) {
		font-style: normal;
		font-size: 0.78rem;
		color: var(--color-bone-dim);
	}
	.ph-note.svelte-19fsy4o {
		margin-top: 1rem;
		font-size: 0.74rem;
		color: var(--color-bone-dim);
		opacity: 0.6;
	}
	form.svelte-19fsy4o {
		display: flex;
		flex-direction: column;
		gap: 1.1rem;
		background: var(--color-ink-2);
		border: 1px solid var(--color-line);
		border-radius: 18px;
		padding: clamp(1.2rem, 3vw, 2rem);
	}
	label.svelte-19fsy4o {
		display: flex;
		flex-direction: column;
		gap: 0.45rem;
	}
	label.svelte-19fsy4o span:where(.svelte-19fsy4o) {
		font-family: var(--font-body);
		font-weight: 700;
		font-size: 0.72rem;
		text-transform: uppercase;
		letter-spacing: 0.12em;
		color: var(--color-bone-dim);
	}
	input.svelte-19fsy4o,
	textarea.svelte-19fsy4o,
	select.svelte-19fsy4o {
		width: 100%;
		background: var(--color-ink);
		border: 1px solid var(--color-line);
		border-radius: 10px;
		padding: 0.8rem 1rem;
		color: var(--color-bone);
		font-family: var(--font-body);
		font-size: 0.98rem;
		outline: none;
		transition: border-color 0.25s;
		resize: vertical;
	}
	input.svelte-19fsy4o:focus,
	textarea.svelte-19fsy4o:focus,
	select.svelte-19fsy4o:focus {
		border-color: var(--color-acid);
	}
	.select.svelte-19fsy4o {
		position: relative;
	}
	.select.svelte-19fsy4o i:where(.svelte-19fsy4o) {
		position: absolute;
		right: 1rem;
		top: 50%;
		transform: translateY(-50%);
		pointer-events: none;
		color: var(--color-bone-dim);
		font-style: normal;
	}
	select.svelte-19fsy4o {
		appearance: none;
	}
	.err.svelte-19fsy4o {
		color: var(--color-flame);
		font-size: 0.85rem;
		margin: -0.3rem 0 0;
	}
	.send.svelte-19fsy4o {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0.6rem;
		background: var(--color-acid);
		color: var(--color-ink);
		font-family: var(--font-body);
		font-weight: 800;
		font-size: 1rem;
		text-transform: uppercase;
		letter-spacing: 0.04em;
		border: 0;
		padding: 1rem;
		border-radius: 99px;
		margin-top: 0.4rem;
		transition: transform 0.12s ease;
	}
	.send.svelte-19fsy4o:active {
		transform: scale(0.97);
	}
	.send.svelte-19fsy4o .arr:where(.svelte-19fsy4o) {
		transition: transform 0.3s var(--ease-out-expo);
	}
	.send.svelte-19fsy4o:hover .arr:where(.svelte-19fsy4o) {
		transform: translateX(5px);
	}
	.success.svelte-19fsy4o {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
		background: var(--color-ink-2);
		border: 1px solid var(--color-acid);
		border-radius: 18px;
		padding: 2.5rem 2rem;
	}
	.check.svelte-19fsy4o {
		display: grid;
		place-items: center;
		width: 48px;
		height: 48px;
		border-radius: 99px;
		background: var(--color-acid);
		color: var(--color-ink);
		font-size: 1.4rem;
		font-weight: 800;
	}
	.success.svelte-19fsy4o p:where(.svelte-19fsy4o) {
		font-size: 1.1rem;
		color: var(--color-bone);
		margin: 0;
	}
	.resetbtn.svelte-19fsy4o {
		background: none;
		border: 1px solid var(--color-line);
		color: var(--color-bone);
		padding: 0.5rem 1rem;
		border-radius: 99px;
		font-family: var(--font-body);
		font-weight: 600;
	}
	@media (max-width: 820px) {
		.grid.svelte-19fsy4o {
			grid-template-columns: 1fr;
		}
	}

	.marquee.svelte-1xpng2k {
		overflow: hidden;
		white-space: nowrap;
		width: 100%;
	}
	.track.svelte-1xpng2k {
		display: flex;
		width: max-content;
		animation: svelte-1xpng2k-scroll var(--dur) linear infinite;
	}
	.track.rev.svelte-1xpng2k {
		animation-direction: reverse;
	}
	ul.svelte-1xpng2k {
		display: flex;
		align-items: center;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	li.svelte-1xpng2k {
		font-family: var(--font-display);
		font-weight: 600;
		font-size: clamp(1.8rem, 5vw, 4.2rem);
		letter-spacing: -0.02em;
		text-transform: uppercase;
		padding: 0 0.4em;
		color: var(--color-bone);
	}
	li.ac.svelte-1xpng2k {
		color: transparent;
		-webkit-text-stroke: 1.2px var(--color-bone);
	}
	li.sep.svelte-1xpng2k {
		color: var(--color-acid);
		-webkit-text-stroke: 0;
		font-size: clamp(1rem, 3vw, 2.4rem);
	}
	.track.svelte-1xpng2k:hover {
		animation-play-state: paused;
	}
	@keyframes svelte-1xpng2k-scroll {
		to {
			transform: translateX(-50%);
		}
	}
	@media (prefers-reduced-motion: reduce) {
		.track.svelte-1xpng2k {
			animation: none;
		}
	}

	.strip.svelte-1uha8ag {
		padding: 1.4rem 0;
		border-block: 1px solid var(--color-line);
		background: var(--color-ink-2);
	}