/* Canvas: CanvasFuel */

@layer custom {
:root {
	--cnvs-themecolor: #B7E01A;
	--cnvs-themecolor-rgb: 183, 224, 26;

	--cnvs-body-font: "Albert Sans", -apple-system, "Segoe UI", sans-serif;
	--cnvs-primary-font: "Schibsted Grotesk", "Albert Sans", sans-serif;
	--cnvs-secondary-font: "Schibsted Grotesk", "Albert Sans", sans-serif;

	--c-ground: #F7F6F2;
	--c-ground-2: #EDEBE4;
	--c-ink: #14161A;
	--c-muted: #5C6068;
	--c-accent: #B7E01A;
	--c-accent-ink: #14161A;
	--c-dark: #14161A;
	--c-dark-2: #1E2126;
	--c-line: rgba(20, 22, 26, .13);
	--c-line-dark: rgba(255, 255, 255, .16);
	--c-muted-dark: #A8ACB4;
	--c-paper: #FFFFFF;
	--c-paper-dim: rgba(255, 255, 255, .78);

	--space-1: 4px;
	--space-2: 8px;
	--space-3: 16px;
	--space-4: 24px;
	--space-5: 40px;
	--space-6: 64px;
	--space-7: 96px;
	--space-8: 140px;
	--band: 112px;
	--band-compact: 64px;
	--gutter: 24px;

	--fs-display: clamp(2.6rem, 6.4vw, 4.6rem);
	--fs-h1: clamp(2.1rem, 4.4vw, 3.2rem);
	--fs-h2: clamp(1.7rem, 3.2vw, 2.4rem);
	--fs-h3: 1.25rem;
	--fs-lead: 1.125rem;
	--fs-body: 1rem;
	--fs-small: 0.875rem;
	--fs-label: 0.75rem;

	--radius-s: 6px;
	--radius-m: 10px;
	--radius-pill: 999px;

	--ease-out: cubic-bezier(0.23, 1, 0.32, 1);
	--ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);

	--cnvs-header-bg: #F7F6F2;
	--cnvs-header-sticky-bg: #F7F6F2;
	--cnvs-section-bg: #F7F6F2;
}

body {
	font-family: var(--cnvs-body-font);
	font-size: var(--fs-body);
	line-height: 1.65;
	color: var(--c-ink);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, .cf-h1, .cf-h2, .cf-h3 {
	font-family: var(--cnvs-primary-font);
	color: var(--c-ink);
	letter-spacing: -0.025em;
	line-height: 1.08;
	text-wrap: balance;
}

.cf-h1 { font-size: var(--fs-h1); font-weight: 700; margin: 0 0 var(--space-4); }
.cf-h2 { font-size: var(--fs-h2); font-weight: 700; margin: 0 0 var(--space-4); }
.cf-h3 { font-size: var(--fs-h3); font-weight: 700; margin: 0 0 var(--space-3); }
.cf-on-dark { color: var(--c-paper) !important; }

.cf-lead {
	font-size: var(--fs-lead);
	line-height: 1.6;
	color: var(--c-muted);
	max-width: 56ch;
	margin: 0;
}

.cf-head { margin-bottom: var(--space-7); }
.cf-head .cf-lead { margin-top: 0; }

a { color: var(--c-ink); text-decoration-color: rgba(var(--cnvs-themecolor-rgb), .9); text-underline-offset: 4px; transition: text-decoration-color 200ms var(--ease-out), color 200ms var(--ease-out); }
a:hover { color: var(--c-ink); text-decoration-color: var(--cnvs-themecolor); }

:focus-visible { outline: 2px solid var(--cnvs-themecolor); outline-offset: 3px; }

.cf-btn-primary, .cf-btn-ghost, .cf-btn-dark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0.7rem 1.6rem;
	border-radius: var(--radius-pill);
	font-family: var(--cnvs-body-font);
	font-size: var(--fs-body);
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	border: 1px solid transparent;
	cursor: pointer;
	transition: transform 160ms var(--ease-out), background-color 200ms var(--ease-out), color 200ms var(--ease-out), border-color 200ms var(--ease-out);
}

.cf-btn-primary {
	background-color: var(--cnvs-themecolor);
	color: var(--c-accent-ink);
}
.cf-btn-ghost {
	background-color: transparent;
	border-color: var(--c-line);
	color: var(--c-ink);
}
.cf-btn-dark {
	background-color: var(--c-ink);
	color: var(--c-paper);
}

.cf-btn-primary:hover { background-color: #A9D012; color: var(--c-accent-ink); }
.cf-btn-ghost:hover { border-color: var(--c-ink); color: var(--c-ink); background-color: transparent; }
.cf-btn-dark:hover { background-color: #000; color: var(--c-paper); }

.cf-btn-primary:active, .cf-btn-ghost:active, .cf-btn-dark:active { transform: scale(.97); }

.cf-btn-lg { min-height: 54px; padding: 0.85rem 2rem; font-size: 1.0625rem; }
.cf-btn-block { display: flex; width: 100%; }
.cf-btn-header { min-height: 42px; padding: 0.45rem 1.25rem; font-size: 0.9375rem; }

#header { --cnvs-header-bg: #F7F6F2; }
#header-wrap { border-bottom: 1px solid var(--c-line); }
#header.dark #header-wrap { border-bottom-color: var(--c-line-dark); }

@media (min-width: 992px) {
	.is-expanded-menu #header .header-row {
		align-items: center;
		justify-content: space-between;
		flex-wrap: nowrap;
		gap: var(--space-5);
		padding-top: var(--space-3);
		padding-bottom: var(--space-3);
	}
	.is-expanded-menu #header .header-misc { order: 3; margin-left: auto; }
	.is-expanded-menu #header nav.primary-menu { order: 2; }
	.is-expanded-menu #header .primary-menu-trigger { display: none; }
	.is-expanded-menu #header .menu-container { flex-direction: row; align-items: center; gap: var(--space-5); }
	.is-expanded-menu #header .cnvs-menu-link { padding: var(--space-2) 0; font-size: 0.9375rem; font-weight: 500; }
	.is-expanded-menu #header .cnvs-menu-link > div { position: relative; }
	.is-expanded-menu #header .cnvs-menu-link > div::after {
		content: "";
		position: absolute;
		left: 0; right: 0; bottom: -6px;
		height: 2px;
		background: var(--cnvs-themecolor);
		transform: scaleX(0);
		transform-origin: left;
		transition: transform 200ms var(--ease-out);
	}
	.is-expanded-menu #header .cnvs-menu-item:hover > .cnvs-menu-link > div::after,
	.is-expanded-menu #header .cnvs-menu-item.current > .cnvs-menu-link > div::after { transform: scaleX(1); }
}

@media (max-width: 991px) {
	#header-wrap { background: var(--cnvs-header-bg); }
	#header.dark #header-wrap { background: var(--c-dark); }
	.cf-btn-header { display: none; }
}
@media (max-width: 575px) {
	.cf-btn-header { display: none; }
}

.cf-hero {
	position: relative;
	background: var(--c-dark);
	overflow: hidden;
}
.cf-hero-photo {
	position: absolute;
	inset: 0;
	background-image: url("images/meal-prep-01.webp");
	background-size: cover;
	background-position: center 58%;
}
.cf-hero-scrim {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(to bottom, rgba(20, 22, 26, .80) 0, rgba(20, 22, 26, 0) 220px),
		linear-gradient(to right, rgba(20, 22, 26, .82) 0%, rgba(20, 22, 26, .62) 38%, rgba(20, 22, 26, .22) 70%, rgba(20, 22, 26, .30) 100%);
}
.cf-hero-inner {
	position: relative;
	z-index: 2;
	padding-top: var(--space-8);
	padding-bottom: var(--band);
}
.cf-hero-title {
	font-size: var(--fs-display);
	font-weight: 700;
	color: var(--c-paper);
	margin: 0 0 var(--space-5);
	max-width: 14ch;
	letter-spacing: -0.03em;
}
.cf-hero-lead {
	font-size: var(--fs-lead);
	line-height: 1.6;
	color: var(--c-paper-dim);
	max-width: 44ch;
	margin: 0 0 var(--space-5);
}
.cf-hero-stamp {
	font-size: var(--fs-small);
	color: var(--c-paper-dim);
	margin: var(--space-5) 0 0;
	padding-top: var(--space-3);
	border-top: 1px solid var(--c-line-dark);
	max-width: 40ch;
}

@media (min-width: 992px) {
	.is-expanded-menu .cf-hero-inner { padding-top: calc(var(--cnvs-header-height, 90px) + var(--space-8)); }
}
@media (max-width: 991px) {
	.cf-hero-photo { position: relative; height: 58vh; min-height: 320px; }
	.cf-hero-scrim { bottom: auto; height: 58vh; min-height: 320px; background: linear-gradient(to bottom, rgba(20,22,26,.72) 0, rgba(20,22,26,.12) 60%, rgba(20,22,26,.45) 100%); }
	.cf-hero-inner { padding-top: var(--space-6); padding-bottom: var(--band-compact); }
	.cf-hero-title { font-size: clamp(2.2rem, 9vw, 2.6rem); }
	.cf-hero-lead { color: var(--c-muted); }
	.cf-hero-stamp { color: var(--c-muted); border-top-color: var(--c-line); }
}

.cf-proof { background: var(--c-ground); padding: var(--band-compact) 0; }
.cf-proof-row { margin: 0; }
.cf-proof-col { border-top: 1px solid var(--c-line); padding-top: var(--space-4); }
.cf-figure {
	font-family: var(--cnvs-primary-font);
	font-size: var(--fs-h1);
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1;
	color: var(--c-ink);
	margin: 0 0 var(--space-2);
	font-variant-numeric: tabular-nums;
}
.cf-figure-label { font-size: var(--fs-small); color: var(--c-muted); margin: 0; max-width: 28ch; }
.cf-proof-source { font-size: var(--fs-small); color: var(--c-muted); margin: var(--space-5) 0 0; max-width: 70ch; }

.cf-plans { background: var(--c-ground-2); padding: var(--band) 0; }
.cf-plan-row { margin-bottom: var(--space-7); }
.cf-plan {
	background: var(--c-ground);
	border: 1px solid var(--c-line);
	border-radius: var(--radius-m);
	padding: var(--space-5);
	height: 100%;
	display: flex;
	flex-direction: column;
}
.cf-plan-raised { margin-top: -32px; }
.cf-plan-featured {
	background: var(--c-dark);
	border-color: var(--c-dark);
	color: var(--c-paper);
}
.cf-plan-featured .cf-plan-name, .cf-plan-featured .cf-plan-price, .cf-plan-featured .cf-plan-protein { color: var(--c-paper); }
.cf-plan-featured .cf-plan-desc, .cf-plan-featured .cf-plan-list li { color: var(--c-paper-dim); }
.cf-plan-tag {
	display: inline-block;
	background: var(--cnvs-themecolor);
	color: var(--c-accent-ink);
	font-size: var(--fs-label);
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 5px 12px;
	border-radius: var(--radius-pill);
	margin-bottom: var(--space-4);
}
.cf-plan-name { font-size: var(--fs-h2); font-weight: 700; margin: 0 0 var(--space-3); }
.cf-plan-desc { font-size: var(--fs-body); color: var(--c-muted); margin: 0 0 var(--space-4); }
.cf-plan-price {
	font-family: var(--cnvs-primary-font);
	font-size: var(--fs-h2);
	font-weight: 700;
	letter-spacing: -0.02em;
	margin: 0;
	font-variant-numeric: tabular-nums;
}
.cf-plan-from { font-family: var(--cnvs-body-font); font-size: var(--fs-small); font-weight: 500; color: var(--c-muted); letter-spacing: 0; }
.cf-plan-per { font-family: var(--cnvs-body-font); font-size: var(--fs-small); font-weight: 500; color: var(--c-muted); letter-spacing: 0; }
.cf-plan-protein { font-size: var(--fs-small); color: var(--c-muted); margin: var(--space-1) 0 var(--space-4); font-weight: 600; }
.cf-plan-list { list-style: none; padding: 0; margin: 0 0 var(--space-5); flex: 1; }
.cf-plan-list li { font-size: var(--fs-body); color: var(--c-ink); padding: var(--space-2) 0; border-bottom: 1px solid var(--c-line); display: flex; gap: var(--space-3); align-items: flex-start; line-height: 1.5; }
.cf-plan-list li:last-child { border-bottom: 0; }
.cf-plan-list i { color: var(--cnvs-themecolor); font-size: 1.05rem; line-height: 1.5; }
.cf-plan-featured .cf-plan-list li { border-bottom-color: var(--c-line-dark); }
.cf-plan-featured .cf-btn-primary { margin-top: var(--space-2); }

.cf-estimate {
	background: var(--c-ground);
	border: 1px solid var(--c-line);
	border-radius: var(--radius-m);
	padding: var(--space-6);
}
.cf-estimate-title { font-size: var(--fs-h2); font-weight: 700; margin: 0 0 var(--space-3); }
.cf-estimate-note { font-size: var(--fs-body); color: var(--c-muted); margin: 0 0 var(--space-6); max-width: 44ch; }
.cf-control { margin-bottom: var(--space-5); }
.cf-control-label {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	font-size: var(--fs-label);
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--c-muted);
	margin-bottom: var(--space-3);
}
.cf-control-val { font-family: var(--cnvs-primary-font); font-size: 1.25rem; font-weight: 700; letter-spacing: -0.02em; color: var(--c-ink); text-transform: none; font-variant-numeric: tabular-nums; }
.cf-range { width: 100%; height: 44px; background: transparent; accent-color: var(--cnvs-themecolor); }
.cf-range-scale { display: flex; justify-content: space-between; font-size: var(--fs-small); color: var(--c-muted); margin-top: var(--space-1); }
.cf-radios { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.cf-radio { position: relative; }
.cf-radio input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.cf-radio span {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0.5rem 1.1rem;
	border: 1px solid var(--c-line);
	border-radius: var(--radius-pill);
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--c-ink);
	cursor: pointer;
	transition: border-color 200ms var(--ease-out), background-color 200ms var(--ease-out);
}
.cf-radio input:checked + span { border-color: var(--cnvs-themecolor); background: rgba(var(--cnvs-themecolor-rgb), .16); }
.cf-radio input:focus-visible + span { outline: 2px solid var(--cnvs-themecolor); outline-offset: 3px; }
.cf-select {
	width: 100%;
	min-height: 48px;
	padding: 0.6rem 2.4rem 0.6rem 1rem;
	font-family: var(--cnvs-body-font);
	font-size: var(--fs-body);
	color: var(--c-ink);
	background-color: var(--c-ground);
	border: 1px solid var(--c-line);
	border-radius: var(--radius-s);
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235C6068' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 1rem center;
}
.cf-select:focus-visible { outline: 2px solid var(--cnvs-themecolor); outline-offset: 2px; }

.cf-estimate-result {
	background: var(--c-dark);
	border-radius: var(--radius-m);
	padding: var(--space-6);
	color: var(--c-paper);
}
.cf-estimate-label { font-size: var(--fs-label); font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--c-muted-dark); margin: 0 0 var(--space-2); }
.cf-estimate-total {
	font-family: var(--cnvs-primary-font);
	font-size: var(--fs-display);
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1;
	color: var(--cnvs-themecolor);
	margin: 0 0 var(--space-3);
	font-variant-numeric: tabular-nums;
}
.cf-estimate-per { font-size: var(--fs-body); color: var(--c-paper-dim); margin: 0 0 var(--space-5); }
.cf-estimate-per span { color: var(--c-paper); font-weight: 700; }
.cf-estimate-figures { display: flex; flex-wrap: wrap; gap: var(--space-5); padding: var(--space-4) 0; border-top: 1px solid var(--c-line-dark); border-bottom: 1px solid var(--c-line-dark); margin-bottom: var(--space-5); }
.cf-estimate-fig { display: flex; flex-direction: column; gap: 2px; }
.cf-estimate-fig-n { font-family: var(--cnvs-primary-font); font-size: 1.75rem; font-weight: 700; letter-spacing: -0.02em; color: var(--c-paper); font-variant-numeric: tabular-nums; }
.cf-estimate-fig-l { font-size: var(--fs-small); color: var(--c-muted-dark); }
.cf-estimate-fine { font-size: var(--fs-small); color: var(--c-muted-dark); margin: var(--space-4) 0 0; max-width: 52ch; }

@media (max-width: 991px) {
	.cf-estimate { padding: var(--space-5); }
	.cf-estimate-result { padding: var(--space-5); }
}

.cf-docket { background: var(--c-ground); padding: var(--band) 0; }
.cf-filters { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; margin-bottom: var(--space-5); }
.cf-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.cf-chip {
	min-height: 44px;
	padding: 0.45rem 1.15rem;
	border: 1px solid var(--c-line);
	border-radius: var(--radius-pill);
	background: transparent;
	font-family: var(--cnvs-body-font);
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--c-ink);
	cursor: pointer;
	transition: background-color 200ms var(--ease-out), border-color 200ms var(--ease-out), color 200ms var(--ease-out);
}
.cf-chip:hover { border-color: var(--c-ink); }
.cf-chip.is-active { background: var(--cnvs-themecolor); border-color: var(--cnvs-themecolor); color: var(--c-accent-ink); }
.cf-filter-count { font-size: var(--fs-small); color: var(--c-muted); margin: 0; font-variant-numeric: tabular-nums; }

.cf-weekrail { list-style: none; padding: 0; margin: 0; position: sticky; top: 120px; }
.cf-weekrail-item {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: var(--space-3);
	padding: var(--space-3) 0 var(--space-3) var(--space-3);
	border-bottom: 1px solid var(--c-line);
	border-left: 3px solid transparent;
}
.cf-weekrail-item.is-current { border-left-color: var(--cnvs-themecolor); }
.cf-weekrail-day { font-size: var(--fs-body); font-weight: 600; color: var(--c-ink); }
.cf-weekrail-n { font-size: var(--fs-small); color: var(--c-muted); font-variant-numeric: tabular-nums; }

.cf-docket-list { border-top: 1px solid var(--c-line); }
.cf-docket-row {
	display: grid;
	grid-template-columns: 96px 1fr 110px 110px 120px;
	align-items: center;
	gap: var(--space-4);
	padding: var(--space-3) 0;
	border-bottom: 1px solid var(--c-line);
}
.cf-docket-photo { position: relative; width: 96px; height: 96px; overflow: hidden; border-radius: var(--radius-s); background: var(--c-ground-2); }
.cf-docket-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 300ms var(--ease-out); }
.cf-docket-row:hover .cf-docket-photo img { transform: scale(1.04); }
.cf-docket-name { font-size: var(--fs-h3); font-weight: 700; margin: 0 0 2px; letter-spacing: -0.02em; }
.cf-docket-row:hover .cf-docket-name { text-decoration: underline; text-decoration-color: var(--cnvs-themecolor); text-underline-offset: 4px; }
.cf-docket-desc { font-size: var(--fs-small); color: var(--c-muted); margin: 0; }
.cf-docket-fig { text-align: right; display: flex; flex-direction: column; }
.cf-docket-fig-n { font-family: var(--cnvs-primary-font); font-size: 1.0625rem; font-weight: 700; color: var(--c-ink); font-variant-numeric: tabular-nums; }
.cf-docket-fig-l { font-size: var(--fs-label); letter-spacing: .1em; text-transform: uppercase; color: var(--c-muted); }
.cf-docket-protein .cf-docket-fig-n { color: var(--c-ink); }
.cf-docket-price .cf-docket-fig-n { color: var(--c-ink); }
.cf-docket-note { font-size: var(--fs-small); color: var(--c-muted); margin: var(--space-4) 0 0; }

@media (max-width: 991px) {
	.cf-weekrail { position: static; display: flex; gap: var(--space-4); overflow-x: auto; padding-bottom: var(--space-2); margin-bottom: var(--space-4); }
	.cf-weekrail-item { border-left: 0; border-bottom: 2px solid var(--c-line); padding: var(--space-2) 0; flex-direction: column; gap: 2px; white-space: nowrap; }
	.cf-weekrail-item.is-current { border-bottom-color: var(--cnvs-themecolor); }
}
@media (max-width: 767px) {
	.cf-docket-row { grid-template-columns: 64px 1fr auto; grid-template-areas: "photo main price" "photo main protein"; gap: var(--space-3); }
	.cf-docket-photo { grid-area: photo; width: 64px; height: 64px; align-self: start; }
	.cf-docket-main { grid-area: main; }
	.cf-docket-desc { display: none; }
	.cf-docket-fig:nth-of-type(2) { display: none; }
	.cf-docket-protein { grid-area: protein; }
	.cf-docket-price { grid-area: price; }
}

.cf-nutrition { background: var(--c-dark); padding: var(--band) 0; }
.cf-nutrition .cf-lead { color: var(--c-muted-dark); margin: 0 0 var(--space-7); }
.cf-macros { border-top: 1px solid var(--c-line-dark); margin-bottom: var(--space-6); }
.cf-macro {
	position: relative;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: baseline;
	gap: var(--space-3);
	padding: var(--space-4) 0;
	border-bottom: 1px solid var(--c-line-dark);
}
.cf-macro-label { font-size: var(--fs-body); font-weight: 600; color: var(--c-paper); }
.cf-macro-n {
	font-family: var(--cnvs-primary-font);
	font-size: 1.75rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--cnvs-themecolor);
	font-variant-numeric: tabular-nums;
}
.cf-macro-note {
	grid-column: 1 / -1;
	font-size: var(--fs-small);
	color: var(--c-muted-dark);
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity 250ms var(--ease-out), max-height 250ms var(--ease-out), margin-top 250ms var(--ease-out);
}
.cf-macro:hover .cf-macro-note, .cf-macro:focus-within .cf-macro-note { opacity: 1; max-height: 80px; margin-top: var(--space-2); }

.cf-tagrow { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.cf-tag {
	border: 1px solid var(--c-line-dark);
	border-radius: var(--radius-pill);
	padding: 5px 14px;
	font-size: var(--fs-small);
	color: var(--c-paper-dim);
}
.cf-chef { margin: 0; }
.cf-chef img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--radius-m); }
.cf-chef figcaption { font-size: var(--fs-small); color: var(--c-muted-dark); margin-top: var(--space-3); }

.cf-plates { background: var(--c-ground-2); padding: var(--band) 0; }
.cf-bento { margin-bottom: 0; }
.cf-bento-photo { margin: 0; position: relative; overflow: hidden; border-radius: var(--radius-m); background: var(--c-ground); min-height: 320px; }
.cf-bento-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cf-bento-photo figcaption {
	position: absolute;
	left: 0; right: 0; bottom: 0;
	background: linear-gradient(to top, rgba(20,22,26,.88), rgba(20,22,26,0));
	color: var(--c-paper);
	font-size: var(--fs-small);
	padding: var(--space-6) var(--space-4) var(--space-4);
}
.cf-bento-tiles { height: 100%; }
.cf-tile {
	background: var(--c-ground);
	border: 1px solid var(--c-line);
	border-radius: var(--radius-m);
	padding: var(--space-4);
	height: 100%;
}
.cf-tile-name { font-size: var(--fs-h3); font-weight: 700; margin: 0 0 var(--space-2); }
.cf-tile-text { font-size: var(--fs-small); color: var(--c-muted); margin: 0 0 var(--space-3); }
.cf-tile-metric { font-family: var(--cnvs-primary-font); font-size: 1.375rem; font-weight: 700; letter-spacing: -0.02em; color: var(--c-ink); margin: 0; font-variant-numeric: tabular-nums; }

.cf-swap {
	background: var(--cnvs-themecolor);
	border-radius: var(--radius-m);
	padding: var(--space-5);
	height: 100%;
	color: var(--c-accent-ink);
}
.cf-swap-name { font-size: var(--fs-h2); font-weight: 700; color: var(--c-accent-ink); margin: 0 0 var(--space-3); }
.cf-swap-text { font-size: var(--fs-body); color: var(--c-accent-ink); margin: 0 0 var(--space-4); max-width: 46ch; }
.cf-swap-link { color: var(--c-accent-ink); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }

.cf-tabs { background: var(--c-ground); border: 1px solid var(--c-line); border-radius: var(--radius-m); padding: var(--space-5); height: 100%; }
.cf-tabs-list { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-4); }
.cf-tab {
	min-height: 40px;
	padding: 0.35rem 1rem;
	border: 1px solid var(--c-line);
	border-radius: var(--radius-pill);
	background: transparent;
	font-family: var(--cnvs-body-font);
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--c-ink);
	cursor: pointer;
	transition: background-color 200ms var(--ease-out), border-color 200ms var(--ease-out), color 200ms var(--ease-out);
}
.cf-tab:hover { border-color: var(--c-ink); }
.cf-tab.is-active { background: var(--cnvs-themecolor); border-color: var(--cnvs-themecolor); color: var(--c-accent-ink); }
.cf-tab-panel { display: none; }
.cf-tab-panel.is-active { display: block; animation: cf-fade 300ms var(--ease-out); }
.cf-tab-lead { font-size: var(--fs-body); color: var(--c-ink); margin: 0 0 var(--space-4); max-width: 52ch; }
.cf-tab-list { list-style: none; padding: 0; margin: 0; }
.cf-tab-list li { font-size: var(--fs-small); color: var(--c-muted); padding: var(--space-2) 0; border-bottom: 1px solid var(--c-line); }
.cf-tab-list li:last-child { border-bottom: 0; }

@keyframes cf-fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.cf-delivery { background: var(--c-ground); padding: var(--band) 0; }
.cf-detail-list { list-style: none; padding: 0; margin: var(--space-5) 0; }
.cf-detail-list li { font-size: var(--fs-body); color: var(--c-ink); padding: var(--space-3) 0; border-bottom: 1px solid var(--c-line); }
.cf-detail-list li:first-child { border-top: 1px solid var(--c-line); }
.cf-boxphoto { margin: 0; border-radius: var(--radius-m); overflow: hidden; background: var(--c-ground-2); }
.cf-boxphoto img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.cf-ladder { display: flex; flex-direction: column; gap: var(--space-4); }
.cf-ladder-panel {
	background: var(--c-ground);
	border: 1px solid var(--c-line);
	border-left: 3px solid var(--c-line);
	border-radius: var(--radius-s);
	padding: var(--space-3) var(--space-4);
	margin-left: 28px;
}
.cf-ladder-panel.is-default { border-left-color: var(--cnvs-themecolor); }
.cf-ladder-day { display: block; font-family: var(--cnvs-primary-font); font-size: 1.375rem; font-weight: 700; letter-spacing: -0.02em; color: var(--c-ink); }
.cf-ladder-meta { display: block; font-size: var(--fs-small); color: var(--c-muted); margin-top: 2px; }
@media (max-width: 991px) { .cf-ladder-panel { margin-left: 0; } }

.cf-ordering { background: var(--c-dark); padding: var(--band) 0; }
.cf-steps-list { display: flex; flex-wrap: wrap; gap: var(--space-5); border-bottom: 1px solid var(--c-line-dark); margin-bottom: var(--space-6); }
.cf-step-tab {
	background: transparent;
	border: 0;
	border-bottom: 3px solid transparent;
	padding: 0 0 var(--space-3);
	font-family: var(--cnvs-body-font);
	font-size: var(--fs-body);
	font-weight: 600;
	color: var(--c-muted-dark);
	cursor: pointer;
	transition: color 200ms var(--ease-out), border-color 200ms var(--ease-out);
}
.cf-step-tab:hover { color: var(--c-paper); }
.cf-step-tab.is-active { color: var(--c-paper); border-bottom-color: var(--cnvs-themecolor); }
.cf-step-panel { display: none; }
.cf-step-panel.is-active { display: block; animation: cf-fade 300ms var(--ease-out); }
.cf-step-index {
	font-family: var(--cnvs-primary-font);
	font-size: var(--fs-label);
	font-weight: 700;
	letter-spacing: .14em;
	color: var(--cnvs-themecolor);
	margin: 0 0 var(--space-3);
	font-variant-numeric: tabular-nums;
}
.cf-step-title { font-size: var(--fs-h2); font-weight: 700; color: var(--c-paper); margin: 0 0 var(--space-3); }
.cf-step-text { font-size: var(--fs-body); color: var(--c-muted-dark); margin: 0; max-width: 44ch; }
.cf-step-photo { margin: 0; border-radius: var(--radius-m); overflow: hidden; background: var(--c-dark-2); }
.cf-step-photo img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }

.cf-faq-row { margin-top: var(--space-8); }
.cf-faq { margin-top: var(--space-5); }
.cf-faq .toggle-header { padding: var(--space-3) 0; border-bottom: 1px solid var(--c-line-dark); }
.cf-faq .toggle-title { font-family: var(--cnvs-primary-font); font-size: 1.125rem; font-weight: 700; color: var(--c-paper); letter-spacing: -0.02em; }
.cf-faq .toggle-content { font-size: var(--fs-body); color: var(--c-muted-dark); padding: var(--space-3) 0 var(--space-4); border-bottom: 1px solid var(--c-line-dark); max-width: 68ch; }
.cf-faq .toggle-icon i { color: var(--cnvs-themecolor); }
.cf-sidenote { border: 1px solid var(--c-line-dark); border-radius: var(--radius-m); padding: var(--space-5); }
.cf-sidenote i { font-size: 1.75rem; color: var(--cnvs-themecolor); display: block; margin-bottom: var(--space-3); }
.cf-sidenote p { font-size: var(--fs-body); color: var(--c-paper-dim); margin: 0; }

.cf-close { background: var(--cnvs-themecolor); padding: var(--band-compact) 0; }
.cf-close-title { font-size: var(--fs-display); font-weight: 700; letter-spacing: -0.03em; line-height: 1.02; color: var(--c-accent-ink); margin: 0 0 var(--space-4); max-width: 12ch; }
.cf-close-text { font-size: var(--fs-lead); color: var(--c-accent-ink); margin: 0; max-width: 46ch; }
.cf-close-action { text-align: left; }
.cf-close-fine { font-size: var(--fs-small); color: var(--c-accent-ink); margin: var(--space-3) 0 0; }
@media (min-width: 992px) { .cf-close-action { text-align: right; } }

#footer { --cnvs-footer-bg: #14161A; }
#footer .footer-widgets-wrap { padding-top: var(--band); padding-bottom: var(--space-6); }
#footer .footer-widget-title { font-family: var(--cnvs-primary-font); font-size: var(--fs-label); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--c-muted-dark); margin-bottom: var(--space-4); }
.cf-footer-brand { font-size: var(--fs-body); color: var(--c-paper-dim); margin: var(--space-4) 0; max-width: 38ch; }
.cf-footer-list { list-style: none; padding: 0; margin: 0; }
.cf-footer-list li { font-size: var(--fs-body); color: var(--c-muted-dark); padding: var(--space-2) 0; line-height: 1.55; }
#footer .footer-widgets-wrap a { color: var(--c-paper); text-decoration-color: rgba(var(--cnvs-themecolor-rgb), .8); }
#footer .footer-widgets-wrap a:hover { color: var(--cnvs-themecolor); }
.cf-footer-links li { border-bottom: 1px solid var(--c-line-dark); }
.cf-footer-social { display: flex; gap: var(--space-3); }
.cf-footer-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px; height: 40px;
	border: 1px solid var(--c-line-dark);
	border-radius: 50%;
	color: var(--c-paper);
	text-decoration: none;
	transition: border-color 200ms var(--ease-out), color 200ms var(--ease-out);
}
.cf-footer-social a:hover { border-color: var(--cnvs-themecolor); color: var(--cnvs-themecolor); }
.cf-footer-photos { margin-top: var(--space-6); }
.cf-footer-photos img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: var(--radius-s); }
#footer #copyrights { border-top: 1px solid var(--c-line-dark); }
#footer #copyrights .container { padding-top: var(--space-4); padding-bottom: var(--space-4); font-size: var(--fs-small); color: var(--c-muted-dark); }
#footer #copyrights a { color: var(--c-paper); text-decoration: underline; text-underline-offset: 3px; }
#footer #copyrights a:hover { color: var(--cnvs-themecolor); }

@media (max-width: 767px) {
	.cf-bento-photo { min-height: 240px; }
	.cf-steps-list { gap: var(--space-4); }
}

html body #plans > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > p:nth-of-type(2) > span:nth-of-type(1) { color: #7e8188; }
html body #plans > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > p:nth-of-type(2) > span:nth-of-type(2) { color: #7e8188; }

:where(img[width][height]){height:auto}

.content-wrap {
	padding-top: 0;
	padding-bottom: 0;
}

.section {
	margin-top: 0;
	margin-bottom: 0;
}

#copyrights a:not(.button) { text-decoration: underline !important; text-underline-offset: 0.2em; }
}