.elementor-3360 .elementor-element.elementor-element-ac9df8c{--display:flex;}.elementor-3360 .elementor-element.elementor-element-2d9b93ea{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3360 .elementor-element.elementor-element-1a3bfa25{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3360 .elementor-element.elementor-element-d6b8888{--display:flex;}.elementor-3360 .elementor-element.elementor-element-2090dce{--display:flex;}.elementor-3360 .elementor-element.elementor-element-1eda8e27{--display:flex;}.elementor-3360 .elementor-element.elementor-element-28b77737{--display:flex;}.elementor-3360 .elementor-element.elementor-element-235b98df{--display:flex;}.elementor-3360 .elementor-element.elementor-element-dc1fa73{--display:flex;}.elementor-3360 .elementor-element.elementor-element-364f091f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3360 .elementor-element.elementor-element-6cba6c58{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3360 .elementor-element.elementor-element-250933c4{--display:flex;}.elementor-3360 .elementor-element.elementor-element-4f38df9c{--display:flex;}.elementor-3360 .elementor-element.elementor-element-28dbbb5b{--display:flex;}.elementor-3360 .elementor-element.elementor-element-1f33615f{--display:flex;}.elementor-3360 .elementor-element.elementor-element-2fc2377{--display:flex;}.elementor-3360 .elementor-element.elementor-element-5a5e758{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3360 .elementor-element.elementor-element-7f2154d0{--display:flex;}.elementor-3360 .elementor-element.elementor-element-368f11c3{--display:flex;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-3360 .elementor-element.elementor-element-384ae286 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3360 .elementor-element.elementor-element-384ae286 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3360 .elementor-element.elementor-element-384ae286{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-3360 .elementor-element.elementor-element-384ae286 .elementor-icon-list-text{transition:color 0.3s;}.elementor-3360 .elementor-element.elementor-element-372c760e{--display:flex;}.elementor-3360 .elementor-element.elementor-element-7af11191{--display:flex;}.elementor-3360 .elementor-element.elementor-element-5637e19e{--display:flex;}.elementor-3360 .elementor-element.elementor-element-66235166{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3360 .elementor-element.elementor-element-74eefe31{--display:flex;}.elementor-3360 .elementor-element.elementor-element-7e14814d{--display:flex;}.elementor-3360 .elementor-element.elementor-element-1b7cf914{--display:flex;}.elementor-3360 .elementor-element.elementor-element-3c0c64a3{--display:flex;}.elementor-3360 .elementor-element.elementor-element-38e9c4d4{--display:flex;}.elementor-3360 .elementor-element.elementor-element-7b285ff1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3360 .elementor-element.elementor-element-6f09e688{--display:flex;}.elementor-3360 .elementor-element.elementor-element-2f1e0706 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3360 .elementor-element.elementor-element-2f1e0706 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3360 .elementor-element.elementor-element-2f1e0706{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-3360 .elementor-element.elementor-element-2f1e0706 .elementor-icon-list-text{transition:color 0.3s;}.elementor-3360 .elementor-element.elementor-element-5dc38c97{--display:flex;}.elementor-3360 .elementor-element.elementor-element-7fd3d55d{--display:flex;}.elementor-3360 .elementor-element.elementor-element-755715a9{--display:flex;}.elementor-3360 .elementor-element.elementor-element-24633366{--display:flex;}.elementor-3360 .elementor-element.elementor-element-21c13647{--display:flex;}.elementor-3360 .elementor-element.elementor-element-3b49a9dc{--display:flex;}.elementor-3360 .elementor-element.elementor-element-6b490d56{--display:flex;}.elementor-3360 .elementor-element.elementor-element-4f62ea87{--display:flex;}.elementor-3360 .elementor-element.elementor-element-206370e9{--display:flex;}.elementor-3360 .elementor-element.elementor-element-54a31972{--display:flex;}.elementor-3360 .elementor-element.elementor-element-74e108c5{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-3360 .elementor-element.elementor-element-892bf8f{--display:flex;}.elementor-3360 .elementor-element.elementor-element-abd6ab{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS *//* =========================================================
   iLISTuSELL — HOW IT WORKS STAGING
   Elementor Page ID: 3360

   FINAL POLISH / ELEMENTOR NORMALIZATION PASS
   Scope: page 3360 only
   ========================================================= */


/* =========================================================
   1. PAGE-LOCAL TOKENS
   ========================================================= */

.page-id-3360 {
	--ils-ink: #17324D;
	--ils-ink-soft: #38536B;

	--ils-brand-blue: #003157;
	--ils-brand-orange: #FF914D;

	--ils-action: #176B87;
	--ils-action-hover: #0E526B;

	--ils-page: #FFFDFA;
	--ils-surface: #FFFFFF;
	--ils-warm: #FAF7F1;

	--ils-blue-soft: #EDF6FA;
	--ils-blue-soft-2: #E4F2F8;
	--ils-orange-soft: #FFF2E8;

	--ils-line: #D6E0E5;
	--ils-line-strong: #BCCBD3;
	--ils-muted: #637480;

	--ils-radius: 16px;
	--ils-radius-small: 10px;

	--ils-shadow-soft:
		0 8px 24px rgba(23, 50, 77, 0.06);

	--ils-shadow-card:
		0 14px 34px rgba(23, 50, 77, 0.09);

	--ils-content-width: 1180px;
}


/* =========================================================
   2. BASE SECTION FOUNDATION
   ========================================================= */

.page-id-3360 .ils-how-hero,
.page-id-3360 .ils-how-journey,
.page-id-3360 .ils-how-steps,
.page-id-3360 .ils-how-prepare,
.page-id-3360 .ils-how-review,
.page-id-3360 .ils-how-responsibilities,
.page-id-3360 .ils-how-faq,
.page-id-3360 .ils-how-final-cta {
	width: 100%;
	box-sizing: border-box;

	padding-top: clamp(52px, 5vw, 72px);
	padding-bottom: clamp(52px, 5vw, 72px);
	padding-left: clamp(22px, 4vw, 48px);
	padding-right: clamp(22px, 4vw, 48px);
}


/* Neutralize accidental Elementor min-heights */

.page-id-3360 .ils-how-hero,
.page-id-3360 .ils-how-hero__inner,
.page-id-3360 .ils-how-journey,
.page-id-3360 .ils-how-journey__inner,
.page-id-3360 .ils-how-steps,
.page-id-3360 .ils-how-steps__inner,
.page-id-3360 .ils-how-prepare,
.page-id-3360 .ils-how-prepare__inner,
.page-id-3360 .ils-how-review,
.page-id-3360 .ils-how-review__inner,
.page-id-3360 .ils-how-review__grid,
.page-id-3360 .ils-how-responsibilities,
.page-id-3360 .ils-how-responsibilities__inner,
.page-id-3360 .ils-how-faq,
.page-id-3360 .ils-how-faq__inner,
.page-id-3360 .ils-how-final-cta,
.page-id-3360 .ils-how-final-cta__inner {
	min-height: 0 !important;
	height: auto;
}


/* Shared inner width */

.page-id-3360 .ils-how-hero__inner,
.page-id-3360 .ils-how-journey__inner,
.page-id-3360 .ils-how-steps__inner,
.page-id-3360 .ils-how-prepare__inner,
.page-id-3360 .ils-how-review__inner,
.page-id-3360 .ils-how-responsibilities__inner,
.page-id-3360 .ils-how-faq__inner,
.page-id-3360 .ils-how-final-cta__inner {
	width: 100%;
	max-width: var(--ils-content-width);

	margin-left: auto;
	margin-right: auto;

	box-sizing: border-box;
}


/* Anchor landing positions */

.page-id-3360 #how-journey,
.page-id-3360 #prepare,
.page-id-3360 #responsibilities,
.page-id-3360 #faq {
	scroll-margin-top: 110px;
}


/* =========================================================
   3. EYEBROWS
   ========================================================= */

.page-id-3360 .ils-how-eyebrow,
.page-id-3360 .ils-how-eyebrow p {
	margin: 0;

	color: var(--ils-action) !important;

	font-size: 13px;
	font-weight: 800;
	line-height: 1.3;

	letter-spacing: 0.09em;
	text-transform: uppercase;
}


/* =========================================================
   4. MAIN SECTION HEADINGS
   ========================================================= */

.page-id-3360
.elementor-widget-heading.ils-how-hero__title
.elementor-heading-title,

.page-id-3360
.elementor-widget-heading.ils-how-journey__title
.elementor-heading-title,

.page-id-3360
.elementor-widget-heading.ils-how-steps__title
.elementor-heading-title,

.page-id-3360
.elementor-widget-heading.ils-how-prepare__title
.elementor-heading-title,

.page-id-3360
.elementor-widget-heading.ils-how-review__title
.elementor-heading-title,

.page-id-3360
.elementor-widget-heading.ils-how-faq__title
.elementor-heading-title,

.page-id-3360
.elementor-widget-heading.ils-how-final-cta__title
.elementor-heading-title {
	margin: 0;

	color: var(--ils-ink) !important;

	font-size: clamp(31px, 3.5vw, 46px);
	font-weight: 800;
	line-height: 1.08;

	letter-spacing: -0.035em;
}


/* =========================================================
   5. STANDARD BODY COPY
   ========================================================= */

.page-id-3360 .ils-how-hero__lede,
.page-id-3360 .ils-how-hero__text,
.page-id-3360 .ils-how-journey__intro,
.page-id-3360 .ils-how-steps__intro,
.page-id-3360 .ils-how-prepare__text,
.page-id-3360 .ils-how-review__intro,
.page-id-3360 .ils-how-responsibilities__intro,
.page-id-3360 .ils-how-faq__intro,
.page-id-3360 .ils-how-final-cta__text,

.page-id-3360 .ils-how-hero__lede p,
.page-id-3360 .ils-how-hero__text p,
.page-id-3360 .ils-how-journey__intro p,
.page-id-3360 .ils-how-steps__intro p,
.page-id-3360 .ils-how-prepare__text p,
.page-id-3360 .ils-how-review__intro p,
.page-id-3360 .ils-how-responsibilities__intro p,
.page-id-3360 .ils-how-faq__intro p,
.page-id-3360 .ils-how-final-cta__text p {
	color: var(--ils-ink-soft);

	font-size: 17px;
	line-height: 1.65;
}


.page-id-3360 p:last-child {
	margin-bottom: 0;
}


/* =========================================================
   6. BUTTONS
   ========================================================= */

.page-id-3360
.elementor-widget-button.ils-button
.elementor-widget-container
.elementor-button {
	display: inline-flex;

	min-height: 46px;

	align-items: center;
	justify-content: center;

	padding: 12px 22px;

	border: 1px solid transparent;
	border-radius: 9px;

	font-size: 15px;
	font-weight: 800;
	line-height: 1.2;

	text-decoration: none;

	transition:
		background-color 0.15s ease,
		border-color 0.15s ease,
		color 0.15s ease,
		transform 0.15s ease,
		box-shadow 0.15s ease;
}


.page-id-3360
.elementor-widget-button.ils-button--primary
.elementor-widget-container
.elementor-button {
	color: #FFFFFF;

	background: var(--ils-brand-orange);
	border-color: var(--ils-brand-orange);
}


.page-id-3360
.elementor-widget-button.ils-button--primary
.elementor-button-text {
	color: #FFFFFF;
}


.page-id-3360
.elementor-widget-button.ils-button--primary
.elementor-widget-container
.elementor-button:hover {
	color: #FFFFFF;

	background: #E87B36;
	border-color: #E87B36;

	transform: translateY(-1px);

	box-shadow:
		0 8px 18px rgba(255, 145, 77, 0.22);
}


.page-id-3360
.elementor-widget-button.ils-button
.elementor-widget-container
.elementor-button:focus-visible {
	outline: 3px solid var(--ils-brand-orange);
	outline-offset: 3px;
}


/* =========================================================
   7. HERO
   ========================================================= */

.page-id-3360 .ils-how-hero {
	background:
		linear-gradient(
			110deg,
			#F1F8FB 0%,
			#FFFDFA 55%,
			#F7FAF8 100%
		);

	border-bottom: 1px solid var(--ils-line);
}


.page-id-3360 .ils-how-hero__inner {
	display: grid;

	grid-template-columns:
		minmax(0, 1.05fr)
		minmax(0, 0.95fr);

	gap: clamp(36px, 5vw, 64px);

	align-items: center;
}


.page-id-3360 .ils-how-hero__content {
	display: flex;

	flex-direction: column;

	gap: 18px;

	min-width: 0;
}


.page-id-3360
.ils-how-hero
.elementor-widget-heading.ils-how-hero__title
.elementor-heading-title {
	max-width: 16ch;

	color: var(--ils-brand-blue) !important;
}


.page-id-3360 .ils-how-hero__lede {
	max-width: 60ch;
}


.page-id-3360 .ils-how-hero__text {
	max-width: 62ch;
}


.page-id-3360 .ils-how-hero__text,
.page-id-3360 .ils-how-hero__text p {
	color: var(--ils-muted);

	font-size: 15px;
}


.page-id-3360 .ils-how-hero__button {
	margin-top: 4px;
}


/* Hero panel */

.page-id-3360 .ils-how-hero__panel {
	display: flex;

	flex-direction: column;

	gap: 16px;

	padding: clamp(26px, 3vw, 36px);

	background: #FFFFFF;

	border: 1px solid var(--ils-line);
	border-radius: var(--ils-radius);

	box-shadow: var(--ils-shadow-card);
}


.page-id-3360
.ils-how-hero__panel
.elementor-widget-heading.ils-how-hero__panel-title
.elementor-heading-title {
	color: var(--ils-brand-blue) !important;

	font-size: clamp(24px, 2.6vw, 32px);
	font-weight: 800;
	line-height: 1.12;
}


.page-id-3360 .ils-how-hero__steps {
	display: flex;

	flex-direction: column;

	gap: 0;
}


.page-id-3360 .ils-how-hero-step {
	display: grid;

	grid-template-columns:
		58px minmax(0, 1fr);

	grid-template-areas:
		"number title"
		"number text";

	column-gap: 18px;
	row-gap: 5px;

	width: 100%;

	padding: 20px 0;

	border-top: 1px solid var(--ils-line);
}


.page-id-3360 .ils-how-hero-step:first-child {
	border-top: 0;
}


.page-id-3360 .ils-how-hero-step__number {
	grid-area: number;

	width: 50px;
	height: 50px;

	display: flex;

	align-items: center;
	justify-content: center;

	color: var(--ils-brand-blue);

	background: var(--ils-blue-soft);

	border-radius: 50%;

	font-size: 18px;
	font-weight: 850;
}


.page-id-3360 .ils-how-hero-step__number p {
	margin: 0;

	color: inherit;
}


.page-id-3360
.ils-how-hero__panel
.elementor-widget-heading.ils-how-hero-step__title
.elementor-heading-title {
	color: var(--ils-ink) !important;

	font-size: 20px;
	font-weight: 800;
	line-height: 1.2;
}


.page-id-3360 .ils-how-hero-step__text,
.page-id-3360 .ils-how-hero-step__text p {
	color: var(--ils-ink-soft);

	font-size: 15px;
	line-height: 1.55;
}


/* =========================================================
   8. FIVE-PHASE OVERVIEW
   ========================================================= */

.page-id-3360 .ils-how-journey {
	background: var(--ils-warm);
}


.page-id-3360 .ils-how-journey__inner {
	display: flex;

	flex-direction: column;

	gap: 16px;
}


.page-id-3360 .ils-how-journey__intro {
	max-width: 72ch;

	margin-bottom: 12px;
}


.page-id-3360 .ils-how-journey__grid {
	display: grid !important;

	grid-template-columns:
		repeat(5, minmax(0, 1fr));

	gap: 16px;

	width: 100% !important;

	align-items: stretch;
}


.page-id-3360 .ils-how-phase-card {
	display: flex;

	flex-direction: column;

	gap: 10px;

	width: 100% !important;
	min-width: 0 !important;

	padding: 24px 20px;

	background: #FFFFFF;

	border: 1px solid var(--ils-line);
	border-radius: var(--ils-radius);

	box-shadow: var(--ils-shadow-soft);
}


.page-id-3360 .ils-how-phase-card__number {
	width: 42px;
	height: 42px;

	display: flex;

	align-items: center;
	justify-content: center;

	color: var(--ils-brand-orange);

	background: var(--ils-orange-soft);

	border-radius: 50%;

	font-size: 15px;
	font-weight: 850;
}


.page-id-3360 .ils-how-phase-card__number p {
	margin: 0;

	color: inherit;
}


.page-id-3360
.elementor-widget-heading.ils-how-phase-card__title
.elementor-heading-title {
	color: var(--ils-brand-blue) !important;

	font-size: 21px;
	font-weight: 800;
	line-height: 1.15;
}


.page-id-3360 .ils-how-phase-card__text,
.page-id-3360 .ils-how-phase-card__text p {
	color: var(--ils-ink-soft);

	font-size: 15px;
	line-height: 1.55;
}


/* =========================================================
   9. DETAILED 10-STEP JOURNEY
   ========================================================= */

.page-id-3360 .ils-how-steps {
	background: #FFFFFF;

	padding-bottom: clamp(46px, 4.5vw, 62px);
}


.page-id-3360 .ils-how-steps__inner {
	display: flex;

	flex-direction: column;

	gap: 16px;
}


.page-id-3360 .ils-how-steps__intro {
	max-width: 78ch;

	margin-bottom: 10px;
}


.page-id-3360 .ils-how-steps__list {
	display: flex !important;

	flex-direction: column !important;

	gap: 12px !important;

	width: 100% !important;
}


.page-id-3360 .ils-how-step {
	display: grid !important;

	grid-template-columns:
		64px minmax(0, 1fr);

	grid-template-areas:
		"number title"
		"number text";

	column-gap: 20px;
	row-gap: 5px;

	width: 100% !important;
	min-width: 0 !important;

	padding: 18px 20px;

	background: var(--ils-page);

	border: 1px solid var(--ils-line);
	border-radius: 14px;

	box-shadow:
		0 5px 16px rgba(23, 50, 77, 0.04);
}


.page-id-3360 .ils-how-step__number {
	grid-area: number;

	width: 50px;
	height: 50px;

	display: flex;

	align-items: center;
	justify-content: center;

	background: var(--ils-brand-blue);

	color: #FFFFFF;

	border-radius: 50%;

	font-size: 15px;
	font-weight: 850;
}


.page-id-3360 .ils-how-step__number p {
	margin: 0;

	color: #FFFFFF;
}


.page-id-3360
.elementor-widget-heading.ils-how-step__title {
	grid-area: title;
}


.page-id-3360
.elementor-widget-heading.ils-how-step__title
.elementor-heading-title {
	color: var(--ils-ink) !important;

	font-size: 21px;
	font-weight: 800;
	line-height: 1.2;
}


.page-id-3360 .ils-how-step__text {
	grid-area: text;
}


.page-id-3360 .ils-how-step__text,
.page-id-3360 .ils-how-step__text p {
	color: var(--ils-ink-soft);

	font-size: 15px;
	line-height: 1.55;
}


/* =========================================================
   10. PREPARE
   ========================================================= */

.page-id-3360 .ils-how-prepare {
	background: var(--ils-warm);

	padding-top: clamp(48px, 4.5vw, 64px);
	padding-bottom: clamp(48px, 4.5vw, 64px);
}


.page-id-3360 .ils-how-prepare__grid {
	display: grid !important;

	grid-template-columns:
		minmax(0, 0.9fr)
		minmax(0, 1.1fr);

	gap: clamp(34px, 5vw, 62px);

	width: 100%;

	align-items: start;
}


.page-id-3360 .ils-how-prepare__content {
	display: flex;

	flex-direction: column;

	gap: 16px;
}


.page-id-3360 .ils-how-prepare__checklist {
	display: flex;

	flex-direction: column;

	gap: 18px;
}


.page-id-3360 .ils-how-prepare__list {
	padding: 24px;

	background: #FFFFFF;

	border: 1px solid var(--ils-line);
	border-radius: var(--ils-radius);

	box-shadow: var(--ils-shadow-soft);
}


.page-id-3360
.ils-how-prepare__list
.elementor-icon-list-item {
	padding: 6px 0;
}


.page-id-3360
.ils-how-prepare__list
.elementor-icon-list-text {
	color: var(--ils-ink);

	font-size: 16px;
	line-height: 1.45;
}


.page-id-3360
.ils-how-prepare__list
.elementor-icon-list-icon {
	color: var(--ils-action);
}


/* Prepare notice */

.page-id-3360 .ils-how-prepare__notice {
	padding: 20px 22px;

	background: var(--ils-blue-soft-2);

	border-left: 4px solid var(--ils-brand-blue);
	border-radius: var(--ils-radius-small);
}


.page-id-3360
.elementor-widget-heading.ils-how-prepare__notice-title
.elementor-heading-title {
	color: var(--ils-brand-blue) !important;

	font-size: 23px;
	font-weight: 800;
	line-height: 1.2;
}


.page-id-3360 .ils-how-prepare__notice-text,
.page-id-3360 .ils-how-prepare__notice-text p {
	color: var(--ils-ink-soft);

	font-size: 15px;
	line-height: 1.6;
}


/* =========================================================
   11. REVIEW / CORRECTIONS / NEXT STAGE
   ========================================================= */

/*
   IMPORTANT:
   This section uses stronger normalization because Elementor
   is applying flex sizing/custom width variables to the
   Review grid and individual Review cards.
*/

.page-id-3360 .ils-how-review {
	display: flex !important;

	flex-direction: column !important;

	align-items: stretch !important;

	gap: 22px !important;

	width: 100% !important;

	background: #F4F8FA;

	padding-top: clamp(46px, 4.5vw, 62px);
	padding-bottom: clamp(46px, 4.5vw, 62px);
}


/* Review heading block */

.page-id-3360 .ils-how-review__inner {
	--width: 100% !important;

	display: flex !important;

	flex-direction: column !important;

	gap: 0 !important;

	width: 100% !important;
	max-width: var(--ils-content-width) !important;

	align-self: center !important;

	margin: 0 auto !important;

	flex: none !important;
}


.page-id-3360 .ils-how-review__intro {
	max-width: 80ch;

	margin-top: 14px !important;
	margin-bottom: 0 !important;
}


/* =========================================================
   REVIEW GRID — ELEMENTOR WIDTH OVERRIDE
   ========================================================= */

.page-id-3360
.elementor-element.ils-how-review__grid,

.page-id-3360
.ils-how-review__grid {
	--width: 100% !important;
	--max-width: var(--ils-content-width) !important;
	--flex-grow: 1 !important;
	--flex-shrink: 1 !important;

	display: grid !important;

	grid-template-columns:
		repeat(3, minmax(0, 1fr)) !important;

	grid-auto-flow: row !important;

	gap: 20px !important;

	width: 100% !important;
	max-width: var(--ils-content-width) !important;
	min-width: 0 !important;

	flex: 1 1 100% !important;
	flex-basis: 100% !important;

	align-self: center !important;
	align-items: stretch !important;
	justify-self: stretch !important;
	justify-content: stretch !important;
	justify-items: stretch !important;

	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;

	padding: 0 !important;

	box-sizing: border-box !important;
}


/* Review cards */

.page-id-3360
.ils-how-review__grid
> .ils-how-status-card,

.page-id-3360
.ils-how-review__grid
.ils-how-status-card {
	--width: 100% !important;
	--max-width: none !important;
	--flex-grow: 1 !important;
	--flex-shrink: 1 !important;

	display: flex !important;

	flex-direction: column !important;

	gap: 10px !important;

	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;

	flex: 1 1 0 !important;

	align-self: stretch !important;

	margin: 0 !important;

	padding: 24px !important;

	background: #FFFFFF;

	border: 1px solid var(--ils-line);
	border-radius: var(--ils-radius);

	box-shadow: var(--ils-shadow-soft);

	box-sizing: border-box !important;
}


/* Review labels */

.page-id-3360 .ils-how-status-card__label,
.page-id-3360 .ils-how-status-card__label p {
	margin: 0;

	color: var(--ils-brand-orange);

	font-size: 13px;
	font-weight: 850;

	letter-spacing: 0.06em;
	text-transform: uppercase;
}


/* Review titles */

.page-id-3360
.ils-how-status-card
.elementor-widget-heading
.elementor-heading-title,

.page-id-3360
.elementor-widget-heading.ils-how-status-card__title
.elementor-heading-title {
	color: var(--ils-brand-blue) !important;

	font-size: 23px;
	font-weight: 800;
	line-height: 1.15;
}


/* Review copy */

.page-id-3360 .ils-how-status-card__text,
.page-id-3360 .ils-how-status-card__text p {
	color: var(--ils-ink-soft);

	font-size: 15px;
	line-height: 1.6;
}


/* Review notice */

.page-id-3360 .ils-how-review__notice {
	--width: 100% !important;

	width: 100% !important;
	max-width: var(--ils-content-width) !important;

	align-self: center !important;

	margin: 0 auto !important;

	padding: 17px 22px;

	background: var(--ils-orange-soft);

	border-left: 4px solid var(--ils-brand-orange);
	border-radius: var(--ils-radius-small);

	box-sizing: border-box;
}


.page-id-3360 .ils-how-review__notice-text,
.page-id-3360 .ils-how-review__notice-text p {
	margin: 0;

	color: var(--ils-ink-soft);

	font-size: 15px;
	line-height: 1.6;
}


/* =========================================================
   12. SELLER RESPONSIBILITIES
   ========================================================= */

.page-id-3360 .ils-how-responsibilities {
	color: #FFFFFF;

	background: var(--ils-ink);
}


.page-id-3360
.ils-how-responsibilities
.ils-how-eyebrow,

.page-id-3360
.ils-how-responsibilities
.ils-how-eyebrow p {
	color: #9ED4E5 !important;
}


/* Main Seller Responsibilities H2 */

.page-id-3360
.ils-how-responsibilities
.elementor-widget-heading.ils-how-responsibilities__title
.elementor-heading-title {
	color: #FFFFFF !important;
}


.page-id-3360 .ils-how-responsibilities__intro,
.page-id-3360 .ils-how-responsibilities__intro p {
	max-width: 76ch;

	color: #E1E9EE;
}


/* Two-card grid */

.page-id-3360 .ils-how-responsibilities__grid {
	display: grid !important;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap: 22px;

	width: 100%;

	margin-top: 22px;
}


/* Cards */

.page-id-3360 .ils-how-responsibility-card {
	display: flex;

	flex-direction: column;

	gap: 13px;

	width: 100% !important;
	min-width: 0;

	padding: 27px;

	background: #FFFFFF;

	border-radius: var(--ils-radius);

	box-shadow: var(--ils-shadow-card);

	box-sizing: border-box;
}


/* Labels */

.page-id-3360 .ils-how-role-label,
.page-id-3360 .ils-how-role-label p {
	color: var(--ils-brand-orange);

	font-size: 13px;
	font-weight: 850;

	letter-spacing: 0.07em;
	text-transform: uppercase;
}


/*
   Seller responsibility titles.

   This intentionally targets ANY Elementor Heading inside
   an ils-how-responsibility-card so inherited Elementor cyan
   cannot survive even if the title-specific class is placed
   differently in the generated markup.
*/

.page-id-3360
.ils-how-responsibility-card
.elementor-heading-title,

.page-id-3360
.ils-how-responsibility-card
.elementor-widget-heading
.elementor-heading-title,

.page-id-3360
.elementor-widget-heading.ils-how-responsibility-card__title
.elementor-heading-title,

.page-id-3360
.ils-how-responsibility-card__title
.elementor-heading-title {
	color: var(--ils-brand-blue) !important;

	font-size: 24px;
	font-weight: 800;
	line-height: 1.15;
}


/* Seller responsibility copy */

.page-id-3360 .ils-how-responsibility-card__text,
.page-id-3360 .ils-how-responsibility-card__text p {
	color: var(--ils-ink-soft);

	font-size: 15px;
	line-height: 1.6;
}


/* Seller checklist */

.page-id-3360
.ils-how-responsibility-card__list
.elementor-icon-list-item {
	padding: 5px 0;
}


.page-id-3360
.ils-how-responsibility-card__list
.elementor-icon-list-text {
	color: var(--ils-ink-soft);

	font-size: 15px;
}


.page-id-3360
.ils-how-responsibility-card__list
.elementor-icon-list-icon {
	color: var(--ils-action);
}


/* =========================================================
   13. FAQ
   ========================================================= */

.page-id-3360 .ils-how-faq {
	background: #FFFFFF;
}


.page-id-3360 .ils-how-faq__inner {
	display: flex;

	flex-direction: column;

	gap: 16px;
}


.page-id-3360 .ils-how-faq__intro {
	max-width: 78ch;

	margin-bottom: 8px;
}


.page-id-3360
.ils-how-faq
.elementor-widget-heading.ils-how-faq__title
.elementor-heading-title {
	color: var(--ils-ink) !important;
}


.page-id-3360 .ils-how-faq__accordion {
	width: 100%;
}


/* Modern Elementor Accordion */

.page-id-3360
.ils-how-faq__accordion
.e-n-accordion-item {
	margin-bottom: 9px;

	overflow: hidden;

	background: #FFFFFF;

	border: 1px solid var(--ils-line);
	border-radius: var(--ils-radius-small);
}


.page-id-3360
.ils-how-faq__accordion
.e-n-accordion-item-title {
	min-height: 50px;

	padding: 14px 18px;

	color: var(--ils-ink);
	background: #FFFFFF;

	font-weight: 750;
	line-height: 1.4;
}


.page-id-3360
.ils-how-faq__accordion
.e-n-accordion-item-title-text,

.page-id-3360
.ils-how-faq__accordion
.e-n-accordion-item-title-header {
	color: var(--ils-ink);

	font-weight: 750;
}


.page-id-3360
.ils-how-faq__accordion
.e-n-accordion-item-title:hover {
	background: #F5F8F9;
}


.page-id-3360
.ils-how-faq__accordion
.e-n-accordion-item-title[aria-expanded="true"] {
	color: var(--ils-brand-blue);

	background: var(--ils-blue-soft);
}


.page-id-3360
.ils-how-faq__accordion
.elementor-widget-text-editor,

.page-id-3360
.ils-how-faq__accordion
.elementor-widget-text-editor p {
	color: var(--ils-ink-soft);

	font-size: 15px;
	line-height: 1.65;
}


/* Older Elementor Accordion fallback */

.page-id-3360
.ils-how-faq__accordion
.elementor-accordion-item {
	margin-bottom: 9px;

	overflow: hidden;

	border: 1px solid var(--ils-line);
	border-radius: var(--ils-radius-small);
}


.page-id-3360
.ils-how-faq__accordion
.elementor-tab-title {
	min-height: 50px;

	color: var(--ils-ink);

	background: #FFFFFF;

	font-weight: 750;
}


.page-id-3360
.ils-how-faq__accordion
.elementor-tab-title.elementor-active {
	color: var(--ils-brand-blue);

	background: var(--ils-blue-soft);
}


/* FAQ keyboard focus */

.page-id-3360
.ils-how-faq__accordion
.e-n-accordion-item-title:focus-visible {
	outline: 3px solid var(--ils-brand-orange);
	outline-offset: -3px;
}


/* =========================================================
   14. FINAL CTA
   ========================================================= */

.page-id-3360 .ils-how-final-cta {
	text-align: center;

	background:
		linear-gradient(
			115deg,
			#EDF7F4 0%,
			var(--ils-warm) 100%
		);

	border-top: 1px solid var(--ils-line);
}


.page-id-3360 .ils-how-final-cta__inner {
	display: flex;

	flex-direction: column;

	align-items: center;

	gap: 16px;
}


.page-id-3360
.ils-how-final-cta
.ils-how-eyebrow,

.page-id-3360
.ils-how-final-cta
.ils-how-eyebrow p {
	text-align: center;
}


.page-id-3360
.elementor-widget-heading.ils-how-final-cta__title
.elementor-heading-title {
	max-width: 24ch;

	margin-left: auto;
	margin-right: auto;

	color: var(--ils-brand-blue) !important;

	text-align: center;
}


.page-id-3360 .ils-how-final-cta__text,
.page-id-3360 .ils-how-final-cta__text p {
	max-width: 720px;

	margin-left: auto;
	margin-right: auto;

	text-align: center;
}


/* =========================================================
   15. TABLET
   ========================================================= */

@media (max-width: 900px) {

	.page-id-3360 .ils-how-hero,
	.page-id-3360 .ils-how-journey,
	.page-id-3360 .ils-how-steps,
	.page-id-3360 .ils-how-prepare,
	.page-id-3360 .ils-how-review,
	.page-id-3360 .ils-how-responsibilities,
	.page-id-3360 .ils-how-faq,
	.page-id-3360 .ils-how-final-cta {
		padding-top: 50px;
		padding-bottom: 50px;
		padding-left: 28px;
		padding-right: 28px;
	}


	/* Hero stacks */

	.page-id-3360 .ils-how-hero__inner {
		grid-template-columns: 1fr;

		gap: 32px;
	}


	/* Five-phase overview */

	.page-id-3360 .ils-how-journey__grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}


	.page-id-3360
	.ils-how-phase-card:last-child {
		grid-column: 1 / -1;
	}


	/* Prepare stacks */

	.page-id-3360 .ils-how-prepare__grid {
		grid-template-columns: 1fr;
	}


	/* Review stacks */

	.page-id-3360
	.elementor-element.ils-how-review__grid,

	.page-id-3360
	.ils-how-review__grid {
		grid-template-columns: 1fr !important;

		gap: 16px !important;
	}


	/* Responsibilities stack */

	.page-id-3360
	.ils-how-responsibilities__grid {
		grid-template-columns: 1fr;
	}

}


/* =========================================================
   16. MOBILE
   ========================================================= */

@media (max-width: 600px) {

	.page-id-3360 .ils-how-hero,
	.page-id-3360 .ils-how-journey,
	.page-id-3360 .ils-how-steps,
	.page-id-3360 .ils-how-prepare,
	.page-id-3360 .ils-how-review,
	.page-id-3360 .ils-how-responsibilities,
	.page-id-3360 .ils-how-faq,
	.page-id-3360 .ils-how-final-cta {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 18px;
		padding-right: 18px;
	}


	/* Main headings */

	.page-id-3360
	.elementor-widget-heading.ils-how-hero__title
	.elementor-heading-title,

	.page-id-3360
	.elementor-widget-heading.ils-how-journey__title
	.elementor-heading-title,

	.page-id-3360
	.elementor-widget-heading.ils-how-steps__title
	.elementor-heading-title,

	.page-id-3360
	.elementor-widget-heading.ils-how-prepare__title
	.elementor-heading-title,

	.page-id-3360
	.elementor-widget-heading.ils-how-review__title
	.elementor-heading-title,

	.page-id-3360
	.elementor-widget-heading.ils-how-responsibilities__title
	.elementor-heading-title,

	.page-id-3360
	.elementor-widget-heading.ils-how-faq__title
	.elementor-heading-title,

	.page-id-3360
	.elementor-widget-heading.ils-how-final-cta__title
	.elementor-heading-title {
		font-size: clamp(28px, 8vw, 35px);
	}


	/* Hero panel */

	.page-id-3360 .ils-how-hero__panel {
		padding: 22px;
	}


	/* Hero steps */

	.page-id-3360 .ils-how-hero-step {
		grid-template-columns:
			48px minmax(0, 1fr);

		column-gap: 14px;
	}


	/* Five-phase cards */

	.page-id-3360 .ils-how-journey__grid {
		grid-template-columns: 1fr;
	}


	.page-id-3360
	.ils-how-phase-card:last-child {
		grid-column: auto;
	}


	/* Detailed journey */

	.page-id-3360 .ils-how-step {
		grid-template-columns:
			48px minmax(0, 1fr);

		column-gap: 14px;

		padding: 17px;
	}


	.page-id-3360 .ils-how-step__number {
		width: 42px;
		height: 42px;
	}


	.page-id-3360
	.elementor-widget-heading.ils-how-step__title
	.elementor-heading-title {
		font-size: 19px;
	}


	/* Generic cards */

	.page-id-3360 .ils-how-phase-card,
	.page-id-3360 .ils-how-status-card,
	.page-id-3360 .ils-how-responsibility-card {
		padding: 21px !important;
	}


	/* FAQ */

	.page-id-3360
	.ils-how-faq__accordion
	.e-n-accordion-item-title {
		min-height: 48px;

		padding: 13px 14px;

		font-size: 15px;
	}


	/* Buttons */

	.page-id-3360
	.elementor-widget-button.ils-button
	.elementor-widget-container
	.elementor-button {
		min-height: 46px;

		padding: 12px 18px;
	}

}


/* =========================================================
   17. VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.page-id-3360 .ils-how-hero,
	.page-id-3360 .ils-how-journey,
	.page-id-3360 .ils-how-steps,
	.page-id-3360 .ils-how-prepare,
	.page-id-3360 .ils-how-review,
	.page-id-3360 .ils-how-responsibilities,
	.page-id-3360 .ils-how-faq,
	.page-id-3360 .ils-how-final-cta {
		padding-left: 16px;
		padding-right: 16px;
	}


	.page-id-3360 .ils-how-hero-step {
		grid-template-columns: 1fr;

		grid-template-areas:
			"number"
			"title"
			"text";

		row-gap: 9px;
	}


	.page-id-3360 .ils-how-step {
		grid-template-columns: 1fr;

		grid-template-areas:
			"number"
			"title"
			"text";

		row-gap: 10px;
	}

}


/* =========================================================
   18. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

	.page-id-3360
	.elementor-widget-button.ils-button
	.elementor-widget-container
	.elementor-button {
		transition: none;
	}

}/* End custom CSS */