:root {
	--csl-gold: #efa92b;
	--csl-gold-deep: #d28a10;
	--csl-ink: #12110f;
	--csl-cream: #f8f2e6;
	--csl-paper: #fffdf8;
	--csl-muted: #746f65;
	--csl-line: rgba(18, 17, 15, .14);
	--csl-wrap: min(1180px, calc(100% - 48px));
}

.csl-landing-page .site-content > .col-full {
	margin: 0;
	max-width: none;
	padding: 0;
}

.csl-landing-page .content-area,
.csl-landing-page .site-main {
	float: none;
	margin: 0;
	width: 100%;
}

.csl-landing-page .widget-area { display: none; }
.csl-landing-page .storefront-breadcrumb { display: none; }
.csl-landing-page .site-header,
.csl-landing-page .storefront-handheld-footer-bar { display: none; }

.csl-site {
	background: var(--csl-paper);
	color: var(--csl-ink);
	font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	overflow: hidden;
}

.csl-site h1,
.csl-site h2,
.csl-site h3,
.csl-site p { color: inherit; }

.csl-wrap { margin: 0 auto; width: var(--csl-wrap); }

.csl-announcement {
	background: var(--csl-ink);
	color: rgba(255, 255, 255, .7);
	font-size: 11px;
	letter-spacing: .03em;
}

.csl-announcement__inner {
	align-items: center;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	min-height: 36px;
}

.csl-announcement__inner > a {
	color: rgba(255, 255, 255, .72);
	font-size: 10px;
	font-weight: 750;
	justify-self: start;
	text-decoration: none;
}

.csl-announcement__inner > a:hover { color: var(--csl-gold); }

.csl-announcement__notices {
	align-items: center;
	display: flex;
	gap: 34px;
	justify-content: center;
	white-space: nowrap;
}

.csl-announcement__notices strong { color: var(--csl-gold); }

.csl-nav {
	background: rgba(248, 242, 230, .96);
	border-bottom: 1px solid var(--csl-line);
	position: relative;
	z-index: 10;
}

.csl-nav__inner {
	align-items: center;
	display: grid;
	gap: 30px;
	grid-template-columns: auto 1fr auto;
	min-height: 78px;
}

.csl-brand {
	align-items: center;
	display: flex;
	gap: 14px;
	text-decoration: none !important;
}

.csl-brand strong {
	color: var(--csl-gold);
	font-size: 31px;
	font-weight: 900;
	letter-spacing: -.08em;
}

.csl-brand span {
	border-left: 1px solid var(--csl-line);
	color: var(--csl-muted);
	font-size: 11px;
	line-height: 1.35;
	padding-left: 14px;
}

.csl-nav__links {
	display: flex;
	gap: 30px;
	justify-content: center;
}

.csl-nav__links a,
.csl-nav__actions > a:not(.csl-pill) {
	font-size: 12px;
	font-weight: 750;
	text-decoration: none;
}

.csl-nav__links a:hover,
.csl-nav__actions > a:hover { color: var(--csl-gold-deep); }

.csl-nav__actions { align-items: center; display: flex; gap: 18px; }

.csl-pill {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	font-size: 12px;
	font-weight: 800;
	gap: 22px;
	justify-content: center;
	letter-spacing: .02em;
	padding: 14px 22px;
	text-decoration: none !important;
	transition: transform .2s ease, background .2s ease, color .2s ease;
}

.csl-pill:hover { transform: translateY(-2px); }
.csl-pill--gold { background: var(--csl-gold); color: var(--csl-ink) !important; }
.csl-pill--gold:hover { background: var(--csl-ink); color: white !important; }
.csl-pill--dark { background: var(--csl-ink); color: white !important; }
.csl-pill--dark:hover { background: var(--csl-gold); color: var(--csl-ink) !important; }

.csl-hero {
	background:
		radial-gradient(circle at 5% 48%, transparent 0 110px, rgba(210, 138, 16, .14) 111px 112px, transparent 113px),
		linear-gradient(135deg, #fbf5e9 0%, #f4ecdc 100%);
	min-height: 675px;
}

.csl-hero__grid {
	align-items: center;
	display: grid;
	gap: 80px;
	grid-template-columns: 1fr .95fr;
	min-height: 675px;
	padding: 80px 0;
}

.csl-kicker,
.csl-overline {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .16em;
	margin: 0 0 26px;
	text-transform: uppercase;
}

.csl-kicker { align-items: center; display: flex; gap: 12px; }
.csl-kicker span { background: var(--csl-gold); height: 2px; width: 28px; }

.csl-hero h1 {
	font-size: clamp(49px, 5.3vw, 74px);
	font-weight: 850;
	letter-spacing: -.065em;
	line-height: .98;
	margin: 0 0 30px;
}

.csl-hero h1 em { color: var(--csl-gold-deep); font-family: Georgia, serif; font-weight: 400; }

.csl-hero__intro {
	color: var(--csl-muted) !important;
	font-size: 16px;
	line-height: 1.75;
	margin: 0 0 30px;
	max-width: 610px;
}

.csl-hero__buttons { align-items: center; display: flex; flex-wrap: wrap; gap: 28px; }

.csl-inline-link {
	border-bottom: 1px solid currentColor;
	font-size: 12px;
	font-weight: 800;
	padding-bottom: 4px;
	text-decoration: none !important;
}

.csl-hero__assurance {
	border-top: 1px solid var(--csl-line);
	display: flex;
	gap: 26px;
	margin-top: 48px;
	padding-top: 22px;
}

.csl-hero__assurance span { color: var(--csl-muted); font-size: 10px; }
.csl-hero__assurance b { color: var(--csl-gold-deep); margin-right: 5px; }

.csl-hero__visual { min-height: 475px; position: relative; }
.csl-hero__visual::before {
	border: 1px solid rgba(18, 17, 15, .12);
	border-radius: 50%;
	content: "";
	height: 430px;
	position: absolute;
	right: -20px;
	top: 20px;
	width: 430px;
}

.csl-hero__label {
	background: var(--csl-ink);
	border-radius: 99px;
	color: white;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .14em;
	padding: 8px 13px;
	position: absolute;
	right: 5px;
	top: 55px;
	z-index: 4;
}

.csl-hero__card {
	filter: drop-shadow(0 25px 24px rgba(18, 17, 15, .17));
	height: auto;
	position: absolute;
	width: 390px;
}

.csl-hero__card--black { right: -15px; top: 50px; transform: rotate(7deg); }
.csl-hero__card--panda { bottom: 12px; left: -40px; transform: rotate(-8deg); z-index: 2; }

.csl-hero__price {
	align-items: center;
	background: var(--csl-gold);
	border: 5px solid var(--csl-cream);
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	height: 112px;
	justify-content: center;
	position: absolute;
	right: -25px;
	top: 310px;
	transform: rotate(-4deg);
	width: 112px;
	z-index: 5;
}

.csl-hero__price small,
.csl-hero__price span { font-size: 8px; font-weight: 750; text-transform: uppercase; }
.csl-hero__price strong { font-size: 21px; line-height: 1.1; }
.csl-hero__price .woocommerce-Price-currencySymbol { font-size: inherit; }

.csl-feature-strip { background: var(--csl-gold); color: var(--csl-ink); }
.csl-feature-strip .csl-wrap { align-items: center; display: flex; gap: 30px; justify-content: center; min-height: 64px; }
.csl-feature-strip span { font-size: 11px; font-weight: 750; }
.csl-feature-strip i { font-size: 8px; font-style: normal; }

.csl-section { padding: 110px 0; }
.csl-heading { max-width: 700px; }
.csl-heading--split { align-items: end; display: grid; gap: 80px; grid-template-columns: 1.15fr .85fr; max-width: none; }
.csl-heading h2 {
	font-size: clamp(42px, 5vw, 66px);
	font-weight: 840;
	letter-spacing: -.06em;
	line-height: .98;
	margin: 0;
}
.csl-heading > p:not(.csl-overline),
.csl-heading--split > p { color: var(--csl-muted); font-size: 14px; line-height: 1.7; margin: 0; }
.csl-overline { color: var(--csl-gold-deep) !important; margin-bottom: 20px; }

.csl-plan-grid { display: grid; gap: 24px; grid-template-columns: repeat(2, 1fr); margin-top: 55px; }
.csl-plan { border: 1px solid var(--csl-line); border-radius: 26px; overflow: hidden; }
.csl-plan__visual { background: #f2ead9; min-height: 320px; overflow: hidden; position: relative; }
.csl-plan--black .csl-plan__visual { background: #1a1916; }
.csl-plan__visual img { left: 50%; max-width: 560px; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(-4deg); width: 86%; }
.csl-plan--black .csl-plan__visual img { transform: translate(-50%, -50%) rotate(4deg); }
.csl-plan__index { color: var(--csl-gold-deep); font-size: 11px; font-weight: 850; left: 24px; letter-spacing: .15em; position: absolute; top: 22px; z-index: 2; }
.csl-plan--black .csl-plan__index { color: var(--csl-gold); }

.csl-plan__body { background: var(--csl-paper); padding: 38px; }
.csl-plan--black .csl-plan__body { background: var(--csl-ink); color: white; }
.csl-plan__eyebrow { color: var(--csl-gold-deep) !important; font-size: 10px; font-weight: 850; letter-spacing: .12em; margin: 0 0 12px; text-transform: uppercase; }
.csl-plan--black .csl-plan__eyebrow { color: var(--csl-gold) !important; }
.csl-plan h3 { font-size: 31px; font-weight: 820; letter-spacing: -.04em; line-height: 1.05; margin: 0 0 17px; }
.csl-plan__price { color: var(--csl-gold-deep); font-size: 29px; font-weight: 850; }
.csl-plan--black .csl-plan__price { color: var(--csl-gold); }
.csl-plan__price span { color: var(--csl-muted); font-size: 11px; font-weight: 600; margin-left: 7px; }
.csl-plan__body ul { border-bottom: 1px solid var(--csl-line); border-top: 1px solid var(--csl-line); list-style: none; margin: 28px 0 22px; padding: 16px 0; }
.csl-plan--black .csl-plan__body ul { border-color: rgba(255, 255, 255, .16); }
.csl-plan__body li { align-items: center; display: grid; gap: 18px; grid-template-columns: 100px 1fr; padding: 9px 0; }
.csl-plan__body li strong { font-size: 13px; }
.csl-plan__body li span { color: var(--csl-muted); font-size: 12px; line-height: 1.45; }
.csl-plan--black .csl-plan__body li span { color: rgba(255, 255, 255, .6); }
.csl-plan__fit { color: var(--csl-muted) !important; font-size: 12px; line-height: 1.6; margin: 0 0 24px; }
.csl-plan--black .csl-plan__fit { color: rgba(255, 255, 255, .6) !important; }
.csl-plan__actions { align-items: center; display: flex; gap: 24px; }
.csl-inline-link--light { color: white !important; }
.csl-terms-note { color: var(--csl-muted) !important; font-size: 10px; line-height: 1.6; margin: 22px auto 0; max-width: 850px; text-align: center; }

.csl-use-cases { background: #f5efe4; }
.csl-use-grid { border-top: 1px solid var(--csl-line); display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 50px; }
.csl-use-grid article { border-right: 1px solid var(--csl-line); min-height: 230px; padding: 30px 25px; }
.csl-use-grid article:last-child { border-right: 0; }
.csl-use-grid article > span { color: var(--csl-gold-deep); font-size: 11px; font-weight: 850; }
.csl-use-grid h3 { font-size: 20px; font-weight: 800; letter-spacing: -.025em; margin: 72px 0 12px; }
.csl-use-grid p { color: var(--csl-muted) !important; font-size: 12px; line-height: 1.6; margin: 0; }

.csl-process { background: var(--csl-paper); }
.csl-process__grid { display: grid; gap: 100px; grid-template-columns: .85fr 1.15fr; }
.csl-process .csl-heading > p:not(.csl-overline) { margin: 25px 0; }
.csl-steps { border-top: 1px solid var(--csl-line); list-style: none; margin: 0; padding: 0; }
.csl-steps li { align-items: start; border-bottom: 1px solid var(--csl-line); display: grid; gap: 25px; grid-template-columns: 55px 1fr; padding: 24px 0; }
.csl-steps li > span { color: var(--csl-gold-deep); font-size: 11px; font-weight: 850; }
.csl-steps h3 { font-size: 17px; font-weight: 800; margin: 0 0 5px; }
.csl-steps p { color: var(--csl-muted) !important; font-size: 12px; line-height: 1.55; margin: 0; }

.csl-activation { background: var(--csl-ink); color: white; }
.csl-activation__card { align-items: center; display: grid; gap: 80px; grid-template-columns: 230px 1fr; }
.csl-activation__symbol { align-items: center; border: 2px solid var(--csl-gold); border-radius: 30px; color: var(--csl-gold); display: flex; font-size: 44px; font-weight: 900; height: 230px; justify-content: center; position: relative; }
.csl-activation__symbol::after { background: var(--csl-gold); border-radius: 0 0 0 14px; content: ""; height: 60px; position: absolute; right: -2px; top: -2px; width: 60px; }
.csl-activation h2 { font-size: clamp(40px, 5vw, 63px); font-weight: 820; letter-spacing: -.055em; line-height: 1; margin: 0 0 22px; }
.csl-activation p:not(.csl-overline) { color: rgba(255, 255, 255, .65) !important; font-size: 14px; line-height: 1.7; margin: 0; max-width: 760px; }
.csl-activation__badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.csl-activation__badges span { border: 1px solid rgba(255, 255, 255, .22); border-radius: 99px; font-size: 10px; font-weight: 750; padding: 9px 13px; }

.csl-faq__grid { display: grid; gap: 90px; grid-template-columns: .75fr 1.25fr; }
.csl-faq .csl-heading > p:not(.csl-overline) { margin-top: 24px; }
.csl-faq__items { border-top: 1px solid var(--csl-line); }
.csl-faq details { border-bottom: 1px solid var(--csl-line); padding: 0; }
.csl-faq summary { cursor: pointer; font-size: 15px; font-weight: 780; list-style: none; padding: 24px 32px 24px 0; position: relative; }
.csl-faq summary::-webkit-details-marker { display: none; }
.csl-faq summary::after { color: var(--csl-gold-deep); content: "+"; font-size: 22px; position: absolute; right: 0; top: 19px; }
.csl-faq details[open] summary::after { content: "−"; }
.csl-faq summary span { color: var(--csl-gold-deep); font-size: 10px; margin-right: 18px; }
.csl-faq details p { color: var(--csl-muted) !important; font-size: 13px; line-height: 1.7; margin: -6px 0 24px 35px; max-width: 650px; }

.csl-closing { background: #f4ecdc; padding: 105px 0; text-align: center; }
.csl-closing p { color: var(--csl-gold-deep) !important; font-size: 10px; font-weight: 850; letter-spacing: .16em; margin: 0 0 17px; }
.csl-closing h2 { font-size: clamp(42px, 5.5vw, 70px); font-weight: 840; letter-spacing: -.06em; line-height: 1; margin: 0 auto 30px; max-width: 900px; }

.csl-micro-footer { background: var(--csl-ink); color: white; padding: 52px 0; }
.csl-micro-footer .csl-wrap { display: grid; gap: 40px; grid-template-columns: 1.2fr repeat(3, 1fr); }
.csl-brand--footer strong { font-size: 36px; }
.csl-brand--footer span { color: rgba(255, 255, 255, .5); }
.csl-micro-footer > .csl-wrap > div:not(.csl-brand) { display: grid; gap: 8px; }
.csl-micro-footer div > strong { color: var(--csl-gold); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.csl-micro-footer div > span,
.csl-micro-footer div > a { color: rgba(255, 255, 255, .55); font-size: 10px; line-height: 1.6; text-decoration: none; }

.csl-product-page .woocommerce-breadcrumb a,
.csl-product-page .product_meta a { color: var(--csl-gold-deep); }
.csl-product-page div.product p.price,
.csl-product-page div.product span.price { color: var(--csl-gold-deep); }
.csl-product-page div.product form.cart .button { background: var(--csl-gold); color: var(--csl-ink); }
.csl-product-page div.product form.cart .button:hover { background: var(--csl-ink); color: white; }
.csl-nav .es-language-switcher { flex: 0 0 auto; }
.csl-nav .es-language-switcher summary { background: var(--csl-ink); box-shadow: none; padding: 11px 14px; }
.csl-nav .es-language-switcher__icon { color: var(--csl-gold); }
.csl-nav .es-language-switcher__current { max-width: 88px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.csl-nav .es-language-switcher[open] summary { background: var(--csl-gold); color: var(--csl-ink); }
.csl-nav .es-language-switcher[open] .es-language-switcher__current,
.csl-nav .es-language-switcher[open] .es-language-switcher__chevron { color: var(--csl-ink); }

@media (max-width: 1050px) {
	:root { --csl-wrap: min(900px, calc(100% - 38px)); }
	.csl-nav__links { display: none; }
	.csl-nav__inner { grid-template-columns: 1fr auto; }
	.csl-hero__grid { gap: 25px; grid-template-columns: 1fr 1fr; }
	.csl-hero__card { width: 330px; }
	.csl-hero__card--panda { left: -20px; }
	.csl-plan__visual { min-height: 270px; }
	.csl-heading--split { gap: 40px; }
	.csl-process__grid { gap: 55px; }
	.csl-micro-footer .csl-wrap { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
	:root { --csl-wrap: calc(100% - 28px); }
	.csl-announcement__inner { gap: 4px; grid-template-columns: 1fr; padding: 8px 0; }
	.csl-announcement__inner > a { justify-self: center; }
	.csl-announcement__notices { flex-direction: column; gap: 2px; white-space: normal; }
	.csl-announcement__notices span:last-child { color: white; }
	.csl-nav__inner { min-height: 68px; }
	.csl-nav__actions { gap: 9px; }
	.csl-nav__actions > a:not(.csl-pill) { font-size: 10px; }
	.csl-nav__actions > a:first-child { display: none; }
	.csl-nav .es-language-switcher summary { padding: 9px 10px; }
	.csl-nav .es-language-switcher__current { max-width: 54px; }
	.csl-brand span { display: none; }
	.csl-brand strong { font-size: 28px; }
	.csl-nav .csl-pill { padding: 11px 15px; }
	.csl-hero__grid { grid-template-columns: 1fr; padding: 65px 0 35px; }
	.csl-kicker { align-items: flex-start; line-height: 1.5; }
	.csl-hero h1 { font-size: 50px; }
	.csl-hero__assurance { gap: 12px; justify-content: space-between; }
	.csl-hero__assurance span { max-width: 94px; }
	.csl-hero__visual { min-height: 430px; }
	.csl-hero__card { width: min(330px, 86vw); }
	.csl-hero__card--black { right: -20px; top: 45px; }
	.csl-hero__card--panda { bottom: 22px; left: -35px; }
	.csl-hero__price { right: -4px; top: 260px; }
	.csl-feature-strip .csl-wrap { flex-wrap: wrap; gap: 5px 15px; padding: 15px 0; }
	.csl-feature-strip i { display: none; }
	.csl-feature-strip span { width: calc(50% - 8px); }
	.csl-section { padding: 78px 0; }
	.csl-heading--split,
	.csl-plan-grid,
	.csl-process__grid,
	.csl-activation__card,
	.csl-faq__grid { grid-template-columns: 1fr; }
	.csl-heading--split,
	.csl-process__grid,
	.csl-activation__card,
	.csl-faq__grid { gap: 38px; }
	.csl-heading h2 { font-size: 45px; }
	.csl-plan__body { padding: 28px 24px; }
	.csl-plan__visual { min-height: 245px; }
	.csl-use-grid { grid-template-columns: repeat(2, 1fr); }
	.csl-use-grid article:nth-child(2) { border-right: 0; }
	.csl-use-grid article { min-height: 210px; }
	.csl-activation__symbol { height: 150px; width: 150px; }
	.csl-activation__badges { align-items: flex-start; flex-direction: column; }
	.csl-micro-footer .csl-wrap { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
	.csl-hero h1 { font-size: 43px; }
	.csl-plan__visual { min-height: 210px; }
	.csl-use-grid { grid-template-columns: 1fr; }
	.csl-use-grid article { border-bottom: 1px solid var(--csl-line); border-right: 0; min-height: 180px; }
	.csl-use-grid h3 { margin-top: 42px; }
}

@media (prefers-reduced-motion: reduce) {
	.csl-site *, .csl-site *::before, .csl-site *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}