*,
			*::before,
			*::after {
				box-sizing: border-box;
				margin: 0;
				padding: 0;
			}
			:root {
				--bg: #0b1220;
				--card: #111b2e;
				--fg: #e8dfc8;
				--muted: #8a9ab5;
				--primary: #c9922a;
				--border: rgba(201, 146, 42, 0.18);
				--serif: "Playfair Display", Georgia, serif;
				--body: "Source Serif 4", Georgia, serif;
				--mono: "DM Mono", monospace;
			}
			html {
				scroll-behavior: smooth;
			}
			body {
				background: var(--bg);
				color: var(--fg);
				font-family: var(--body);
				font-size: 16px;
				line-height: 1.6;
			}
			.container {
				max-width: 72rem;
				margin: 0 auto;
				padding: 0 1.5rem;
			}
			.container-sm {
				max-width: 48rem;
				margin: 0 auto;
				padding: 0 1.5rem;
			}
			.label {
				font-family: var(--mono);
				font-size: 0.65rem;
				letter-spacing: 0.2em;
				text-transform: uppercase;
				color: var(--primary);
			}
			.rule-label {
				display: flex;
				align-items: center;
				gap: 0.75rem;
				margin-bottom: 1rem;
			}
			.rule-label::before {
				content: "";
				display: block;
				width: 2rem;
				height: 1px;
				background: var(--primary);
				flex-shrink: 0;
			}
			nav {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				z-index: 50;
				background: rgba(11, 18, 32, 0.92);
				backdrop-filter: blur(8px);
				border-bottom: 1px solid var(--border);
				height: 3.5rem;
			}
			.nav-inner {
				display: flex;
				align-items: center;
				justify-content: space-between;
				height: 100%;
				max-width: 72rem;
				margin: 0 auto;
				padding: 0 1.5rem;
			}
			.nav-brand {
				display: flex;
				align-items: center;
				gap: 0.6rem;
				text-decoration: none;
			}
			.nav-brand-star {
				color: var(--primary);
				font-size: 1.1rem;
			}
			.nav-brand-text {
				font-family: var(--serif);
				font-size: 0.8rem;
				font-weight: 600;
				letter-spacing: 0.08em;
				text-transform: uppercase;
				color: var(--fg);
			}
			.nav-links {
				display: flex;
				align-items: center;
				gap: 1.75rem;
				list-style: none;
			}
			.nav-links a {
				font-family: var(--mono);
				font-size: 0.6rem;
				letter-spacing: 0.2em;
				text-transform: uppercase;
				color: var(--muted);
				text-decoration: none;
				transition: color 0.2s;
			}
			.nav-links a:hover {
				color: var(--primary);
			}
			@media (max-width: 768px) {
				.nav-links {
					display: none;
				}
			}
			.hero {
				position: relative;
				min-height: 100vh;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				text-align: center;
				padding: 3.5rem 1.5rem 0;
			}
			.hero-bg {
				position: absolute;
				inset: 0;
				background: url("https://images.unsplash.com/photo-1508739773434-c26b3d09e071?w=1600&h=900&fit=crop&auto=format")
					center/cover no-repeat;
				opacity: 0.2;
			}
			.hero-overlay {
				position: absolute;
				inset: 0;
				background: linear-gradient(
					to bottom,
					rgba(11, 18, 32, 0.4),
					rgba(11, 18, 32, 0.6),
					#0b1220
				);
			}
			.hero-content {
				position: relative;
				z-index: 1;
				max-width: 48rem;
			}
			.hero-eyebrow {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 0.75rem;
				margin-bottom: 2rem;
			}
			.hero-eyebrow-line {
				width: 3rem;
				height: 1px;
				background: rgba(201, 146, 42, 0.6);
			}
			.hero h1 {
				font-family: var(--serif);
				font-size: clamp(2.8rem, 8vw, 4.5rem);
				font-weight: 700;
				line-height: 1.1;
				color: var(--fg);
				margin-bottom: 1.5rem;
			}
			.hero h1 em {
				font-style: italic;
				color: var(--primary);
			}
			.hero p {
				font-size: 1.1rem;
				color: var(--muted);
				line-height: 1.75;
				max-width: 36rem;
				margin: 0 auto 2.5rem;
			}
			.hero-ctas {
				display: flex;
				gap: 1rem;
				justify-content: center;
				flex-wrap: wrap;
			}
			.btn-primary {
				display: inline-flex;
				align-items: center;
				gap: 0.5rem;
				background: var(--primary);
				color: #0b1220;
				font-family: var(--mono);
				font-size: 0.6rem;
				letter-spacing: 0.2em;
				text-transform: uppercase;
				padding: 1rem 2rem;
				text-decoration: none;
				transition: opacity 0.2s;
			}
			.btn-primary:hover {
				opacity: 0.88;
			}
			.btn-outline {
				display: inline-flex;
				align-items: center;
				gap: 0.5rem;
				border: 1px solid var(--primary);
				color: var(--primary);
				font-family: var(--mono);
				font-size: 0.6rem;
				letter-spacing: 0.2em;
				text-transform: uppercase;
				padding: 1rem 2rem;
				text-decoration: none;
				transition: background 0.2s;
			}
			.btn-outline:hover {
				background: rgba(201, 146, 42, 0.1);
			}
			.hero-scroll {
				position: absolute;
				bottom: 2.5rem;
				left: 50%;
				transform: translateX(-50%);
				color: var(--muted);
				text-decoration: none;
				animation: bounce 1.6s infinite;
				font-size: 1.25rem;
				transition: color 0.2s;
			}
			.hero-scroll:hover {
				color: var(--primary);
			}
			@keyframes bounce {
				0%,
				100% {
					transform: translateX(-50%) translateY(0);
				}
				50% {
					transform: translateX(-50%) translateY(6px);
				}
			}
			.quote-band {
				background: rgba(26, 40, 64, 0.5);
				border-top: 1px solid var(--border);
				border-bottom: 1px solid var(--border);
				padding: 3.5rem 1.5rem;
			}
			.quote-band-inner {
				display: flex;
				gap: 2.5rem;
				align-items: flex-start;
				max-width: 56rem;
				margin: 0 auto;
			}
			.quote-icon {
				color: var(--primary);
				font-size: 2rem;
				flex-shrink: 0;
				line-height: 1;
			}
			.quote-text {
				font-family: var(--serif);
				font-size: 1.2rem;
				font-style: italic;
				line-height: 1.7;
				color: var(--fg);
				margin-bottom: 1rem;
			}
			.quote-cite {
				font-family: var(--mono);
				font-size: 0.6rem;
				letter-spacing: 0.2em;
				text-transform: uppercase;
				color: var(--primary);
				margin-bottom: 1rem;
			}
			.quote-note {
				font-size: 0.875rem;
				color: var(--muted);
				line-height: 1.7;
			}
			@media (max-width: 600px) {
				.quote-band-inner {
					flex-direction: column;
				}
			}
			section {
				padding: 6rem 1.5rem;
			}
			section.on-card {
				background: var(--card);
				border-top: 1px solid var(--border);
				border-bottom: 1px solid var(--border);
			}
			.section-head {
				margin-bottom: 3.5rem;
			}
			.section-head h2 {
				font-family: var(--serif);
				font-size: clamp(2rem, 5vw, 3rem);
				font-weight: 700;
				line-height: 1.2;
				color: var(--fg);
				max-width: 36rem;
			}
			.methods-grid {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 1px;
				background: var(--border);
			}
			@media (max-width: 900px) {
				.methods-grid {
					grid-template-columns: 1fr;
				}
			}
			.method-card {
				background: var(--bg);
				padding: 2.5rem;
				transition: background 0.2s;
			}
			.method-card:hover {
				background: var(--card);
			}
			.method-num {
				font-family: var(--mono);
				font-size: 0.6rem;
				letter-spacing: 0.2em;
				text-transform: uppercase;
				color: var(--primary);
				margin-bottom: 1.25rem;
			}
			.method-title {
				font-family: var(--serif);
				font-size: 1.5rem;
				font-weight: 700;
				color: var(--fg);
				margin-bottom: 1rem;
				transition: color 0.2s;
			}
			.method-card:hover .method-title {
				color: var(--primary);
			}
			.method-body {
				font-size: 0.875rem;
				color: var(--muted);
				line-height: 1.75;
				margin-bottom: 1.5rem;
			}
			.method-warning {
				background: rgba(201, 146, 42, 0.08);
				border: 1px solid rgba(201, 146, 42, 0.3);
				padding: 0.75rem;
				font-family: var(--mono);
				font-size: 0.65rem;
				color: var(--primary);
				line-height: 1.6;
				margin-bottom: 1.5rem;
			}
			.method-footer {
				border-top: 1px solid var(--border);
				padding-top: 1.25rem;
				font-family: var(--mono);
				font-size: 0.6rem;
				letter-spacing: 0.1em;
				text-transform: uppercase;
				color: var(--muted);
			}
			.other-note {
				margin-top: 1.5rem;
				padding: 1.5rem;
				border: 1px solid var(--border);
				background: var(--card);
				font-size: 0.875rem;
				color: var(--muted);
				line-height: 1.75;
			}
			.other-note strong {
				color: var(--fg);
				font-family: var(--serif);
			}
			.fold-grid {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 4rem;
				align-items: start;
			}
			@media (max-width: 900px) {
				.fold-grid {
					grid-template-columns: 1fr;
					gap: 2rem;
				}
			}
			.fold-list {
				list-style: none;
				border-top: 1px solid var(--border);
				border-bottom: 1px solid var(--border);
			}
			.fold-item {
				display: flex;
				gap: 1.25rem;
				padding: 1.25rem 0.5rem;
				border-bottom: 1px solid var(--border);
				cursor: pointer;
				transition: background 0.15s;
			}
			.fold-item:last-child {
				border-bottom: none;
			}
			.fold-item:hover {
				background: rgba(201, 146, 42, 0.04);
			}
			.fold-item.active {
				background: rgba(201, 146, 42, 0.05);
			}
			.fold-num {
				font-family: var(--mono);
				font-size: 1.4rem;
				font-weight: 500;
				color: rgba(201, 146, 42, 0.3);
				flex-shrink: 0;
				line-height: 1.2;
				padding-top: 0.1rem;
				transition: color 0.2s;
				min-width: 2rem;
			}
			.fold-item.active .fold-num {
				color: var(--primary);
			}
			.fold-text {
				font-size: 0.875rem;
				color: var(--muted);
				line-height: 1.75;
				transition: color 0.2s;
			}
			.fold-item.active .fold-text {
				color: var(--fg);
			}
			.fold-viewer {
				position: sticky;
				top: 5.5rem;
			}
			.fold-viewer-box {
				border: 1px solid var(--border);
				background: var(--bg);
			}
			.fold-viewer-header {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 1.25rem 1.5rem 0.75rem;
			}
			.fold-step-label {
				font-family: var(--mono);
				font-size: 0.6rem;
				letter-spacing: 0.2em;
				text-transform: uppercase;
				color: var(--primary);
			}
			.fold-dots {
				display: flex;
				gap: 0.25rem;
			}
			.fold-dot {
				width: 0.5rem;
				height: 0.5rem;
				border-radius: 50%;
				background: var(--border);
				border: none;
				cursor: pointer;
				transition: background 0.2s;
				padding: 0;
			}
			.fold-dot.active {
				background: var(--primary);
			}
			.fold-svg-wrap {
				padding: 0 1.5rem 1.5rem;
			}
			.fold-diagram {
				display: none;
			}
			.fold-diagram.active {
				display: block;
			}
			.diagram-svg {
				display: block;
				width: 100%;
				height: auto;
			}
			.fold-nav {
				display: flex;
				border-top: 1px solid var(--border);
			}
			.fold-nav-btn {
				flex: 1;
				padding: 0.75rem;
				background: none;
				border: none;
				font-family: var(--mono);
				font-size: 0.6rem;
				letter-spacing: 0.2em;
				text-transform: uppercase;
				color: var(--muted);
				cursor: pointer;
				transition:
					color 0.2s,
					background 0.2s;
			}
			.fold-nav-btn:hover:not(:disabled) {
				color: var(--primary);
				background: rgba(201, 146, 42, 0.05);
			}
			.fold-nav-btn:disabled {
				opacity: 0.3;
				cursor: not-allowed;
			}
			.fold-nav-btn.left {
				border-right: 1px solid var(--border);
			}
			.fold-burn-note {
				margin-top: 1.5rem;
				border: 1px solid rgba(201, 146, 42, 0.2);
				background: rgba(201, 146, 42, 0.05);
				padding: 1.25rem;
				display: none;
			}
			.fold-burn-note.visible {
				display: block;
			}
			.fold-burn-note strong {
				font-family: var(--serif);
				font-size: 0.9rem;
				color: var(--fg);
				display: block;
				margin-bottom: 0.5rem;
			}
			.fold-burn-note p {
				font-size: 0.75rem;
				color: var(--muted);
				line-height: 1.75;
			}
			.org-grid {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 1.5rem;
			}
			@media (max-width: 700px) {
				.org-grid {
					grid-template-columns: 1fr;
				}
			}
			.org-card {
				border: 1px solid var(--border);
				padding: 2rem;
				display: flex;
				align-items: center;
				gap: 1.25rem;
				transition:
					border-color 0.2s,
					background 0.2s;
			}
			.org-card:hover {
				border-color: rgba(201, 146, 42, 0.5);
				background: var(--card);
			}
			.org-star {
				color: var(--primary);
				font-size: 1.4rem;
				flex-shrink: 0;
			}
			.org-name {
				font-family: var(--serif);
				font-size: 1.1rem;
				font-weight: 600;
				color: var(--fg);
				transition: color 0.2s;
			}
			.org-card:hover .org-name {
				color: var(--primary);
			}
			.org-note {
				margin-top: 2rem;
				padding: 1.75rem;
				border: 1px solid var(--border);
				background: var(--card);
				font-size: 0.875rem;
				color: var(--muted);
				line-height: 1.75;
			}
			.org-note strong {
				color: var(--fg);
			}
			.bsa-grid {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 4rem;
				align-items: center;
			}
			@media (max-width: 900px) {
				.bsa-grid {
					grid-template-columns: 1fr;
					gap: 2.5rem;
				}
			}
			.bsa-text h2 {
				font-family: var(--serif);
				font-size: 2.25rem;
				font-weight: 700;
				line-height: 1.2;
				color: var(--fg);
				margin-bottom: 1.5rem;
			}
			.bsa-text p {
				font-size: 1rem;
				color: var(--muted);
				line-height: 1.75;
				margin-bottom: 1.5rem;
			}
			.bsa-text em {
				font-style: italic;
				color: var(--fg);
			}
			.cut-box {
				border: 1px solid var(--border);
				padding: 2rem;
				background: var(--bg);
			}
			.cut-box-header {
				display: flex;
				align-items: center;
				gap: 0.5rem;
				margin-bottom: 1.25rem;
			}
			.code-grid {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 2.5rem;
			}
			@media (max-width: 900px) {
				.code-grid {
					grid-template-columns: 1fr;
				}
			}
			.code-quote {
				border: 1px solid rgba(201, 146, 42, 0.3);
				background: rgba(201, 146, 42, 0.05);
				padding: 2.5rem;
			}
			.code-quote-icon {
				color: var(--primary);
				font-size: 1.5rem;
				margin-bottom: 1.5rem;
			}
			.code-quote blockquote {
				font-family: var(--serif);
				font-size: 1.2rem;
				font-style: italic;
				line-height: 1.7;
				color: var(--fg);
				margin-bottom: 1.5rem;
			}
			.code-quote cite {
				font-family: var(--mono);
				font-size: 0.6rem;
				letter-spacing: 0.2em;
				text-transform: uppercase;
				color: var(--primary);
				font-style: normal;
			}
			.info-cards {
				display: flex;
				flex-direction: column;
				gap: 1.5rem;
			}
			.info-card {
				border: 1px solid var(--border);
				padding: 2rem;
				background: var(--card);
			}
			.info-card h3 {
				font-family: var(--serif);
				font-size: 1.1rem;
				font-weight: 600;
				color: var(--fg);
				margin-bottom: 0.75rem;
			}
			.info-card p {
				font-size: 0.875rem;
				color: var(--muted);
				line-height: 1.75;
			}
			.faq-list {
				border-top: 1px solid var(--border);
			}
			.faq-item {
				border-bottom: 1px solid var(--border);
			}
			.faq-btn {
				width: 100%;
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				gap: 1rem;
				padding: 1.25rem 0;
				background: none;
				border: none;
				cursor: pointer;
				text-align: left;
			}
			.faq-q {
				font-family: var(--serif);
				font-size: 1rem;
				font-weight: 600;
				color: var(--fg);
				line-height: 1.4;
				transition: color 0.2s;
			}
			.faq-btn:hover .faq-q {
				color: var(--primary);
			}
			.faq-chevron {
				flex-shrink: 0;
				color: var(--primary);
				transition: transform 0.3s;
				margin-top: 0.15rem;
				font-size: 0.75rem;
			}
			.faq-item.open .faq-chevron {
				transform: rotate(180deg);
			}
			.faq-body {
				overflow: hidden;
				max-height: 0;
				transition: max-height 0.3s ease;
			}
			.faq-item.open .faq-body {
				max-height: 20rem;
			}
			.faq-a {
				font-size: 0.875rem;
				color: var(--muted);
				line-height: 1.75;
				padding-bottom: 1.25rem;
			}
			footer {
				border-top: 1px solid var(--border);
				background: var(--bg);
				padding: 3.5rem 1.5rem;
			}
			.footer-inner {
				display: flex;
				flex-direction: column;
				gap: 2.5rem;
				max-width: 72rem;
				margin: 0 auto;
			}
			.footer-top {
				display: flex;
				flex-wrap: wrap;
				gap: 2.5rem;
				justify-content: space-between;
			}
			.footer-brand {
				max-width: 22rem;
			}
			.footer-brand-row {
				display: flex;
				align-items: center;
				gap: 0.6rem;
				margin-bottom: 0.75rem;
			}
			.footer-brand-row span:first-child {
				color: var(--primary);
			}
			.footer-brand-name {
				font-family: var(--serif);
				font-size: 0.8rem;
				font-weight: 600;
				letter-spacing: 0.08em;
				text-transform: uppercase;
				color: var(--fg);
			}
			.footer-about {
				font-size: 0.75rem;
				color: var(--muted);
				line-height: 1.7;
				margin-bottom: 1.25rem;
			}
			.footer-eagle {
				border: 1px solid var(--border);
				background: var(--card);
				padding: 1.25rem;
				font-family: var(--mono);
				font-size: 0.65rem;
				color: var(--muted);
				line-height: 1.7;
			}
			.footer-eagle strong {
				color: var(--fg);
				font-weight: 500;
			}
			.footer-links h4 {
				font-family: var(--mono);
				font-size: 0.6rem;
				letter-spacing: 0.2em;
				text-transform: uppercase;
				color: var(--muted);
				margin-bottom: 0.75rem;
			}
			.footer-links ul {
				list-style: none;
				display: flex;
				flex-direction: column;
				gap: 0.5rem;
			}
			.footer-links a {
				font-family: var(--mono);
				font-size: 0.65rem;
				color: var(--muted);
				text-decoration: none;
				transition: color 0.2s;
			}
			.footer-links a:hover {
				color: var(--primary);
			}
			.footer-bottom {
				border-top: 1px solid var(--border);
				padding-top: 1.5rem;
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				justify-content: space-between;
				gap: 1rem;
			}
			.footer-pledge {
				font-family: var(--serif);
				font-style: italic;
				font-size: 0.75rem;
				color: var(--muted);
			}
			.footer-flagday {
				font-family: var(--mono);
				font-size: 0.65rem;
				color: var(--muted);
			}