/* Dragon Fruit / Launch Starter: isolated styles below the existing hero */
.df-ls-content, .df-ls-steps, .df-ls-call, .df-ls-final {
	font-family: Jost, Montserrat, system-ui, sans-serif;
	color: #f9effb;
	box-sizing: border-box;
	position: relative;
	overflow: hidden
}
.df-ls-content *, .df-ls-steps *, .df-ls-call *, .df-ls-final * {
	box-sizing: border-box
}
.df-ls-wrap {
	width: min(1340px,calc(100% - 9vw));
	margin: auto
}
.df-ls-content {
	padding: 110px 0 125px;
background: radial-gradient(ellipse at 14% 10%,
#35113c 0,transparent 40%), radial-gradient(ellipse at 90% 95%,
#102e53 0,transparent 35%),
	#100919
}
.df-ls-kicker {
	display: block;
	color: #f17ccf;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .23em;
	text-transform: uppercase;
	margin-bottom: 22px
}
.df-ls-heading {
	display: grid;
	grid-template-columns: 1.35fr .65fr;
	gap: 70px;
	align-items: end;
	margin-bottom: 46px
}
.df-ls-heading h2, .df-ls-steps h2, .df-ls-call h2, .df-ls-final h2 {
	font: 600 clamp(44px,5vw,78px)/1.03 'Cormorant Garamond', Georgia, serif;
	color: #fff;
	letter-spacing: -.025em;
	margin: 0
}
.df-ls-heading h2 em, .df-ls-steps h2 em, .df-ls-call h2 em, .df-ls-final h2 em {
	color: #f078c9;
	font-weight: 400
}
.df-ls-heading p, .df-ls-steps-layout>div>p, .df-ls-call-layout>div>p, .df-ls-final p {
    font-size: 18px;
    font-weight: 200;
    line-height: 1.65;
	color: #c9b7d1;
	margin: 0
}
.df-ls-grid {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 22px
}
.df-ls-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 545px;
	padding: 36px 31px 29px;
	border: 1px solid rgba(247,112,204,.34);
	border-radius: 20px;
background: radial-gradient(ellipse at 100% 0%,rgba(224,48,170,.21), transparent 52%), linear-gradient(160deg,
#25122f,
	#120c20 78%);
	box-shadow: 0 25px 70px rgba(0,0,0,.19)
}
.df-ls-card--ten {
	border-color: rgba(83,202,252,.32);
background: radial-gradient(ellipse at 100% 0%,rgba(24,133,225,.23), transparent 55%), linear-gradient(160deg,
#121c35,
	#101020 78%)
}
.df-ls-card--five {
	border-color: rgba(175,124,245,.36);
background: radial-gradient(ellipse at 100% 0%,rgba(119,58,209,.26), transparent 55%), linear-gradient(160deg,
#221334,
	#100c1e 78%)
}
.df-ls-index {
	font-size: 14px;
	letter-spacing: .18em;
	color: #d6a3d3;
	font-weight: 700
}
.df-ls-glyph {
	position: absolute;
	right: 28px;
	top: 30px;
	font: 400 56px/1 Georgia, serif;
	color: #ed75d0;
	text-shadow: 0 0 30px rgba(243,68,187,.5)
}
.df-ls-card--ten .df-ls-glyph {
	color: #68c6f9
}
.df-ls-card h3 {
	font: 700 clamp(29px,3vw,43px)/1.02 Jost, Montserrat, sans-serif;
	letter-spacing: -.04em;
	color: white;
	margin: 75px 0 21px
}
.df-ls-highlight {
	font-size: 18px!important;
	color: #fff!important;
	font-weight: 200!important;
	line-height: 1.4!important
}
.df-ls-card p {
	    font-size: 18px;
    font-weight: 200;
    line-height: 1.65;
	color: #cbbdd4;

	margin: 0 0 16px
}
.df-ls-code {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 5px 10px;
	margin-top: auto;
	padding: 18px 16px;
	border: 1px solid rgba(249,102,202,.5);
	border-radius: 12px;
	background: rgba(6,4,16,.6)
}
.df-ls-code span {
	grid-column: 1/-1;
	color: #d69bc8;
	font-size: 15px;
	letter-spacing: .17em;
	font-weight: 700
}
.df-ls-code strong {
	font-size: 15px;
	color: #fff;
	overflow-wrap: anywhere;
	align-self: center
}
.df-ls-copy {
	background: transparent;
	color: #f89cdd;
	border: 0;
	padding: 3px 0;
	font: 600 11px Jost, sans-serif;
	cursor: pointer
}
.df-ls-code--muted {
	display: block
}
.df-ls-code--muted strong {
	display: block;
	margin-top: 5px
}
.df-ls-card small {
	font-size: 14px;
	line-height: 1.65;
	color: #ac9bb7;
	margin-top: 18px
}
.df-ls-steps {
	padding: 115px 0;
	background: #170d22
}
.df-ls-steps-layout {
	display: grid;
	grid-template-columns: .8fr 1.2fr;
	gap: clamp(50px,9vw,160px)
}
.df-ls-steps-layout>div>p {
	margin: 25px 0 33px;
	max-width: 430px
}
.df-ls-link {
	color: #f58bd1!important;
	text-decoration: none!important;
    font-size: 18px;
    font-weight: 200;
    line-height: 1.65;
	font-weight: 700;
	border-bottom: 1px solid #f58bd1;
	padding-bottom: 8px
}
.df-ls-steps ol {
	list-style: none;
	margin: 0;
	padding: 0
}
.df-ls-steps li {
	display: grid;
	grid-template-columns: 66px 1fr;
	gap: 25px;
	border-top: 1px solid rgba(255,255,255,.16);
	padding: 28px 0
}
.df-ls-steps li:last-child {
	border-bottom: 1px solid rgba(255,255,255,.16)
}
.df-ls-steps li>span {
	font: italic 35px Georgia, serif;
	color: #ef80c8
}
.df-ls-steps li strong {
	color: white;
	font-size: 19px
}
.df-ls-steps li p {
	color: #bdaec8;
    font-size: 18px;
    font-weight: 200;
    line-height: 1.65;
	margin: 9px 0 0
}
.df-ls-call {
	padding: 105px 0;
background: radial-gradient(ellipse at 20% 50%,
#3a154b,transparent 55%),
	#0e0a19
}
.df-ls-call-layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(50px,9vw,150px);
	align-items: center
}
.df-ls-call-art {
	min-height: 400px;
/*	border: 1px solid rgba(247,116,208,.4); */
	border-radius: 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
background: radial-gradient(circle at 50% 55%,rgba(249,91,206,.22), transparent 58%), linear-gradient(140deg,
#261334,
	#101326);
	box-shadow: inset 0 0 70px rgba(233,69,182,.09)
}
.df-ls-call-art>span {
	font-size: 60px;
	color: #f2a4df
}
.df-ls-call-art>strong {
	font: italic 180px/.9 'Cormorant Garamond', Georgia, serif;
	color: #fff;
	text-shadow: 0 0 45px rgba(250,84,199,.42)
}
.df-ls-call-art>strong span {
	font: 600 18px Jost, sans-serif;
	color: #f18ed5;
	margin-left: 9px
}
.df-ls-call-art small {
	letter-spacing: .25em;
	color: #bfa5c5;
	font-size: 10px
}
.df-ls-call-layout>div>p {
	margin: 25px 0
}
.df-ls-details {
	border-top: 1px solid rgba(255,255,255,.2);
	border-bottom: 1px solid rgba(255,255,255,.2);
	margin-top: 32px;
	padding: 18px 0
}
.df-ls-details summary {
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	font-weight: 300;
	display: flex;
	justify-content: space-between;
	list-style: none;
	    justify-content: space-between;
    align-items: center;
}
.df-ls-details summary::-webkit-details-marker {
	display: none
}
.df-ls-details summary span {
	color: #f58bd1;
	font-size: 24px
}
.df-ls-details[open] summary span {
	transform: rotate(45deg)
}
.df-ls-details p {
	color: #bfb0c8;
	font-size: 13px;
	line-height: 1.75;
	margin: 16px 0 0
}
.df-ls-final {
	text-align: center;
	padding: 110px 0 100px;
background: radial-gradient(ellipse at 50% 110%,
#4a1748,transparent 65%),
	#12091b
}
.df-ls-final p {
	margin: 22px auto 0
}
.df-ls-actions {
	display: flex;
	gap: 15px;
	justify-content: center;
	margin-top: 36px;
	flex-wrap: wrap
}
.df-ls-actions a {
	display: inline-flex;
	align-items: center;
	gap: 24px;
	padding: 16px 26px;
	border-radius: 40px;
	text-decoration: none!important;
	font-size: 13px;
	font-weight: 700
}
.df-ls-primary {
background: linear-gradient(120deg,
#e84aa8,
	#ac39cb);
	color: #fff!important;
	box-shadow: 0 10px 40px rgba(212,50,161,.25)
}
.df-ls-secondary {
	border: 1px solid #a76a9b;
	color: #fff!important
}
.df-ls-final .df-ls-footnote {
	font-size: 11px;
	color: #8f809b;
	margin-top: 40px
}


.df-btns {
    justify-content: center;
    align-items: center;

}

@media(max-width:1000px) {
.df-ls-grid {
	grid-template-columns: 1fr 1fr
}
.df-ls-card:last-child {
	grid-column: 1/-1;
	min-height: 440px
}
.df-ls-heading {
	gap: 35px
}
}
@media(max-width:720px) {
.df-ls-wrap {
	width: calc(100% - 36px)
}
.df-ls-content, .df-ls-steps, .df-ls-call, .df-ls-final {
	padding: 75px 0
}
.df-ls-heading, .df-ls-steps-layout, .df-ls-call-layout {
	grid-template-columns: 1fr;
	gap: 28px
}
.df-ls-grid {
	grid-template-columns: 1fr
}
.df-ls-card, .df-ls-card:last-child {
	grid-column: auto;
	min-height: 500px
}
.df-ls-card h3 {
	margin-top: 55px
}
.df-ls-call-art {
	min-height: 300px
}
.df-ls-call-art>strong {
	font-size: 140px
}
.df-ls-heading h2, .df-ls-steps h2, .df-ls-call h2, .df-ls-final h2 {
	font-size: clamp(42px,11vw,64px)
}
}
	/* ==========================================================   LAUNCH STARTER – consistent headings and interactive states   Scoped to Launch Starter only;
overrides global theme rules.   ========================================================== */
:where(.df-ls-content,.df-ls-steps,.df-ls-call,.df-ls-final):is(h2,h3) {
	text-transform: none !important;
	text-decoration: none !important;
	font-style: normal;
}
.df-ls-heading h2, .df-ls-steps h2, .df-ls-call h2, .df-ls-final h2 {
	font-family: 'Cormorant Garamond', Georgia, serif !important;
	font-weight: 600 !important;
	line-height: 1.03 !important;
	letter-spacing: -.025em !important;
	color: #fff !important;
}
.df-ls-heading h2 em, .df-ls-steps h2 em, .df-ls-call h2 em, .df-ls-final h2 em {
	font-family: inherit !important;
	font-style: italic !important;
	font-weight: 400 !important;
	color: #f078c9 !important;
}
.df-ls-card h3 {
/*	font-family: Jost, Montserrat, sans-serif !important;
	font-weight: 700 !important;
	line-height: 1.02 !important;
	letter-spacing: -.04em !important;
	color: #fff !important; */
	color: #fff !important; 
	    margin-bottom: 0.4rem;
    font-size: 35px;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-weight: 600;
    line-height: 1.1;
	    margin: 40px 0px 20px;
}
/* Base, hover, active, visited and focus: fixed readable button appearance. */
.df-ls-final .df-ls-actions a:is(:link,:visited,:hover,:focus,:focus-visible,:active), .df-ls-final .df-ls-actions a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 24px !important;
	padding: 16px 26px !important;
	border-radius: 40px !important;
	font-family: Jost, Montserrat, sans-serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	opacity: 1 !important;
	visibility: visible !important;
	filter: none !important;
	transform: none;
	transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease !important;
}
.df-ls-final .df-ls-actions a.df-ls-primary:is(:link,:visited,:hover,:focus,:focus-visible,:active), .df-ls-final .df-ls-actions a.df-ls-primary {
	color: #fff !important;
background: linear-gradient(120deg,
#e84aa8,
	#ac39cb) !important;
	border: 1px solid transparent !important;
	box-shadow: 0 10px 40px rgba(212,50,161,.25) !important;
}
.df-ls-final .df-ls-actions a.df-ls-secondary:is(:link,:visited,:hover,:focus,:focus-visible,:active), .df-ls-final .df-ls-actions a.df-ls-secondary {
	color: #fff !important;
	background: transparent !important;
	border: 1px solid #a76a9b !important;
	box-shadow: none !important;
}
/* Hover changes only elevation/glow, not text or base colors. */
@media (hover: hover) {
.df-ls-final .df-ls-actions a.df-ls-primary: hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 15px 44px rgba(232,74,168,.46) !important;
}
.df-ls-final .df-ls-actions a.df-ls-secondary:hover {
	transform: translateY(-3px) !important;
	border-color: #f18ed5 !important;
	box-shadow: 0 8px 25px rgba(241,142,213,.14) !important;
}
}
.df-ls-final .df-ls-actions a:active {
	transform: translateY(0) !important;
}
.df-ls-final .df-ls-actions a:focus-visible, .df-ls-code .df-ls-copy:focus-visible, .df-ls-steps .df-ls-link:focus-visible {
	outline: 2px solid #fff !important;
	outline-offset: 4px !important;
}
/* Copy promo code: prevent global button hover/focus styles. */
.df-ls-code button.df-ls-copy:is(:hover,:focus,:focus-visible,:active), .df-ls-code button.df-ls-copy {
	appearance: none !important;
	background: transparent !important;
	background-image: none !important;
	color: #f89cdd !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 3px 0 !important;
	font: 600 11px/1.4 Jost, Montserrat, sans-serif !important;
	text-decoration: none !important;
	text-transform: none !important;
	opacity: 1 !important;
	transform: none !important;
	cursor: pointer !important;
}
.df-ls-code button.df-ls-copy:hover {
	color: #fff !important;
	text-decoration: underline !important;
}
/* Text link: same brand color in all states. */
.df-ls-steps a.df-ls-link:is(:link,:visited,:hover,:focus,:focus-visible,:active) {
	color: #f58bd1 !important;
	background: transparent !important;
	text-decoration: none !important;
	border-bottom: 1px solid #f58bd1 !important;
}
.df-ls-steps a.df-ls-link:hover {
	color: #fff !important;
	border-bottom-color: #fff !important;
}
@media (prefers-reduced-motion: reduce) {
.df-ls-final .df-ls-actions a {
	transition: none !important;
}
.df-ls-final .df-ls-actions a:hover {
	transform: none !important;
}
}