*, *::before, *::after {
			box-sizing: border-box;
		}

		:root {
			--sn-bg: #f6f3ea;
			--sn-panel: rgba(255, 252, 244, 0.84);
			--sn-panel-strong: #fffdf7;
			--sn-mint: #dfeee1;
			--sn-sky: #cfe7e6;
			--sn-forest: #063c2b;
			--sn-forest-2: #155c42;
			--sn-brass: #b88739;
			--sn-ink: #20322d;
			--sn-muted: #65746f;
			--sn-line: rgba(6, 60, 43, 0.14);
			--sn-line-strong: rgba(6, 60, 43, 0.24);
			--sn-page: min(1120px, calc(100vw - 32px));
			--sn-radius: 8px;
		}

		html {
			scroll-behavior: smooth;
			background: var(--sn-bg);
		}

		body {
			margin: 0;
			min-height: 100vh;
			background:
				linear-gradient(115deg, rgba(207, 231, 230, 0.5), transparent 34%),
				linear-gradient(180deg, #fffdf6 0%, var(--sn-bg) 54%, #eee1c9 100%);
			color: var(--sn-ink);
			font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
			-webkit-font-smoothing: antialiased;
			overflow-x: hidden;
		}

		body::before {
			content: "";
			position: fixed;
			inset: 0;
			background:
				repeating-linear-gradient(108deg, rgba(6, 60, 43, 0.035) 0 1px, transparent 1px 34px);
			mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.65), transparent 82%);
			pointer-events: none;
		}

		a {
			color: inherit;
			overflow-wrap: anywhere;
		}

		a:focus-visible, summary:focus-visible {
			outline: 3px solid var(--sn-forest-2);
			outline-offset: 4px;
		}

		.skip-link {
			position: absolute;
			top: 8px;
			left: 16px;
			padding: 12px 18px;
			background: var(--sn-panel-strong);
			z-index: 2;
			transform: translateY(-150%);
		}

		.skip-link:focus { transform: translateY(0); }

		.sn-shell {
			position: relative;
			z-index: 1;
		}

		.sn-topbar {
			width: var(--sn-page);
			margin: 0 auto;
			padding: 18px 0;
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 18px;
		}

		.sn-brand {
			display: inline-flex;
			align-items: center;
			gap: 12px;
			color: var(--sn-forest);
			text-decoration: none;
			font-weight: 900;
			font-size: 1.08rem;
		}

		.sn-brand-icon {
			width: 40px;
			height: 40px;
			border-radius: 10px;
			box-shadow: 0 14px 28px rgba(6, 60, 43, 0.16);
		}

		.sn-nav {
			display: flex;
			align-items: center;
			gap: 6px;
			padding: 5px;
			border: 1px solid var(--sn-line);
			background: var(--sn-panel);
			border-radius: 999px;
			box-shadow: 0 12px 30px rgba(39, 49, 45, 0.06);
			backdrop-filter: blur(18px);
		}

		.sn-nav a {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-height: 44px;
			padding: 0 14px;
			border-radius: 999px;
			color: var(--sn-muted);
			text-decoration: none;
			font-size: 0.82rem;
			font-weight: 800;
			transition: background 160ms ease, color 160ms ease;
		}

		.sn-nav a:hover,
		.sn-nav a[aria-current="page"] {
			color: #f8edd6;
			background: var(--sn-forest);
		}

		.sn-page {
			width: var(--sn-page);
			margin: 0 auto;
			padding: 12px 0 80px;
		}

		.sn-narrow {
			max-width: 760px;
			margin-inline: auto;
		}

		.sn-kicker {
			color: var(--sn-brass);
			font-size: 0.76rem;
			font-weight: 900;
			letter-spacing: 0.16em;
			text-transform: uppercase;
		}

		.sn-hero {
			display: grid;
			grid-template-columns: minmax(0, 1fr) minmax(320px, 0.76fr);
			gap: clamp(30px, 5vw, 66px);
			align-items: center;
			padding: clamp(52px, 7vw, 78px) 0 clamp(42px, 7vw, 72px);
		}

		.sn-hero-content {
			max-width: 650px;
		}

		.sn-app-lockup {
			display: flex;
			align-items: center;
			gap: 16px;
			margin-bottom: 18px;
		}

		.sn-app-icon {
			width: 74px;
			height: 74px;
			border-radius: 18px;
			box-shadow: 0 18px 36px rgba(6, 60, 43, 0.18);
		}

		.sn-hero h1 {
			margin: 0;
			color: var(--sn-forest);
			font-size: clamp(2.75rem, 6vw, 4.85rem);
			line-height: 0.95;
			letter-spacing: 0;
			font-weight: 900;
		}

		.sn-header h1 {
			margin: 10px 0 0;
			color: var(--sn-forest);
			font-size: clamp(2.4rem, 5vw, 4.2rem);
			line-height: 0.98;
			letter-spacing: 0;
			font-weight: 900;
		}

		.sn-hero-copy {
			margin: 20px 0 0;
			max-width: 660px;
			color: var(--sn-muted);
			font-size: clamp(1.03rem, 2vw, 1.24rem);
			line-height: 1.65;
			font-weight: 600;
		}

		.sn-header p {
			margin: 20px 0 0;
			max-width: 660px;
			color: var(--sn-muted);
			font-size: clamp(1.03rem, 2vw, 1.18rem);
			line-height: 1.65;
			font-weight: 600;
		}

		.sn-actions {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			gap: 12px;
			margin-top: 30px;
		}

		.sn-button {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-height: 48px;
			padding: 0 18px;
			border-radius: 12px;
			border: 1px solid var(--sn-line-strong);
			background: var(--sn-forest);
			color: #fff7e8;
			text-decoration: none;
			font-weight: 900;
			box-shadow: 0 14px 28px rgba(18, 60, 44, 0.16);
		}

		.sn-button.secondary {
			background: rgba(255, 251, 242, 0.74);
			color: var(--sn-forest);
			box-shadow: none;
		}

		.sn-store-actions {
			align-items: center;
			gap: 16px;
		}

		.sn-store-badge {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-height: 48px;
			text-decoration: none;
		}

		.sn-store-badge img {
			display: block;
			width: auto;
			height: 44px;
		}

		.sn-text-link {
			color: var(--sn-forest);
			font-weight: 900;
			text-decoration-color: rgba(6, 60, 43, 0.28);
			text-underline-offset: 5px;
		}

		.sn-text-link-light {
			color: #fff5df;
			text-decoration-color: rgba(255, 245, 223, 0.42);
		}

		.sn-hero-facts {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 10px;
			max-width: 560px;
			margin: 28px 0 0;
		}

		.sn-hero-facts div {
			padding: 14px 16px;
			border: 1px solid var(--sn-line);
			border-radius: var(--sn-radius);
			background: var(--sn-panel);
			backdrop-filter: blur(18px);
		}

		.sn-hero-facts dt {
			color: var(--sn-forest);
			font-size: 1.2rem;
			font-weight: 900;
			line-height: 1;
		}

		.sn-hero-facts dd {
			margin: 5px 0 0;
			color: var(--sn-muted);
			font-size: 0.86rem;
			font-weight: 800;
			line-height: 1.25;
		}

		.sn-feature-grid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 14px;
			margin-top: 18px;
		}

		.sn-feature,
		.sn-panel,
		.sn-faq,
		.sn-session-card {
			padding: 20px;
			border: 1px solid var(--sn-line);
			border-radius: var(--sn-radius);
			background: var(--sn-panel);
			backdrop-filter: blur(18px);
		}

		.sn-feature h3,
		.sn-panel h2,
		.sn-faq summary,
		.sn-session-card h2 {
			color: var(--sn-forest);
		}

		.sn-feature p,
		.sn-panel p,
		.sn-panel li,
		.sn-faq p,
		.sn-session-card p,
		.sn-flow-list span {
			color: var(--sn-muted);
			line-height: 1.6;
			font-weight: 600;
		}

		.sn-section {
			padding: 38px 0;
		}

		.sn-section-head {
			max-width: 680px;
			margin-bottom: 22px;
		}

		.sn-section-head h2,
		.sn-panel h2 {
			margin: 8px 0 0;
			color: var(--sn-forest);
			font-size: clamp(1.6rem, 3vw, 2.35rem);
			line-height: 1.12;
		}

		.sn-section-head p {
			margin: 14px 0 0;
			color: var(--sn-muted);
			font-size: 1.03rem;
			line-height: 1.65;
			font-weight: 600;
		}

		.sn-feature h3 {
			margin: 0 0 8px;
			font-size: 1.08rem;
		}

		.sn-session-card {
			padding: clamp(24px, 4vw, 34px);
			background:
				linear-gradient(160deg, rgba(255, 252, 244, 0.9), rgba(223, 238, 225, 0.86));
			box-shadow: 0 18px 44px rgba(6, 60, 43, 0.1);
		}

		.sn-session-card h2 {
			margin: 10px 0 0;
			font-size: clamp(1.8rem, 3vw, 2.55rem);
			line-height: 1.08;
		}

		.sn-session-card p {
			margin: 18px 0 0;
		}

		.sn-flow-list {
			display: grid;
			gap: 12px;
			margin: 22px 0 0;
			padding: 0;
			list-style: none;
		}

		.sn-flow-list li {
			display: grid;
			gap: 4px;
			padding: 16px;
			border: 1px solid var(--sn-line);
			border-radius: var(--sn-radius);
			background: rgba(255, 252, 244, 0.72);
		}

		.sn-flow-list strong {
			color: var(--sn-forest);
			font-size: 1.02rem;
		}

		.sn-pro-panel {
			display: grid;
			grid-template-columns: minmax(0, 1fr) auto;
			gap: 28px;
			align-items: center;
			padding: clamp(24px, 4vw, 36px);
			border: 1px solid rgba(255, 245, 223, 0.18);
			border-radius: var(--sn-radius);
			background:
				linear-gradient(135deg, #063c2b 0%, #155c42 58%, #22655b 100%);
			color: #fff5df;
			box-shadow: 0 22px 50px rgba(6, 60, 43, 0.18);
		}

		.sn-pro-panel .sn-kicker {
			color: #ddb86d;
		}

		.sn-pro-panel h2 {
			margin: 8px 0 0;
			font-size: clamp(1.7rem, 3.2vw, 2.7rem);
			line-height: 1.05;
		}

		.sn-pro-panel p {
			max-width: 680px;
			margin: 14px 0 0;
			color: rgba(255, 245, 223, 0.78);
			line-height: 1.65;
			font-weight: 650;
		}

		.sn-pro-actions {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 12px;
		}

		.sn-stack {
			display: grid;
			gap: 16px;
		}

		.sn-header {
			text-align: center;
			padding: clamp(38px, 7vw, 72px) 0 34px;
		}

		.sn-meta {
			color: var(--sn-muted);
			font-weight: 800;
			font-size: 0.92rem;
		}

		.sn-panel ul {
			margin: 12px 0 0;
			padding-left: 1.2rem;
		}

		.sn-panel li + li {
			margin-top: 8px;
		}

		.sn-faq summary {
			cursor: pointer;
			font-weight: 900;
			font-size: 1.05rem;
		}

		.sn-faq p {
			margin: 12px 0 0;
		}

		.sn-footer {
			width: var(--sn-page);
			margin: 0 auto;
			padding: 28px 0 42px;
			border-top: 1px solid var(--sn-line);
			color: var(--sn-muted);
			font-size: 0.9rem;
			font-weight: 700;
			display: flex;
			justify-content: space-between;
			gap: 16px;
			flex-wrap: wrap;
		}

		.sn-footer a {
			color: var(--sn-forest);
			text-decoration: none;
		}

		@media (max-width: 760px) {
			.sn-topbar {
				align-items: flex-start;
				flex-direction: column;
			}

			.sn-nav {
				width: 100%;
				justify-content: space-between;
			}

			.sn-nav a {
				flex: 1;
				padding-inline: 8px;
			}

			.sn-hero,
			.sn-feature-grid,
			.sn-pro-panel {
				grid-template-columns: 1fr;
			}

			.sn-hero {
				min-height: auto;
				padding-top: 28px;
			}

			.sn-hero h1 {
				font-size: clamp(2.7rem, 14vw, 4.4rem);
			}

			.sn-hero-facts {
				grid-template-columns: 1fr;
			}

			.sn-pro-actions {
				flex-direction: row;
				align-items: center;
				flex-wrap: wrap;
			}
		}
	
.sn-store-label{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;background:var(--sn-forest);color:#fff9ea;border-radius:12px;box-shadow:0 14px 28px rgba(18,60,44,.16);font-weight:900}
.sn-store-badge:hover .sn-store-label{background:var(--sn-forest-2)}
.sn-brand-icon{object-fit:cover}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sn-nav a{transition:none}}