/* ==========================================================================
   Local Trades Direct — Main Design System
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Design Tokens
   -------------------------------------------------------------------------- */

:root {
	/* Colours */
	--ltd-primary:        #1a5f7a;
	--ltd-primary-dark:   #134a60;
	--ltd-primary-light:  #e8f4f8;
	--ltd-accent:         #f97316;
	--ltd-accent-dark:    #ea6c00;
	--ltd-text:           #1e293b;
	--ltd-text-muted:     #64748b;
	--ltd-text-light:     #94a3b8;
	--ltd-bg:             #f8fafc;
	--ltd-bg-dark:        #0f2d3d;
	--ltd-white:          #ffffff;
	--ltd-border:         #e2e8f0;
	--ltd-border-dark:    #cbd5e1;
	--ltd-success:        #16a34a;
	--ltd-success-bg:     #f0fdf4;
	--ltd-error:          #dc2626;
	--ltd-error-bg:       #fef2f2;
	--ltd-warning:        #d97706;
	--ltd-warning-bg:     #fffbeb;

	/* Typography */
	--ltd-font:           'Inter', system-ui, -apple-system, sans-serif;
	--ltd-size-xs:        0.75rem;    /* 12px */
	--ltd-size-sm:        0.875rem;   /* 14px */
	--ltd-size-base:      1rem;       /* 16px */
	--ltd-size-lg:        1.125rem;   /* 18px */
	--ltd-size-xl:        1.25rem;    /* 20px */
	--ltd-size-2xl:       1.5rem;     /* 24px */
	--ltd-size-3xl:       1.875rem;   /* 30px */
	--ltd-size-4xl:       2.25rem;    /* 36px */
	--ltd-size-5xl:       3rem;       /* 48px */
	--ltd-size-6xl:       3.75rem;    /* 60px */

	--ltd-weight-normal:  400;
	--ltd-weight-medium:  500;
	--ltd-weight-semi:    600;
	--ltd-weight-bold:    700;
	--ltd-weight-black:   800;

	--ltd-leading-tight:  1.2;
	--ltd-leading-snug:   1.35;
	--ltd-leading-base:   1.6;
	--ltd-leading-loose:  1.8;

	/* Spacing */
	--ltd-space-1:   0.25rem;
	--ltd-space-2:   0.5rem;
	--ltd-space-3:   0.75rem;
	--ltd-space-4:   1rem;
	--ltd-space-5:   1.25rem;
	--ltd-space-6:   1.5rem;
	--ltd-space-8:   2rem;
	--ltd-space-10:  2.5rem;
	--ltd-space-12:  3rem;
	--ltd-space-16:  4rem;
	--ltd-space-20:  5rem;
	--ltd-space-24:  6rem;

	/* Radii */
	--ltd-radius-sm:   4px;
	--ltd-radius-md:   8px;
	--ltd-radius-lg:   12px;
	--ltd-radius-xl:   16px;
	--ltd-radius-2xl:  24px;
	--ltd-radius-full: 9999px;

	/* Shadows */
	--ltd-shadow-xs:  0 1px 2px rgba(0,0,0,0.05);
	--ltd-shadow-sm:  0 1px 4px rgba(0,0,0,0.08);
	--ltd-shadow-md:  0 4px 12px rgba(0,0,0,0.10);
	--ltd-shadow-lg:  0 8px 24px rgba(0,0,0,0.12);
	--ltd-shadow-xl:  0 16px 40px rgba(0,0,0,0.14);

	/* Layout */
	--ltd-container:  1200px;
	--ltd-narrow:     760px;
	--ltd-header-h:   68px;

	/* Transitions */
	--ltd-ease:       0.18s ease;
	--ltd-ease-slow:  0.3s ease;
}

/* --------------------------------------------------------------------------
   2. Reset & Base
   -------------------------------------------------------------------------- */

*, *::before, *::after {
	box-sizing: border-box;
}

html {
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	font-family: var(--ltd-font);
	font-size: var(--ltd-size-base);
	font-weight: var(--ltd-weight-normal);
	line-height: var(--ltd-leading-base);
	color: var(--ltd-text);
	background: var(--ltd-white);
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img, video { max-width: 100%; height: auto; display: block; }
a { color: var(--ltd-primary); text-decoration: none; transition: color var(--ltd-ease); }
a:hover { color: var(--ltd-primary-dark); }
p { margin: 0 0 1em; }
p:last-child { margin-bottom: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 0.5em; line-height: var(--ltd-leading-tight); font-weight: var(--ltd-weight-bold); color: var(--ltd-text); }
button, input, select, textarea { font-family: inherit; font-size: inherit; }
button { cursor: pointer; border: none; background: none; padding: 0; }

/* --------------------------------------------------------------------------
   3. Layout
   -------------------------------------------------------------------------- */

.ltd-container {
	width: 100%;
	max-width: var(--ltd-container);
	margin: 0 auto;
	padding: 0 var(--ltd-space-6);
}

.ltd-container--narrow {
	max-width: var(--ltd-narrow);
}

.ltd-section {
	padding: var(--ltd-space-20) 0;
}

.ltd-section--sm {
	padding: var(--ltd-space-12) 0;
}

.ltd-section--lg {
	padding: var(--ltd-space-24) 0;
}

.ltd-section--bg {
	background: var(--ltd-bg);
}

.ltd-section--dark {
	background: var(--ltd-bg-dark);
	color: var(--ltd-white);
}

.ltd-section--dark h1,
.ltd-section--dark h2,
.ltd-section--dark h3,
.ltd-section--dark p {
	color: var(--ltd-white);
}

/* Grids */
.ltd-grid {
	display: grid;
	gap: var(--ltd-space-6);
}

.ltd-grid-2 { grid-template-columns: repeat(2, 1fr); }
.ltd-grid-3 { grid-template-columns: repeat(3, 1fr); }
.ltd-grid-4 { grid-template-columns: repeat(4, 1fr); }
.ltd-grid-5 { grid-template-columns: repeat(5, 1fr); }

.ltd-flex { display: flex; }
.ltd-flex-center { display: flex; align-items: center; justify-content: center; }
.ltd-flex-between { display: flex; align-items: center; justify-content: space-between; }
.ltd-gap-4 { gap: var(--ltd-space-4); }
.ltd-gap-6 { gap: var(--ltd-space-6); }
.ltd-gap-8 { gap: var(--ltd-space-8); }

/* --------------------------------------------------------------------------
   4. Typography Utilities
   -------------------------------------------------------------------------- */

.ltd-heading-1 { font-size: var(--ltd-size-5xl); font-weight: var(--ltd-weight-black); line-height: var(--ltd-leading-tight); }
.ltd-heading-2 { font-size: var(--ltd-size-4xl); font-weight: var(--ltd-weight-bold); line-height: var(--ltd-leading-snug); }
.ltd-heading-3 { font-size: var(--ltd-size-3xl); font-weight: var(--ltd-weight-bold); }
.ltd-heading-4 { font-size: var(--ltd-size-2xl); font-weight: var(--ltd-weight-semi); }
.ltd-text-lg   { font-size: var(--ltd-size-lg); }
.ltd-text-sm   { font-size: var(--ltd-size-sm); }
.ltd-text-xs   { font-size: var(--ltd-size-xs); }
.ltd-muted     { color: var(--ltd-text-muted); }
.ltd-center    { text-align: center; }
.ltd-upper     { text-transform: uppercase; letter-spacing: 0.06em; }

.ltd-section-label {
	display: inline-block;
	font-size: var(--ltd-size-xs);
	font-weight: var(--ltd-weight-semi);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--ltd-primary);
	background: var(--ltd-primary-light);
	padding: var(--ltd-space-1) var(--ltd-space-3);
	border-radius: var(--ltd-radius-full);
	margin-bottom: var(--ltd-space-4);
}

.ltd-section-header {
	margin-bottom: var(--ltd-space-12);
}

.ltd-section-header.ltd-center {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

/* --------------------------------------------------------------------------
   5. Buttons
   -------------------------------------------------------------------------- */

.ltd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--ltd-space-2);
	padding: 0.75rem 1.5rem;
	font-size: var(--ltd-size-base);
	font-weight: var(--ltd-weight-semi);
	border-radius: var(--ltd-radius-md);
	border: 2px solid transparent;
	text-decoration: none;
	transition: background var(--ltd-ease), color var(--ltd-ease), border-color var(--ltd-ease), box-shadow var(--ltd-ease), transform var(--ltd-ease);
	white-space: nowrap;
	cursor: pointer;
	line-height: 1;
}

.ltd-btn:hover { transform: translateY(-1px); }
.ltd-btn:active { transform: translateY(0); }

/* Primary */
.ltd-btn--primary {
	background: var(--ltd-primary);
	color: var(--ltd-white);
	border-color: var(--ltd-primary);
}
.ltd-btn--primary:hover {
	background: var(--ltd-primary-dark);
	border-color: var(--ltd-primary-dark);
	color: var(--ltd-white);
	box-shadow: 0 4px 12px rgba(26,95,122,0.3);
}

/* Accent */
.ltd-btn--accent {
	background: var(--ltd-accent);
	color: var(--ltd-white);
	border-color: var(--ltd-accent);
}
.ltd-btn--accent:hover {
	background: var(--ltd-accent-dark);
	border-color: var(--ltd-accent-dark);
	color: var(--ltd-white);
	box-shadow: 0 4px 12px rgba(249,115,22,0.35);
}

/* Outline */
.ltd-btn--outline {
	background: transparent;
	color: var(--ltd-primary);
	border-color: var(--ltd-primary);
}
.ltd-btn--outline:hover {
	background: var(--ltd-primary);
	color: var(--ltd-white);
}

/* Ghost (dark bg) */
.ltd-btn--ghost {
	background: rgba(255,255,255,0.12);
	color: var(--ltd-white);
	border-color: rgba(255,255,255,0.3);
}
.ltd-btn--ghost:hover {
	background: rgba(255,255,255,0.22);
	color: var(--ltd-white);
}

/* Sizes */
.ltd-btn--sm  { padding: 0.5rem 1rem; font-size: var(--ltd-size-sm); }
.ltd-btn--lg  { padding: 0.9rem 2rem; font-size: var(--ltd-size-lg); }
.ltd-btn--xl  { padding: 1rem 2.5rem; font-size: var(--ltd-size-xl); }
.ltd-btn--full { width: 100%; }

/* --------------------------------------------------------------------------
   6. Cards
   -------------------------------------------------------------------------- */

.ltd-card {
	background: var(--ltd-white);
	border: 1px solid var(--ltd-border);
	border-radius: var(--ltd-radius-lg);
	padding: var(--ltd-space-6);
	box-shadow: var(--ltd-shadow-sm);
	transition: box-shadow var(--ltd-ease), transform var(--ltd-ease);
}

.ltd-card--hover:hover {
	box-shadow: var(--ltd-shadow-lg);
	transform: translateY(-3px);
}

.ltd-card--flat {
	box-shadow: none;
}

/* --------------------------------------------------------------------------
   7. Form Elements
   -------------------------------------------------------------------------- */

.ltd-field {
	display: flex;
	flex-direction: column;
	gap: var(--ltd-space-2);
}

.ltd-field label {
	font-size: var(--ltd-size-sm);
	font-weight: var(--ltd-weight-semi);
	color: var(--ltd-text);
}

.ltd-input,
.ltd-select,
.ltd-textarea {
	width: 100%;
	padding: 0.7rem 0.875rem;
	font-size: var(--ltd-size-base);
	font-family: var(--ltd-font);
	color: var(--ltd-text);
	background: var(--ltd-white);
	border: 1.5px solid var(--ltd-border);
	border-radius: var(--ltd-radius-md);
	transition: border-color var(--ltd-ease), box-shadow var(--ltd-ease);
	outline: none;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
}

.ltd-input::placeholder,
.ltd-textarea::placeholder { color: var(--ltd-text-light); }

.ltd-input:focus,
.ltd-select:focus,
.ltd-textarea:focus {
	border-color: var(--ltd-primary);
	box-shadow: 0 0 0 3px rgba(26,95,122,0.12);
}

.ltd-select {
	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 d='M1 1l5 5 5-5' stroke='%2364748b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.875rem center;
	padding-right: 2.5rem;
}

.ltd-textarea { resize: vertical; min-height: 100px; }

/* --------------------------------------------------------------------------
   8. Badge / Tag
   -------------------------------------------------------------------------- */

.ltd-badge {
	display: inline-flex;
	align-items: center;
	padding: var(--ltd-space-1) var(--ltd-space-3);
	font-size: var(--ltd-size-xs);
	font-weight: var(--ltd-weight-semi);
	border-radius: var(--ltd-radius-full);
	white-space: nowrap;
}

.ltd-badge--primary  { background: var(--ltd-primary-light); color: var(--ltd-primary); }
.ltd-badge--accent   { background: #fff4ed; color: var(--ltd-accent-dark); }
.ltd-badge--success  { background: var(--ltd-success-bg); color: var(--ltd-success); }
.ltd-badge--muted    { background: var(--ltd-bg); color: var(--ltd-text-muted); border: 1px solid var(--ltd-border); }

/* --------------------------------------------------------------------------
   9. Header / Navigation
   -------------------------------------------------------------------------- */

.ltd-header {
	position: sticky;
	top: 0;
	z-index: 100;
	height: var(--ltd-header-h);
	background: var(--ltd-white);
	border-bottom: 1px solid var(--ltd-border);
	box-shadow: var(--ltd-shadow-xs);
}

.ltd-header__inner {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ltd-space-8);
}

.ltd-header__logo {
	display: flex;
	align-items: center;
	gap: var(--ltd-space-2);
	text-decoration: none;
	flex-shrink: 0;
	min-width: 0;
}

.ltd-header__logo-wordmark {
	display: block;
	width: auto;
	height: 58px;
	max-width: min(340px, 100%);
	object-fit: contain;
}

.ltd-header__logo-icon {
	display: none;
	width: 42px;
	height: 42px;
	object-fit: contain;
}

.ltd-header__logo-mark {
	width: 36px;
	height: 36px;
	background: var(--ltd-primary);
	border-radius: var(--ltd-radius-md);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ltd-white);
	font-weight: var(--ltd-weight-black);
	font-size: var(--ltd-size-lg);
	flex-shrink: 0;
}

.ltd-header__logo-text {
	font-size: var(--ltd-size-lg);
	font-weight: var(--ltd-weight-bold);
	color: var(--ltd-text);
	line-height: 1;
}

.ltd-header__logo-text span {
	color: var(--ltd-primary);
}

.ltd-header__nav {
	display: flex;
	align-items: center;
	gap: var(--ltd-space-6);
	flex: 1;
	min-height: 58px;
	position: relative;
	top: 5px;
}

.ltd-header__nav-link {
	display: inline-flex;
	align-items: center;
	font-size: var(--ltd-size-sm);
	font-weight: var(--ltd-weight-medium);
	line-height: 1;
	color: var(--ltd-text-muted);
	text-decoration: none;
	transition: color var(--ltd-ease);
	white-space: nowrap;
}

.ltd-header__nav-link:hover {
	color: var(--ltd-primary);
}

.ltd-header__actions {
	display: flex;
	align-items: center;
	gap: var(--ltd-space-3);
	flex-shrink: 0;
	min-height: 58px;
	position: relative;
	top: 5px;
}

.ltd-header__login {
	display: inline-flex;
	align-items: center;
	font-size: var(--ltd-size-sm);
	font-weight: var(--ltd-weight-medium);
	line-height: 1;
	color: var(--ltd-text-muted);
	text-decoration: none;
	white-space: nowrap;
}
.ltd-header__login:hover { color: var(--ltd-primary); }

/* Hamburger */
.ltd-header__burger {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: none;
	border: none;
	padding: 8px;
	border-radius: var(--ltd-radius-md);
	transition: background var(--ltd-ease);
}
.ltd-header__burger:hover { background: var(--ltd-bg); }

.ltd-header__burger-line {
	display: block;
	width: 22px;
	height: 2px;
	background: var(--ltd-text);
	border-radius: 2px;
	transition: transform var(--ltd-ease), opacity var(--ltd-ease);
}

/* Mobile nav drawer */
.ltd-mobile-nav {
	display: none;
	position: fixed;
	top: var(--ltd-header-h);
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--ltd-white);
	z-index: 99;
	padding: var(--ltd-space-6);
	flex-direction: column;
	gap: var(--ltd-space-2);
	overflow-y: auto;
}

.ltd-mobile-nav.is-open {
	display: flex;
}

.ltd-mobile-nav__link {
	display: block;
	padding: var(--ltd-space-4);
	font-size: var(--ltd-size-lg);
	font-weight: var(--ltd-weight-medium);
	color: var(--ltd-text);
	text-decoration: none;
	border-radius: var(--ltd-radius-md);
	transition: background var(--ltd-ease);
}
.ltd-mobile-nav__link:hover { background: var(--ltd-bg); color: var(--ltd-primary); }

.ltd-mobile-nav__divider {
	border: none;
	border-top: 1px solid var(--ltd-border);
	margin: var(--ltd-space-4) 0;
}

/* --------------------------------------------------------------------------
   10. Footer
   -------------------------------------------------------------------------- */

.ltd-footer {
	background: var(--ltd-bg-dark);
	color: rgba(255,255,255,0.75);
	padding: var(--ltd-space-16) 0 var(--ltd-space-8);
}

.ltd-footer__top {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	gap: var(--ltd-space-12);
	margin-bottom: var(--ltd-space-12);
}

.ltd-footer__brand-text {
	font-size: var(--ltd-size-base);
	color: rgba(255,255,255,0.6);
	margin-top: var(--ltd-space-4);
	line-height: var(--ltd-leading-base);
	max-width: 280px;
}

.ltd-footer__logo {
	display: flex;
	align-items: center;
	gap: var(--ltd-space-2);
	text-decoration: none;
}

.ltd-footer__logo-wordmark {
	display: block;
	width: auto;
	height: 54px;
	max-width: min(320px, 100%);
	object-fit: contain;
}

.ltd-footer__logo-mark {
	width: 34px;
	height: 34px;
	background: var(--ltd-primary);
	border-radius: var(--ltd-radius-md);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ltd-white);
	font-weight: var(--ltd-weight-black);
	font-size: var(--ltd-size-base);
}

.ltd-footer__logo-text {
	font-size: var(--ltd-size-base);
	font-weight: var(--ltd-weight-bold);
	color: var(--ltd-white);
}

.ltd-footer__col-heading {
	font-size: var(--ltd-size-sm);
	font-weight: var(--ltd-weight-semi);
	color: var(--ltd-white);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: var(--ltd-space-4);
}

.ltd-footer__links {
	display: flex;
	flex-direction: column;
	gap: var(--ltd-space-3);
}

.ltd-footer__links a {
	font-size: var(--ltd-size-sm);
	color: rgba(255,255,255,0.6);
	text-decoration: none;
	transition: color var(--ltd-ease);
}
.ltd-footer__links a:hover { color: var(--ltd-white); }

.ltd-footer__bottom {
	border-top: 1px solid rgba(255,255,255,0.1);
	padding-top: var(--ltd-space-8);
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--ltd-space-4);
}

.ltd-footer__copy {
	font-size: var(--ltd-size-sm);
	color: rgba(255,255,255,0.4);
}

.ltd-footer__bottom-links {
	display: flex;
	gap: var(--ltd-space-6);
}

.ltd-footer__bottom-links a {
	font-size: var(--ltd-size-sm);
	color: rgba(255,255,255,0.4);
}
.ltd-footer__bottom-links a:hover { color: rgba(255,255,255,0.8); }

/* --------------------------------------------------------------------------
   11. Hero Section
   -------------------------------------------------------------------------- */

.ltd-hero {
	background: linear-gradient(135deg, var(--ltd-bg-dark) 0%, #1a5f7a 100%);
	color: var(--ltd-white);
	padding: var(--ltd-space-24) 0 var(--ltd-space-20);
	position: relative;
	overflow: hidden;
}

.ltd-hero::before {
	content: '';
	position: absolute;
	top: -40%;
	right: -10%;
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(249,115,22,0.12) 0%, transparent 70%);
	pointer-events: none;
}

.ltd-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: var(--ltd-space-2);
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.2);
	padding: var(--ltd-space-1) var(--ltd-space-4);
	border-radius: var(--ltd-radius-full);
	font-size: var(--ltd-size-sm);
	color: rgba(255,255,255,0.9);
	margin-bottom: var(--ltd-space-6);
}

.ltd-hero__eyebrow-dot {
	width: 6px;
	height: 6px;
	background: var(--ltd-accent);
	border-radius: 50%;
	animation: ltd-pulse 2s infinite;
}

@keyframes ltd-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50%       { opacity: 0.6; transform: scale(0.8); }
}

.ltd-hero__title {
	font-size: clamp(var(--ltd-size-4xl), 5vw, var(--ltd-size-6xl));
	font-weight: var(--ltd-weight-black);
	color: var(--ltd-white);
	line-height: var(--ltd-leading-tight);
	margin-bottom: var(--ltd-space-6);
	max-width: 700px;
}

.ltd-hero__title em {
	font-style: normal;
	color: var(--ltd-accent);
}

.ltd-hero__subtitle {
	font-size: var(--ltd-size-xl);
	color: rgba(255,255,255,0.75);
	margin-bottom: var(--ltd-space-10);
	max-width: 520px;
	line-height: var(--ltd-leading-base);
}

/* Hero search box */
.ltd-hero__search {
	background: var(--ltd-white);
	border-radius: var(--ltd-radius-xl);
	padding: var(--ltd-space-3);
	display: flex;
	align-items: stretch;
	gap: var(--ltd-space-2);
	width: 100%;
	max-width: 760px;
	box-shadow: var(--ltd-shadow-xl);
}

.ltd-hero__search-input,
.ltd-hero__search-select {
	flex: 1;
	border: none;
	outline: none;
	font-size: var(--ltd-size-base);
	color: var(--ltd-text);
	padding: 0 var(--ltd-space-4);
	background: transparent;
	font-family: var(--ltd-font);
	min-width: 0;
}

.ltd-hero__search-input {
	flex: 1.18;
	min-width: 210px;
}

.ltd-hero__search-select {
	flex: 1;
	min-width: 210px;
}

.ltd-hero__search-input::placeholder { color: var(--ltd-text-light); }

.ltd-hero__search-divider {
	width: 1px;
	background: var(--ltd-border);
	flex-shrink: 0;
	align-self: stretch;
	margin: var(--ltd-space-2) 0;
}

.ltd-hero__search-btn {
	background: var(--ltd-accent);
	color: var(--ltd-white);
	border: none;
	border-radius: var(--ltd-radius-lg);
	padding: 0.8rem 1.25rem;
	font-size: var(--ltd-size-base);
	font-weight: var(--ltd-weight-semi);
	cursor: pointer;
	white-space: nowrap;
	transition: background var(--ltd-ease), box-shadow var(--ltd-ease);
	flex-shrink: 0;
	max-width: 210px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ltd-hero__search-btn:hover {
	background: var(--ltd-accent-dark);
	box-shadow: 0 4px 12px rgba(249,115,22,0.4);
}

.ltd-hero__search-input.is-complete,
.ltd-hero__search-select.is-complete {
	background: rgba(240, 253, 244, 0.96);
	box-shadow: inset 0 0 0 1.5px rgba(22, 163, 74, 0.2);
	border-radius: 12px;
}

.ltd-hero__search-input.is-invalid-live,
.ltd-hero__search-select.is-invalid-live {
	background: rgba(254, 242, 242, 0.96);
	box-shadow: inset 0 0 0 1.5px rgba(220, 38, 38, 0.18);
	border-radius: 12px;
}

.ltd-hero__search-feedback {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 0.9rem;
	max-width: 760px;
}

.ltd-hero__search-confirm {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.62rem 0.88rem;
	border-radius: 999px;
	border: 1px solid rgba(134, 239, 172, 0.25);
	background: rgba(15, 23, 42, 0.18);
	color: #e8fff0;
	font-size: 0.92rem;
	font-weight: var(--ltd-weight-medium);
	line-height: 1.2;
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
}

.ltd-hero__search-confirm[hidden] {
	display: none;
}

.ltd-hero__search-confirm--error {
	border-color: rgba(252, 165, 165, 0.26);
	color: #fee2e2;
}

.ltd-hero__search-confirm-icon {
	width: 1.35rem;
	height: 1.35rem;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: rgba(22, 163, 74, 0.18);
	color: #bbf7d0;
}

.ltd-hero__search-confirm--error .ltd-hero__search-confirm-icon {
	background: rgba(220, 38, 38, 0.18);
	color: #fecaca;
}

.ltd-hero__search-confirm-icon svg {
	width: 0.8rem;
	height: 0.8rem;
	display: block;
	fill: currentColor;
}

.ltd-hero__route-success {
	display: inline-flex;
	align-items: center;
	gap: 0.7rem;
	margin-top: 0.9rem;
	max-width: 760px;
	padding: 0.78rem 1rem;
	border-radius: 16px;
	border: 1px solid rgba(134, 239, 172, 0.22);
	background: rgba(15, 23, 42, 0.16);
	color: #e7fff1;
	font-size: 0.94rem;
	font-weight: var(--ltd-weight-medium);
	line-height: 1.25;
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

.ltd-hero__route-success[hidden] {
	display: none;
}

.ltd-hero__route-success-icon {
	width: 1.4rem;
	height: 1.4rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border-radius: 999px;
	background: rgba(22, 163, 74, 0.18);
	color: #bbf7d0;
}

.ltd-hero__route-success-icon svg {
	width: 0.82rem;
	height: 0.82rem;
	display: block;
	fill: currentColor;
}

.ltd-hero__trust {
	display: flex;
	align-items: center;
	gap: var(--ltd-space-6);
	margin-top: var(--ltd-space-6);
	flex-wrap: wrap;
}

.ltd-hero__trust-item {
	display: flex;
	align-items: center;
	gap: var(--ltd-space-2);
	font-size: var(--ltd-size-sm);
	color: rgba(255,255,255,0.7);
}

.ltd-hero__trust-icon {
	width: 16px;
	height: 16px;
	color: var(--ltd-accent);
}

/* Hero search error */
.ltd-hero__search-error {
	display: none;
	margin-top: var(--ltd-space-3);
	font-size: var(--ltd-size-sm);
	color: #fca5a5;
	padding: var(--ltd-space-2) var(--ltd-space-4);
}

.ltd-hero__layout {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.85fr);
	gap: var(--ltd-space-10);
	align-items: start;
	position: relative;
	z-index: 1;
}

.ltd-hero__content {
	min-width: 0;
}

.home .ltd-hero__content::after {
	content: '';
	display: block;
	width: 112px;
	height: 4px;
	margin-top: 1.6rem;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--ltd-accent) 0%, var(--ltd-primary) 100%);
}

.ltd-hero-panel {
	background:
		linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.08) 100%);
	border: 1px solid rgba(255,255,255,0.18);
	border-radius: var(--ltd-radius-2xl);
	padding: var(--ltd-space-8);
	box-shadow: var(--ltd-shadow-xl);
	backdrop-filter: blur(14px);
}

.ltd-hero-panel__label {
	margin: 0 0 var(--ltd-space-3);
	font-size: var(--ltd-size-xs);
	font-weight: var(--ltd-weight-semi);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.72);
}

.ltd-hero-panel__title {
	font-size: clamp(var(--ltd-size-xl), 3vw, var(--ltd-size-3xl));
	color: var(--ltd-white);
	margin-bottom: var(--ltd-space-4);
}

.ltd-hero-panel__text {
	color: rgba(255,255,255,0.76);
	font-size: var(--ltd-size-base);
	line-height: var(--ltd-leading-loose);
}

.ltd-hero-panel__links {
	display: grid;
	gap: var(--ltd-space-3);
	margin-top: var(--ltd-space-6);
}

.ltd-hero-panel__link {
	display: flex;
	flex-direction: column;
	gap: var(--ltd-space-2);
	padding: var(--ltd-space-4) var(--ltd-space-5);
	border-radius: var(--ltd-radius-xl);
	background: rgba(15,45,61,0.28);
	border: 1px solid rgba(255,255,255,0.12);
	color: var(--ltd-white);
	text-decoration: none;
	transition: transform var(--ltd-ease), background var(--ltd-ease), border-color var(--ltd-ease);
}

.ltd-hero-panel__link strong {
	font-size: var(--ltd-size-base);
	font-weight: var(--ltd-weight-semi);
}

.ltd-hero-panel__link span {
	font-size: var(--ltd-size-sm);
	line-height: var(--ltd-leading-base);
	color: rgba(255,255,255,0.7);
}

.ltd-hero-panel__link:hover {
	color: var(--ltd-white);
	transform: translateY(-2px);
	background: rgba(15,45,61,0.4);
	border-color: rgba(255,255,255,0.24);
}

.ltd-home-metrics {
	position: relative;
	margin-top: calc(var(--ltd-space-12) * -1);
	padding-bottom: var(--ltd-space-6);
	z-index: 3;
	overflow: visible;
	isolation: isolate;
}

.ltd-home-metrics::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 3.6rem;
	bottom: 0;
	background: var(--ltd-white);
	z-index: 0;
	pointer-events: none;
}

.ltd-home-metrics__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--ltd-space-4);
	overflow: visible;
}

.ltd-home-metric {
	position: relative;
	z-index: 1;
	/* Both states must be gradients so the browser can interpolate smoothly.
	   Flat colour → gradient causes an instant snap (they're different CSS types),
	   which exposes the hero background at the overlap seam on hover-out. */
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
	border: 1px solid rgba(15,45,61,0.08);
	border-radius: var(--ltd-radius-xl);
	padding: var(--ltd-space-6);
	box-shadow: var(--ltd-shadow-lg);
	transition: box-shadow var(--ltd-ease), border-color var(--ltd-ease), background var(--ltd-ease);
	/* Force each card onto its own GPU compositor layer so transition
	   repaints never expose the hero layer behind the overlap seam. */
	will-change: transform;
	transform: translateZ(0);
}

.ltd-home-metric:hover {
	/* z-index removed: it had no CSS transition so it snapped back instantly,
	   triggering a compositor re-promotion that contributed to the flicker.
	   Cards in a grid don't overlap each other so no z-index bump is needed. */
	border-color: rgba(26, 95, 122, 0.22);
	background: linear-gradient(180deg, #ffffff 0%, #f4fbfe 100%);
	box-shadow:
		0 18px 38px rgba(15, 45, 61, 0.14),
		0 0 0 1px rgba(26, 95, 122, 0.05);
}

.ltd-home-metric:hover .ltd-home-metric__value {
	color: var(--ltd-primary);
}

.ltd-home-metric:hover .ltd-home-metric__label {
	color: #4d6276;
}

.ltd-home-metric__value {
	font-size: clamp(var(--ltd-size-2xl), 4vw, var(--ltd-size-4xl));
	font-weight: var(--ltd-weight-black);
	line-height: 1;
	color: var(--ltd-primary-dark);
	margin-bottom: var(--ltd-space-3);
}

.ltd-home-metric__label {
	font-size: var(--ltd-size-sm);
	line-height: var(--ltd-leading-base);
	color: var(--ltd-text-muted);
}

.ltd-home-editorial {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.8fr);
	gap: var(--ltd-space-8);
	padding: var(--ltd-space-10);
	background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
	border: 1px solid rgba(15,45,61,0.08);
	border-radius: var(--ltd-radius-2xl);
	box-shadow: var(--ltd-shadow-md);
}

.ltd-home-editorial__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ltd-space-4);
	margin-top: var(--ltd-space-6);
}

.ltd-home-editorial__panel {
	padding: var(--ltd-space-8);
	background: linear-gradient(160deg, var(--ltd-bg-dark) 0%, var(--ltd-primary) 100%);
	border-radius: var(--ltd-radius-2xl);
	color: var(--ltd-white);
}

.ltd-home-editorial__panel-title {
	color: var(--ltd-white);
	font-size: var(--ltd-size-xl);
	margin-bottom: var(--ltd-space-5);
}

.ltd-home-editorial__list {
	display: flex;
	flex-direction: column;
	gap: var(--ltd-space-4);
}

.ltd-home-editorial__list li {
	position: relative;
	padding-left: var(--ltd-space-6);
	color: rgba(255,255,255,0.78);
	font-size: var(--ltd-size-sm);
	line-height: var(--ltd-leading-base);
}

.ltd-home-editorial__list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.48rem;
	width: 9px;
	height: 9px;
	background: var(--ltd-accent);
	border-radius: 50%;
	box-shadow: 0 0 0 5px rgba(249,115,22,0.16);
}

/* --------------------------------------------------------------------------
   12. Trust Bar
   -------------------------------------------------------------------------- */

.ltd-trustbar {
	background: var(--ltd-primary);
	padding: var(--ltd-space-6) 0;
}

.ltd-trustbar__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--ltd-space-10);
	flex-wrap: wrap;
}

.ltd-trustbar__item {
	display: flex;
	align-items: center;
	gap: var(--ltd-space-3);
}

.ltd-trustbar__icon {
	width: 22px;
	height: 22px;
	color: rgba(255,255,255,0.8);
	flex-shrink: 0;
}

.ltd-trustbar__text {
	font-size: var(--ltd-size-sm);
	font-weight: var(--ltd-weight-medium);
	color: rgba(255,255,255,0.9);
	white-space: nowrap;
}

.ltd-trustbar__sep {
	width: 1px;
	height: 24px;
	background: rgba(255,255,255,0.2);
}

/* --------------------------------------------------------------------------
   13. Trade Grid
   -------------------------------------------------------------------------- */

.ltd-trade-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: var(--ltd-space-3);
}

.ltd-trade-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--ltd-space-3);
	padding: var(--ltd-space-6) var(--ltd-space-4);
	background: var(--ltd-white);
	border: 1.5px solid var(--ltd-border);
	border-radius: var(--ltd-radius-lg);
	text-decoration: none;
	color: var(--ltd-text);
	transition: border-color var(--ltd-ease), box-shadow var(--ltd-ease), transform var(--ltd-ease);
	text-align: center;
}

.ltd-trade-card:hover {
	border-color: var(--ltd-primary);
	box-shadow: var(--ltd-shadow-md);
	transform: translateY(-3px);
	color: var(--ltd-primary);
}

.ltd-trade-card__icon {
	width: 44px;
	height: 44px;
	background: var(--ltd-primary-light);
	border-radius: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ltd-primary);
	transition: background var(--ltd-ease), color var(--ltd-ease), transform var(--ltd-ease);
}

.ltd-trade-card__icon svg {
	width: 22px;
	height: 22px;
	display: block;
	fill: currentColor;
}

.ltd-trade-card__name {
	font-size: var(--ltd-size-sm);
	font-weight: var(--ltd-weight-semi);
	line-height: var(--ltd-leading-tight);
}

.ltd-homepage .ltd-trade-card {
	align-items: flex-start;
	text-align: left;
	padding: var(--ltd-space-4);
	gap: 0.7rem;
	height: 100%;
	min-height: 0;
}

.ltd-homepage .ltd-trade-card:hover {
	color: var(--ltd-text);
}

.ltd-homepage .ltd-trade-card.is-selected {
	border-color: rgba(26, 95, 122, 0.5);
	box-shadow: 0 14px 32px rgba(26, 95, 122, 0.14);
	background: linear-gradient(180deg, #ffffff 0%, #f4fbfe 100%);
}

.ltd-homepage .ltd-trade-card.is-selected .ltd-trade-card__icon {
	background: var(--ltd-primary);
	color: var(--ltd-white);
}

.ltd-homepage .ltd-trade-card__name {
	font-size: 1rem;
	line-height: 1.2;
}

.ltd-trade-card__summary {
	margin: 0;
	font-size: 0.84rem;
	line-height: 1.45;
	color: var(--ltd-text-muted);
}

.ltd-homepage .ltd-trade-card:hover .ltd-trade-card__icon {
	background: var(--ltd-primary);
	color: var(--ltd-white);
	transform: translateY(-1px);
}

/* --------------------------------------------------------------------------
   14. How It Works Steps
   -------------------------------------------------------------------------- */

.ltd-steps {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--ltd-space-8);
	position: relative;
}

.ltd-steps::before {
	content: '';
	position: absolute;
	top: 28px;
	left: calc(16.66% + 28px);
	right: calc(16.66% + 28px);
	height: 2px;
	background: var(--ltd-border);
	z-index: 0;
}

.ltd-step {
	position: relative;
	z-index: 1;
	text-align: center;
}

.ltd-step__num {
	width: 56px;
	height: 56px;
	background: var(--ltd-primary);
	color: var(--ltd-white);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--ltd-size-xl);
	font-weight: var(--ltd-weight-bold);
	margin: 0 auto var(--ltd-space-5);
	box-shadow: 0 0 0 6px var(--ltd-primary-light);
}

.ltd-step__title {
	font-size: var(--ltd-size-lg);
	font-weight: var(--ltd-weight-semi);
	margin-bottom: var(--ltd-space-3);
}

.ltd-step__desc {
	font-size: var(--ltd-size-sm);
	color: var(--ltd-text-muted);
	line-height: var(--ltd-leading-base);
}

/* --------------------------------------------------------------------------
   15. Region Cards
   -------------------------------------------------------------------------- */

.ltd-region-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--ltd-space-5);
}

.ltd-region-card {
	background: var(--ltd-white);
	border: 1.5px solid var(--ltd-border);
	border-radius: var(--ltd-radius-lg);
	padding: var(--ltd-space-6);
	text-decoration: none;
	color: var(--ltd-text);
	display: flex;
	flex-direction: column;
	gap: var(--ltd-space-3);
	transition: border-color var(--ltd-ease), box-shadow var(--ltd-ease), transform var(--ltd-ease);
}

.ltd-region-card:hover {
	border-color: var(--ltd-primary);
	box-shadow: var(--ltd-shadow-md);
	transform: translateY(-2px);
}

.ltd-region-card__name {
	font-size: var(--ltd-size-lg);
	font-weight: var(--ltd-weight-semi);
	color: var(--ltd-text);
}

.ltd-region-card__count {
	display: inline-flex;
	align-self: flex-start;
	padding: 0.35rem 0.75rem;
	border-radius: var(--ltd-radius-full);
	background: var(--ltd-primary-light);
	color: var(--ltd-primary-dark);
	font-size: var(--ltd-size-xs);
	font-weight: var(--ltd-weight-semi);
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.ltd-region-card__meta {
	font-size: var(--ltd-size-sm);
	color: var(--ltd-text-muted);
}

.ltd-region-card__link {
	font-size: var(--ltd-size-sm);
	font-weight: var(--ltd-weight-semi);
	color: var(--ltd-primary);
	margin-top: auto;
}

.ltd-feature-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: var(--ltd-space-4);
	align-items: stretch;
}

.ltd-feature-card {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	padding: 1.35rem 1.35rem 1.25rem;
	border-radius: 26px;
	background: linear-gradient(180deg, #ffffff 0%, #f9fcff 100%);
	border: 1px solid #dce7ef;
	box-shadow: 0 14px 30px rgba(15, 23, 42, 0.055);
	text-decoration: none;
	color: var(--ltd-text);
	transition: transform var(--ltd-ease), border-color var(--ltd-ease), box-shadow var(--ltd-ease), background var(--ltd-ease);
}

.ltd-feature-card::before {
	content: '';
	position: absolute;
	inset: 0 auto auto 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, rgba(26,95,122,0.95) 0%, rgba(46,142,177,0.68) 100%);
	opacity: 0.9;
}

.ltd-feature-card:hover {
	transform: translateY(-2px);
	border-color: rgba(26,95,122,0.28);
	box-shadow: 0 20px 38px rgba(15, 23, 42, 0.085);
	background: linear-gradient(180deg, #ffffff 0%, #f4fafe 100%);
	color: var(--ltd-text);
}

.ltd-feature-card__kicker {
	display: inline-flex;
	align-self: flex-start;
	padding: 0.38rem 0.78rem;
	border-radius: var(--ltd-radius-full);
	background: rgba(26, 95, 122, 0.09);
	color: var(--ltd-primary-dark);
	font-size: var(--ltd-size-xs);
	font-weight: var(--ltd-weight-semi);
	text-transform: uppercase;
	letter-spacing: 0.095em;
}

.ltd-feature-card__title {
	font-size: clamp(1.12rem, 2vw, 1.36rem);
	line-height: 1.2;
	margin: 0;
}

.ltd-feature-card__text {
	margin: 0;
	font-size: 0.96rem;
	color: var(--ltd-text-muted);
	line-height: 1.65;
}

.ltd-feature-card__cta {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding-top: 0.35rem;
	font-size: 0.92rem;
	font-weight: var(--ltd-weight-semi);
	color: var(--ltd-primary);
}

.ltd-feature-card__cta::after {
	content: '\2192';
	font-size: 0.88rem;
	transition: transform var(--ltd-ease);
}

.ltd-feature-card:hover .ltd-feature-card__cta::after {
	transform: translateX(2px);
}

.ltd-town-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: var(--ltd-space-4);
}

.ltd-town-card {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	padding: var(--ltd-space-5);
	border-radius: 24px;
	background: #ffffff;
	border: 1px solid rgba(15, 45, 61, 0.08);
	box-shadow: var(--ltd-shadow-sm);
	text-decoration: none;
	color: var(--ltd-text);
	transition: transform var(--ltd-ease), border-color var(--ltd-ease), box-shadow var(--ltd-ease);
}

.ltd-town-card:hover {
	transform: translateY(-3px);
	border-color: rgba(26,95,122,0.24);
	box-shadow: var(--ltd-shadow-lg);
	color: var(--ltd-text);
}

.ltd-town-card__name {
	font-size: 1.02rem;
	font-weight: var(--ltd-weight-bold);
	line-height: 1.25;
}

.ltd-town-card__meta {
	font-size: var(--ltd-size-sm);
	color: var(--ltd-text-muted);
}

.ltd-town-card__cta {
	margin-top: auto;
	font-size: var(--ltd-size-sm);
	font-weight: var(--ltd-weight-semi);
	color: var(--ltd-primary);
}

/* --------------------------------------------------------------------------
   16. CTA Banner
   -------------------------------------------------------------------------- */

.ltd-cta-banner {
	background: linear-gradient(135deg, var(--ltd-primary) 0%, var(--ltd-primary-dark) 100%);
	border-radius: var(--ltd-radius-2xl);
	padding: var(--ltd-space-16) var(--ltd-space-12);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ltd-space-8);
	position: relative;
	overflow: hidden;
}

.ltd-cta-banner::after {
	content: '';
	position: absolute;
	right: -60px;
	top: -60px;
	width: 300px;
	height: 300px;
	background: rgba(255,255,255,0.05);
	border-radius: 50%;
	pointer-events: none;
}

.ltd-cta-banner__title {
	font-size: var(--ltd-size-3xl);
	font-weight: var(--ltd-weight-bold);
	color: var(--ltd-white);
	margin-bottom: var(--ltd-space-3);
}

.ltd-cta-banner__desc {
	font-size: var(--ltd-size-lg);
	color: rgba(255,255,255,0.75);
	margin: 0;
}

.ltd-cta-banner__actions {
	display: flex;
	gap: var(--ltd-space-4);
	flex-shrink: 0;
}

/* --------------------------------------------------------------------------
   17. Breadcrumb
   -------------------------------------------------------------------------- */

.ltd-breadcrumb {
	padding: var(--ltd-space-4) 0;
}

.ltd-breadcrumb__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--ltd-space-2);
	list-style: none;
	margin: 0;
	padding: 0;
}

.ltd-breadcrumb__list li {
	display: flex;
	align-items: center;
	gap: var(--ltd-space-2);
	font-size: var(--ltd-size-sm);
	color: var(--ltd-text-muted);
}

.ltd-breadcrumb__list li:not(:last-child)::after {
	content: '›';
	color: var(--ltd-border-dark);
}

.ltd-breadcrumb__list a {
	color: var(--ltd-text-muted);
	text-decoration: none;
	transition: color var(--ltd-ease);
}
.ltd-breadcrumb__list a:hover { color: var(--ltd-primary); }

.ltd-breadcrumb__list li:last-child { color: var(--ltd-text); font-weight: var(--ltd-weight-medium); }

/* --------------------------------------------------------------------------
   18. Virtual Page Layout
   -------------------------------------------------------------------------- */

.ltd-virtual-page {
	background:
		radial-gradient(circle at top left, rgba(249, 115, 22, 0.08), transparent 24%),
		radial-gradient(circle at 100% 18%, rgba(26, 95, 122, 0.10), transparent 26%),
		linear-gradient(180deg, #f4f8fb 0%, #ffffff 18%, #f7fafc 100%);
}

.ltd-virtual-page .ltd-page-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(4.5rem, 8vw, 6.25rem) 0 clamp(6.4rem, 11vw, 8.6rem);
	color: var(--ltd-white);
	background:
		radial-gradient(circle at top left, rgba(249, 115, 22, 0.22), transparent 24%),
		radial-gradient(circle at 88% 18%, rgba(56, 189, 248, 0.18), transparent 20%),
		linear-gradient(135deg, #0d2836 0%, #17485e 56%, #236f8a 100%);
}

.ltd-virtual-page .ltd-page-hero::before,
.ltd-virtual-page .ltd-page-hero::after {
	content: '';
	position: absolute;
	pointer-events: none;
}

.ltd-virtual-page .ltd-page-hero::before {
	inset: auto -8% -32% auto;
	width: clamp(18rem, 28vw, 26rem);
	height: clamp(18rem, 28vw, 26rem);
	border-radius: 50%;
	background: rgba(255,255,255,0.08);
	filter: blur(8px);
}

.ltd-virtual-page .ltd-page-hero::after {
	inset: 0;
	background:
		linear-gradient(120deg, rgba(255,255,255,0.06) 0%, transparent 34%),
		repeating-linear-gradient(135deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 16px);
	opacity: 0.45;
}

.ltd-virtual-page .ltd-page-hero .ltd-container {
	position: relative;
	z-index: 1;
}

.ltd-virtual-page .ltd-page-hero .ltd-breadcrumb {
	padding-top: 0;
	margin-bottom: var(--ltd-space-6);
}

.ltd-virtual-page .ltd-page-hero .ltd-breadcrumb__list li,
.ltd-virtual-page .ltd-page-hero .ltd-breadcrumb__list a {
	color: rgba(255,255,255,0.72);
}

.ltd-virtual-page .ltd-page-hero .ltd-breadcrumb__list li:last-child {
	color: rgba(255,255,255,0.96);
}

.ltd-virtual-page .ltd-page-hero .ltd-breadcrumb__list li:not(:last-child)::after {
	color: rgba(255,255,255,0.35);
}

.ltd-page-hero__title {
	max-width: 12ch;
	font-size: clamp(2.45rem, 4.3vw, 4.2rem);
	font-weight: var(--ltd-weight-black);
	line-height: 1.01;
	letter-spacing: -0.045em;
	text-wrap: balance;
	color: var(--ltd-white);
	margin-bottom: var(--ltd-space-5);
}

.ltd-page-hero__desc {
	max-width: 62ch;
	font-size: clamp(1.05rem, 1.6vw, 1.2rem);
	line-height: 1.8;
	color: rgba(255,255,255,0.82);
	margin: 0;
}

.ltd-static-page .ltd-page-hero {
	background:
		radial-gradient(circle at top right, rgba(26, 95, 122, 0.08), transparent 26%),
		linear-gradient(180deg, #f8fbfd 0%, #ffffff 62%, #f8fbfd 100%);
	padding: var(--ltd-space-12) 0 var(--ltd-space-14);
	border-bottom: 1px solid rgba(15, 45, 61, 0.08);
}

.ltd-static-page .ltd-page-hero .ltd-breadcrumb {
	padding-top: 0;
	margin-bottom: var(--ltd-space-5);
}

.ltd-static-page .ltd-page-hero .ltd-breadcrumb__list li,
.ltd-static-page .ltd-page-hero .ltd-breadcrumb__list a {
	color: var(--ltd-text-muted);
}

.ltd-static-page .ltd-page-hero .ltd-breadcrumb__list li:last-child {
	color: var(--ltd-text);
}

.ltd-static-page .ltd-page-hero .ltd-breadcrumb__list li:not(:last-child)::after {
	color: rgba(15, 45, 61, 0.28);
}

.ltd-static-page .ltd-page-hero__title {
	color: var(--ltd-text);
}

.ltd-static-page .ltd-page-hero__desc {
	color: var(--ltd-text-muted);
}

.ltd-page-for-tradespeople .ltd-page-hero,
.ltd-page-about .ltd-page-hero,
.ltd-page-contact .ltd-page-hero,
.ltd-page-how-it-works .ltd-page-hero {
	position: relative;
	overflow: hidden;
	color: var(--ltd-white);
	background:
		radial-gradient(circle at top left, rgba(249, 115, 22, 0.18), transparent 24%),
		radial-gradient(circle at 88% 18%, rgba(56, 189, 248, 0.16), transparent 20%),
		linear-gradient(135deg, #0d2836 0%, #17485e 56%, #236f8a 100%);
	border-bottom: 0;
	padding: clamp(4.6rem, 8vw, 6.1rem) 0 clamp(5.8rem, 9.8vw, 7.6rem);
}

.ltd-page-for-tradespeople .ltd-page-hero::before,
.ltd-page-about .ltd-page-hero::before,
.ltd-page-contact .ltd-page-hero::before,
.ltd-page-how-it-works .ltd-page-hero::before,
.ltd-page-for-tradespeople .ltd-page-hero::after,
.ltd-page-about .ltd-page-hero::after,
.ltd-page-contact .ltd-page-hero::after,
.ltd-page-how-it-works .ltd-page-hero::after {
	content: '';
	position: absolute;
	pointer-events: none;
}

.ltd-page-for-tradespeople .ltd-page-hero::before,
.ltd-page-about .ltd-page-hero::before,
.ltd-page-contact .ltd-page-hero::before,
.ltd-page-how-it-works .ltd-page-hero::before {
	inset: auto -8% -32% auto;
	width: clamp(18rem, 28vw, 26rem);
	height: clamp(18rem, 28vw, 26rem);
	border-radius: 50%;
	background: rgba(255,255,255,0.08);
	filter: blur(8px);
}

.ltd-page-for-tradespeople .ltd-page-hero::after,
.ltd-page-about .ltd-page-hero::after,
.ltd-page-contact .ltd-page-hero::after,
.ltd-page-how-it-works .ltd-page-hero::after {
	inset: 0;
	background:
		linear-gradient(120deg, rgba(255,255,255,0.06) 0%, transparent 34%),
		repeating-linear-gradient(135deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 16px);
	opacity: 0.45;
}

.ltd-page-for-tradespeople .ltd-page-hero .ltd-container,
.ltd-page-about .ltd-page-hero .ltd-container,
.ltd-page-contact .ltd-page-hero .ltd-container,
.ltd-page-how-it-works .ltd-page-hero .ltd-container {
	position: relative;
	z-index: 1;
}

.ltd-tradespeople-hero__panel {
	max-width: min(72rem, 100%);
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
}

.ltd-tradespeople-hero__panel::after {
	content: '';
	display: block;
	width: 112px;
	height: 4px;
	margin-top: 1.6rem;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--ltd-accent) 0%, var(--ltd-primary) 100%);
}

.ltd-tradespeople-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	padding: 0.42rem 0.82rem;
	margin-bottom: 1rem;
	border-radius: 999px;
	background: rgba(255,255,255,0.12);
	color: rgba(255,255,255,0.92);
	font-size: 0.74rem;
	font-weight: var(--ltd-weight-semi);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.ltd-page-for-tradespeople .ltd-page-hero__title {
	max-width: 14ch;
	margin-bottom: 1rem;
	line-height: 0.98;
	text-wrap: balance;
}

.ltd-page-for-tradespeople .ltd-page-hero__desc {
	max-width: 66ch;
	font-size: 1.05rem;
	line-height: 1.78;
}

.ltd-about-hero__panel {
	max-width: min(72rem, 100%);
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
}

.ltd-about-hero__panel::after {
	content: '';
	display: block;
	width: 112px;
	height: 4px;
	margin-top: 1.55rem;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--ltd-accent) 0%, var(--ltd-primary) 100%);
}

.ltd-about-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	padding: 0.42rem 0.82rem;
	margin-bottom: 1rem;
	border-radius: 999px;
	background: rgba(255,255,255,0.12);
	color: rgba(255,255,255,0.92);
	font-size: 0.74rem;
	font-weight: var(--ltd-weight-semi);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.ltd-page-about .ltd-page-hero__title {
	max-width: 15ch;
	margin-bottom: 1rem;
	line-height: 1;
	text-wrap: balance;
}

.ltd-page-about .ltd-page-hero__desc {
	max-width: 68ch;
	font-size: 1.05rem;
	line-height: 1.8;
}

.ltd-contact-hero__panel {
	max-width: min(72rem, 100%);
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
}

.ltd-contact-hero__panel::after {
	content: '';
	display: block;
	width: 112px;
	height: 4px;
	margin-top: 1.55rem;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--ltd-accent) 0%, var(--ltd-primary) 100%);
}

.ltd-contact-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	padding: 0.42rem 0.82rem;
	margin-bottom: 1rem;
	border-radius: 999px;
	background: rgba(255,255,255,0.12);
	color: rgba(255,255,255,0.92);
	font-size: 0.74rem;
	font-weight: var(--ltd-weight-semi);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.ltd-page-contact .ltd-page-hero__title {
	max-width: 12ch;
	margin-bottom: 1rem;
	line-height: 1;
	text-wrap: balance;
}

.ltd-page-contact .ltd-page-hero__desc {
	max-width: 66ch;
	font-size: 1.05rem;
	line-height: 1.8;
}

.ltd-how-hero__panel {
	max-width: min(72rem, 100%);
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
}

.ltd-how-hero__panel::after {
	content: '';
	display: block;
	width: 112px;
	height: 4px;
	margin-top: 1.55rem;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--ltd-accent) 0%, var(--ltd-primary) 100%);
}

.ltd-how-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	padding: 0.42rem 0.82rem;
	margin-bottom: 1rem;
	border-radius: 999px;
	background: rgba(255,255,255,0.12);
	color: rgba(255,255,255,0.92);
	font-size: 0.74rem;
	font-weight: var(--ltd-weight-semi);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.ltd-page-how-it-works .ltd-page-hero__title {
	max-width: 11ch;
	margin-bottom: 1rem;
	line-height: 1;
	text-wrap: balance;
}

.ltd-page-how-it-works .ltd-page-hero__desc {
	max-width: 64ch;
	font-size: 1.05rem;
	line-height: 1.8;
}

.ltd-how-hero__signals {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.2rem;
}

.ltd-how-hero__signal {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.62rem 0.88rem;
	border-radius: 999px;
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.14);
	color: rgba(255,255,255,0.92);
	font-size: 0.92rem;
	font-weight: var(--ltd-weight-semi);
}

.ltd-how-hero__signal::before {
	content: '';
	width: 0.56rem;
	height: 0.56rem;
	border-radius: 999px;
	background: linear-gradient(180deg, #f9b26a 0%, #ffffff 100%);
	box-shadow: 0 0 0 4px rgba(255,255,255,0.08);
}

.ltd-page-for-tradespeople .ltd-page-hero .ltd-breadcrumb__list li,
.ltd-page-for-tradespeople .ltd-page-hero .ltd-breadcrumb__list a,
.ltd-page-about .ltd-page-hero .ltd-breadcrumb__list li,
.ltd-page-about .ltd-page-hero .ltd-breadcrumb__list a,
.ltd-page-contact .ltd-page-hero .ltd-breadcrumb__list li,
.ltd-page-contact .ltd-page-hero .ltd-breadcrumb__list a,
.ltd-page-how-it-works .ltd-page-hero .ltd-breadcrumb__list li,
.ltd-page-how-it-works .ltd-page-hero .ltd-breadcrumb__list a {
	color: rgba(255,255,255,0.72);
}

.ltd-page-for-tradespeople .ltd-page-hero .ltd-breadcrumb__list li:last-child,
.ltd-page-about .ltd-page-hero .ltd-breadcrumb__list li:last-child,
.ltd-page-contact .ltd-page-hero .ltd-breadcrumb__list li:last-child,
.ltd-page-how-it-works .ltd-page-hero .ltd-breadcrumb__list li:last-child {
	color: rgba(255,255,255,0.96);
}

.ltd-page-for-tradespeople .ltd-page-hero .ltd-breadcrumb__list li:not(:last-child)::after,
.ltd-page-about .ltd-page-hero .ltd-breadcrumb__list li:not(:last-child)::after,
.ltd-page-contact .ltd-page-hero .ltd-breadcrumb__list li:not(:last-child)::after,
.ltd-page-how-it-works .ltd-page-hero .ltd-breadcrumb__list li:not(:last-child)::after {
	color: rgba(255,255,255,0.35);
}

.ltd-page-for-tradespeople .ltd-page-hero__title,
.ltd-page-about .ltd-page-hero__title,
.ltd-page-contact .ltd-page-hero__title,
.ltd-page-how-it-works .ltd-page-hero__title {
	color: var(--ltd-white);
}

.ltd-page-for-tradespeople .ltd-page-hero__desc,
.ltd-page-about .ltd-page-hero__desc,
.ltd-page-contact .ltd-page-hero__desc,
.ltd-page-how-it-works .ltd-page-hero__desc {
	color: rgba(255,255,255,0.82);
}

.ltd-contact-hero__signals {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.2rem;
}

.ltd-contact-hero__signal {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.62rem 0.88rem;
	border-radius: 999px;
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.14);
	color: rgba(255,255,255,0.92);
	font-size: 0.92rem;
	font-weight: var(--ltd-weight-semi);
}

.ltd-contact-hero__signal::before {
	content: '';
	width: 0.56rem;
	height: 0.56rem;
	border-radius: 999px;
	background: linear-gradient(180deg, #f9b26a 0%, #ffffff 100%);
	box-shadow: 0 0 0 4px rgba(255,255,255,0.08);
}

.ltd-contact-layout {
	gap: clamp(2.25rem, 5vw, 4rem);
	align-items: start;
}

.ltd-contact-column {
	min-width: 0;
}

.ltd-contact-section-title {
	margin: 0 0 1.5rem;
	font-size: 1.5rem;
	line-height: 1.15;
	letter-spacing: -0.03em;
}

.ltd-contact-list {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.ltd-contact-item {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	padding: 1.25rem 1.35rem;
	border: 1px solid #d9e4ee;
	border-radius: 24px;
	background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
}

.ltd-contact-item__icon {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 999px;
	background: rgba(26, 95, 122, 0.08);
	color: var(--ltd-primary);
	box-shadow: inset 0 0 0 1px rgba(26, 95, 122, 0.08);
}

.ltd-contact-item__icon svg {
	width: 1.35rem;
	height: 1.35rem;
	display: block;
}

.ltd-contact-item__body {
	display: grid;
	gap: 0.28rem;
	min-width: 0;
}

.ltd-contact-item__label {
	font-weight: var(--ltd-weight-semi);
	color: var(--ltd-text);
}

.ltd-contact-item__value {
	color: var(--ltd-text-muted);
	text-decoration: none;
	overflow-wrap: anywhere;
}

.ltd-contact-item__value:hover {
	color: var(--ltd-primary);
}

.ltd-contact-highlight {
	margin-top: 2.25rem;
	padding: 1.5rem;
	border: 1px solid #d7e9f5;
	border-radius: 24px;
	background: linear-gradient(180deg, #f5fbff 0%, #edf8ff 100%);
}

.ltd-contact-highlight__title {
	margin: 0 0 0.5rem;
	font-size: 1rem;
	color: var(--ltd-primary);
}

.ltd-contact-highlight__text {
	margin: 0 0 1rem;
	font-size: 0.95rem;
	line-height: 1.7;
	color: var(--ltd-text-muted);
}

.ltd-contact-highlight__link {
	color: var(--ltd-primary);
	font-weight: var(--ltd-weight-semi);
	text-decoration: none;
}

.ltd-contact-highlight__link:hover {
	text-decoration: underline;
}

.ltd-contact-faq-list {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.ltd-contact-faq-item {
	border: 1px solid var(--ltd-border);
	border-radius: var(--ltd-radius-md);
	overflow: hidden;
	background: #fff;
	box-shadow: 0 10px 22px rgba(15, 23, 42, 0.03);
}

.ltd-contact-faq-item__summary {
	padding: 0.95rem 1rem;
	font-weight: 600;
	font-size: 0.95rem;
	cursor: pointer;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.5rem;
}

.ltd-contact-faq-item__summary::-webkit-details-marker {
	display: none;
}

.ltd-contact-faq-item__chevron {
	flex-shrink: 0;
	margin-left: 0.5rem;
	color: var(--ltd-text-light);
	transition: transform var(--ltd-ease);
}

.ltd-contact-faq-item[open] .ltd-contact-faq-item__chevron {
	transform: rotate(180deg);
}

.ltd-contact-faq-item__answer {
	padding: 0 1rem 1rem;
	color: var(--ltd-text-muted);
	font-size: 0.9rem;
	line-height: 1.7;
}

.ltd-about-hero__signals {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.2rem;
}

.ltd-about-hero__signal {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.62rem 0.88rem;
	border-radius: 999px;
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.14);
	color: rgba(255,255,255,0.92);
	font-size: 0.92rem;
	font-weight: var(--ltd-weight-semi);
}

.ltd-about-hero__signal::before {
	content: '';
	width: 0.56rem;
	height: 0.56rem;
	border-radius: 999px;
	background: linear-gradient(180deg, #f9b26a 0%, #ffffff 100%);
	box-shadow: 0 0 0 4px rgba(255,255,255,0.08);
}

.ltd-tradespeople-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.85rem;
	margin-top: 1.6rem;
}

.ltd-tradespeople-hero__secondary {
	border: 1.5px solid rgba(26, 95, 122, 0.18) !important;
	background: #ffffff !important;
	color: var(--ltd-primary-dark) !important;
	box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
}

.ltd-tradespeople-hero__secondary:hover {
	border-color: rgba(26, 95, 122, 0.32) !important;
	background: #f6fbfe !important;
	color: var(--ltd-primary-dark) !important;
}

.ltd-tradespeople-hero__signals {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.15rem;
}

.ltd-tradespeople-hero__signal {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.62rem 0.88rem;
	border-radius: 999px;
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.14);
	color: rgba(255,255,255,0.92);
	font-size: 0.92rem;
	font-weight: var(--ltd-weight-semi);
}

.ltd-tradespeople-hero__signal::before {
	content: '';
	width: 0.56rem;
	height: 0.56rem;
	border-radius: 999px;
	background: linear-gradient(180deg, #f9b26a 0%, #ffffff 100%);
	box-shadow: 0 0 0 4px rgba(255,255,255,0.08);
}

.ltd-page-legal .ltd-page-hero {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at top left, rgba(249, 115, 22, 0.18), transparent 24%),
		radial-gradient(circle at 88% 18%, rgba(56, 189, 248, 0.16), transparent 20%),
		linear-gradient(135deg, #0d2836 0%, #17485e 56%, #236f8a 100%);
	padding: clamp(4.6rem, 8vw, 6.1rem) 0 clamp(5.2rem, 9vw, 6.8rem);
	color: var(--ltd-white);
	border-bottom: 0;
}

.ltd-page-legal .ltd-page-hero::before,
.ltd-page-legal .ltd-page-hero::after {
	content: '';
	position: absolute;
	pointer-events: none;
}

.ltd-page-legal .ltd-page-hero::before {
	inset: auto -8% -32% auto;
	width: clamp(18rem, 28vw, 26rem);
	height: clamp(18rem, 28vw, 26rem);
	border-radius: 50%;
	background: rgba(255,255,255,0.08);
	filter: blur(8px);
}

.ltd-page-legal .ltd-page-hero::after {
	inset: 0;
	background:
		linear-gradient(120deg, rgba(255,255,255,0.06) 0%, transparent 34%),
		repeating-linear-gradient(135deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 16px);
	opacity: 0.45;
}

.ltd-page-legal .ltd-page-hero .ltd-container {
	position: relative;
	z-index: 1;
}

.ltd-page-legal .ltd-page-hero .ltd-breadcrumb__list li,
.ltd-page-legal .ltd-page-hero .ltd-breadcrumb__list a {
	color: rgba(255,255,255,0.7);
}

.ltd-page-legal .ltd-page-hero .ltd-breadcrumb__list li:last-child {
	color: rgba(255,255,255,0.95);
}

.ltd-page-legal .ltd-page-hero .ltd-breadcrumb__list li:not(:last-child)::after {
	color: rgba(255,255,255,0.35);
}

.ltd-page-legal .ltd-page-hero__title {
	max-width: 12ch;
	color: var(--ltd-white);
}

.ltd-legal-hero__panel {
	max-width: min(72rem, 100%);
}

.ltd-legal-hero__panel::after {
	content: '';
	display: block;
	width: 112px;
	height: 4px;
	margin-top: 1.6rem;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--ltd-accent) 0%, var(--ltd-primary) 100%);
}

.ltd-legal-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	padding: 0.42rem 0.82rem;
	margin-bottom: 1rem;
	border-radius: 999px;
	background: rgba(255,255,255,0.12);
	color: rgba(255,255,255,0.92);
	font-size: 0.74rem;
	font-weight: var(--ltd-weight-semi);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.ltd-legal-hero__desc {
	max-width: 64ch;
	margin: 1rem 0 0;
	font-size: 1.08rem;
	line-height: 1.8;
	color: rgba(255,255,255,0.82);
}

.ltd-legal-hero__meta {
	margin: 1rem 0 0;
	font-size: 0.96rem;
	font-weight: var(--ltd-weight-semi);
	color: rgba(255,255,255,0.72);
}

.ltd-legal-hero__signals {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.2rem;
}

.ltd-legal-hero__signal {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.62rem 0.88rem;
	border-radius: 999px;
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.14);
	color: rgba(255,255,255,0.92);
	font-size: 0.92rem;
	font-weight: var(--ltd-weight-semi);
}

.ltd-legal-hero__signal::before {
	content: '';
	width: 0.56rem;
	height: 0.56rem;
	border-radius: 999px;
	background: linear-gradient(180deg, #f9b26a 0%, #ffffff 100%);
	box-shadow: 0 0 0 4px rgba(255,255,255,0.08);
}

.ltd-page-legal {
	background:
		radial-gradient(circle at top right, rgba(26, 95, 122, 0.05), transparent 32%),
		linear-gradient(180deg, #f8fbfd 0%, #ffffff 22%, #f8fbfd 100%);
}

.ltd-page-legal .ltd-container--narrow {
	max-width: 1180px;
}

.ltd-legal-shell {
	display: flex;
	flex-direction: column;
	gap: clamp(2.5rem, 5vw, 4.5rem);
	color: var(--ltd-text-muted);
}

.ltd-legal-intro {
	max-width: 100%;
	padding: clamp(2.4rem, 4vw, 4rem);
	border: 1px solid #d6e3ec;
	border-radius: 32px;
	background:
		radial-gradient(circle at top right, rgba(44, 136, 173, 0.08), transparent 28%),
		linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
	box-shadow: 0 28px 70px rgba(15, 23, 42, 0.06);
}

.ltd-legal-kicker {
	margin: 0 0 var(--ltd-space-4);
	font-size: 0.82rem;
	font-weight: var(--ltd-weight-bold);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--ltd-primary);
}

.ltd-legal-intro__title {
	max-width: 13ch;
	margin-bottom: var(--ltd-space-5);
	font-size: clamp(2.4rem, 5vw, 4rem);
	line-height: 1.02;
	letter-spacing: -0.045em;
	color: var(--ltd-text);
}

.ltd-legal-intro p {
	max-width: 72ch;
	font-size: 1.14rem;
	line-height: 1.85;
}

.ltd-legal-summary-grid,
.ltd-legal-card-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: var(--ltd-space-6);
	align-items: stretch;
}

.ltd-legal-summary-grid > * {
	grid-column: span 4;
}

.ltd-legal-card-grid > * {
	grid-column: span 6;
}

.ltd-legal-section#data-collected .ltd-legal-card-grid > :last-child {
	grid-column: 1 / -1;
}

.ltd-legal-card {
	padding: clamp(1.8rem, 2vw, 2.4rem);
	border: 1px solid #d8e5ef;
	border-radius: 24px;
	background: linear-gradient(180deg, #ffffff 0%, #fdfefe 100%);
	box-shadow: 0 18px 36px rgba(15, 23, 42, 0.035);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: var(--ltd-space-4);
}

.ltd-legal-summary-grid .ltd-legal-card {
	min-height: 245px;
	border-top: 4px solid var(--ltd-primary);
}

.ltd-legal-card h3 {
	margin-bottom: 0;
	font-size: clamp(1.45rem, 2vw, 1.8rem);
	line-height: 1.08;
	letter-spacing: -0.03em;
	color: var(--ltd-text);
}

.ltd-legal-summary-grid .ltd-legal-card h3 {
	font-size: 1.35rem;
}

.ltd-legal-card p,
.ltd-legal-card li {
	font-size: 1.06rem;
	line-height: 1.8;
}

.ltd-legal-list li::marker {
	color: var(--ltd-primary);
}

.ltd-legal-intro a,
.ltd-legal-card a,
.ltd-legal-section a,
.ltd-legal-note a {
	overflow-wrap: anywhere;
	word-break: break-word;
}

.ltd-legal-shell a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.14em;
}

.ltd-legal-card p:last-child,
.ltd-legal-card ul:last-child {
	margin-bottom: 0;
}

.ltd-legal-nav {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ltd-space-3);
	padding: 0;
	background: transparent;
}

.ltd-legal-nav a {
	display: inline-flex;
	align-items: center;
	padding: 0.85rem 1.15rem;
	border-radius: 999px;
	background: rgba(255,255,255,0.88);
	border: 1px solid #d9e4ee;
	color: var(--ltd-text);
	font-size: var(--ltd-size-sm);
	font-weight: var(--ltd-weight-medium);
	text-decoration: none;
	box-shadow: 0 6px 20px rgba(15, 23, 42, 0.04);
	transition: border-color var(--ltd-ease), color var(--ltd-ease), transform var(--ltd-ease), background var(--ltd-ease);
}

.ltd-legal-nav a:hover {
	border-color: var(--ltd-primary);
	color: var(--ltd-primary);
	background: #fff;
	transform: translateY(-2px);
}

.ltd-legal-section {
	display: grid;
	grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
	column-gap: clamp(2rem, 4vw, 5rem);
	row-gap: var(--ltd-space-5);
	padding: var(--ltd-space-12) 0 0;
	border: 0;
	border-top: 1px solid #dbe6ef;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.ltd-legal-section:first-of-type {
	padding-top: 0;
	border-top: 0;
}

.ltd-legal-section h2 {
	grid-column: 1;
	align-self: start;
	color: var(--ltd-text);
	margin: 0;
	font-size: clamp(2rem, 3.5vw, 3rem);
	line-height: 1.06;
	letter-spacing: -0.045em;
	max-width: none;
}

.ltd-legal-section > *:not(h2) {
	grid-column: 2;
}

.ltd-legal-section > p {
	max-width: 76ch;
	font-size: 1.12rem;
	line-height: 1.85;
}

.ltd-legal-list {
	list-style: disc;
	padding-left: 1.5rem;
	margin: 0;
	max-width: 78ch;
	display: flex;
	flex-direction: column;
	gap: 0.95rem;
}

.ltd-legal-list li {
	margin-bottom: 0;
	padding-left: 0.15rem;
}

.ltd-legal-note {
	position: relative;
	margin-top: var(--ltd-space-1);
	max-width: 78ch;
	padding: 1.5rem 1.65rem 1.5rem 1.9rem;
	border: 1px solid #d7e9f5;
	border-radius: 22px;
	background: linear-gradient(180deg, #f5fbff 0%, #edf8ff 100%);
}

.ltd-legal-note::before {
	content: '';
	position: absolute;
	left: 0;
	top: 18px;
	bottom: 18px;
	width: 4px;
	border-radius: 999px;
	background: var(--ltd-primary);
}

.ltd-legal-note p:last-child {
	margin-bottom: 0;
}

.ltd-legal-table-wrap {
	overflow-x: auto;
	margin-top: var(--ltd-space-1);
	border: 1px solid #d9e4ee;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 18px 36px rgba(15, 23, 42, 0.045);
}

.ltd-legal-table {
	width: 100%;
	border-collapse: collapse;
	min-width: 760px;
	background: #fff;
}

.ltd-legal-table th,
.ltd-legal-table td {
	padding: 1.15rem 1.25rem;
	border-bottom: 1px solid #e6edf3;
	text-align: left;
	vertical-align: top;
	font-size: 1rem;
	line-height: 1.75;
}

.ltd-legal-table th {
	background: #f8fbfd;
	font-weight: var(--ltd-weight-bold);
	color: var(--ltd-text);
}

.ltd-legal-table tr:last-child td {
	border-bottom: 0;
}

.ltd-page-main {
	position: relative;
	margin-top: 0;
	padding: clamp(1rem, 2vw, 1.6rem) 0 var(--ltd-space-16);
}

.ltd-page-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(1.5rem, 3vw, 2.25rem);
	align-items: start;
}

.ltd-page-content {
	min-width: 0;
	width: min(100%, 1100px);
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: clamp(1rem, 2vw, 1.6rem);
}

.ltd-page-cta-banner {
	position: relative;
	overflow: hidden;
	padding: clamp(1.5rem, 2.8vw, 2.25rem);
	border-radius: 30px;
	background:
		radial-gradient(circle at top right, rgba(249, 115, 22, 0.22), transparent 26%),
		linear-gradient(140deg, #10364a 0%, #1a5f7a 55%, #15495e 100%);
	box-shadow: 0 26px 60px rgba(15, 45, 61, 0.2);
	text-align: center;
}

.ltd-page-cta-banner::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, rgba(255,255,255,0.08) 0%, transparent 40%);
	pointer-events: none;
}

.ltd-page-cta-banner > * {
	position: relative;
	z-index: 1;
}

.ltd-page-cta-banner__eyebrow {
	margin: 0 0 0.55rem;
	font-size: 0.8rem;
	font-weight: var(--ltd-weight-bold);
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.72);
}

.ltd-page-cta-banner__title {
	max-width: 18ch;
	margin: 0 auto;
	font-size: clamp(1.95rem, 4vw, 3.15rem);
	line-height: 0.98;
	letter-spacing: -0.05em;
	color: var(--ltd-white);
}

.ltd-page-cta-banner__text {
	max-width: 50rem;
	margin: 1rem auto 0;
	font-size: 1.02rem;
	line-height: 1.74;
	color: rgba(255,255,255,0.84);
}

.ltd-page-cta-banner__meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.7rem;
	margin-top: 1.15rem;
}

.ltd-page-cta-banner__meta span {
	padding: 0.55rem 0.95rem;
	border: 1px solid rgba(255,255,255,0.14);
	border-radius: 999px;
	background: rgba(255,255,255,0.12);
	font-size: 0.82rem;
	font-weight: var(--ltd-weight-semi);
	color: var(--ltd-white);
}

.ltd-page-cta-banner__btn {
	margin-top: 1.25rem;
}

.ltd-page-summary-bar {
	position: sticky;
	top: calc(var(--ltd-header-h) + var(--ltd-space-4));
	z-index: 4;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem;
	margin: 0 auto;
	padding: 0.95rem 1rem;
	border-radius: 22px;
	border: 1px solid rgba(208, 223, 234, 0.95);
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
	backdrop-filter: blur(10px);
}

.ltd-page-summary-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.62rem 0.95rem;
	border-radius: 999px;
	background: linear-gradient(180deg, #f7fbfd 0%, #eff6fb 100%);
	border: 1px solid #dbe8f1;
	color: #42566b;
	font-size: 0.88rem;
	font-weight: var(--ltd-weight-medium);
	line-height: 1.2;
}

.ltd-page-summary-chip strong {
	color: var(--ltd-primary-dark);
	font-weight: var(--ltd-weight-bold);
}

.ltd-page-enquiry {
	padding: clamp(1.35rem, 2.6vw, 2rem);
	border: 1px solid rgba(216, 228, 237, 0.98);
	border-radius: 32px;
	background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
	box-shadow: 0 24px 58px rgba(15, 23, 42, 0.1);
}

.ltd-page-enquiry__intro {
	max-width: 42rem;
	margin: 0 auto 1rem;
	text-align: center;
}

.ltd-page-enquiry__intro h2 {
	margin-bottom: 0.6rem;
	font-size: clamp(1.6rem, 3vw, 2.2rem);
	line-height: 1.04;
	letter-spacing: -0.04em;
}

.ltd-page-enquiry__intro p {
	margin: 0;
	font-size: 1rem;
	line-height: 1.72;
	color: #5a6e81;
}

.ltd-page-enquiry .ltd-form-wrap {
	margin: 0 auto;
	max-width: 900px;
	padding: 0;
}

.ltd-page-enquiry .ltd-form {
	padding: clamp(1.35rem, 2.3vw, 1.8rem);
	border-radius: 28px;
	border: 1px solid rgba(216, 228, 237, 0.98);
	background: #fff;
	box-shadow: 0 12px 34px rgba(15, 23, 42, 0.06);
}

.ltd-page-summary-card {
	max-width: 860px;
	margin: 0 auto;
}

.ltd-page-content > .ltd-block {
	position: relative;
	padding: clamp(1.6rem, 2.8vw, 2.4rem);
	border: 1px solid rgba(216, 228, 237, 0.95);
	border-radius: 30px;
	background: rgba(255,255,255,0.94);
	box-shadow: 0 20px 48px rgba(15, 23, 42, 0.08);
	backdrop-filter: blur(8px);
}

.ltd-page-content > .ltd-block:has(> .ltd-hero),
.ltd-page-content > .ltd-block:has(> .ltd-intro),
.ltd-page-content > .ltd-block:has(> .ltd-trust),
.ltd-page-content > .ltd-block:has(> .ltd-common-jobs),
.ltd-page-content > .ltd-block:has(> .ltd-costs),
.ltd-page-content > .ltd-block:has(> .ltd-faq),
.ltd-page-content > .ltd-block:has(> .ltd-cta),
.ltd-page-content > .ltd-block:has(> .ltd-local-coverage),
.ltd-page-content > .ltd-block:has(> .ltd-area-profile),
.ltd-page-content > .ltd-block:has(> .ltd-block-process),
.ltd-page-content > .ltd-block:has(> .ltd-block-cta) {
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
}

.ltd-page-content > .ltd-block h2 {
	font-size: clamp(1.75rem, 3vw, 2.4rem);
	line-height: 1.04;
	letter-spacing: -0.045em;
	margin-bottom: var(--ltd-space-5);
}

.ltd-page-content > .ltd-block p {
	font-size: 1.02rem;
	line-height: 1.82;
	color: #4d6276;
}

.ltd-page-content > .ltd-block ul {
	display: grid;
	gap: 0.95rem;
}

.ltd-page-content > .ltd-block a {
	font-weight: var(--ltd-weight-semi);
}

.ltd-page-sidebar {
	position: sticky;
	top: calc(var(--ltd-header-h) + var(--ltd-space-6));
	align-self: start;
	height: fit-content;
}

.ltd-page-sidebar .ltd-form-wrap {
	margin: 0;
	max-width: none;
	padding: 0;
}

.ltd-page-sidebar .ltd-form {
	border-radius: 30px;
	border: 1px solid rgba(216, 228, 237, 0.98);
	background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
	box-shadow: 0 24px 58px rgba(15, 23, 42, 0.12);
	padding: clamp(1.45rem, 2vw, 1.9rem);
	max-height: none;
	overflow: visible;
}

.ltd-page-sidebar .ltd-form__progress {
	position: static;
	padding: 0 0 0.85rem;
	margin-bottom: var(--ltd-space-5);
	background: transparent;
}

.ltd-page-sidebar .ltd-block {
	padding: clamp(1.3rem, 2vw, 1.6rem);
	border: 1px solid rgba(216, 228, 237, 0.98);
	border-radius: 26px;
	background: rgba(255,255,255,0.94);
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

.ltd-page-sidebar .ltd-block h2 {
	font-size: 1.45rem;
	margin-bottom: var(--ltd-space-4);
}

.ltd-page-sidebar .ltd-block p {
	color: #526579;
}

.ltd-page-content .ltd-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(2rem, 4vw, 3.15rem);
	border-radius: 34px;
	background:
		radial-gradient(circle at top right, rgba(249, 115, 22, 0.26), transparent 24%),
		linear-gradient(145deg, #113348 0%, #1a5f7a 58%, #1e7a96 100%);
	box-shadow: 0 28px 64px rgba(15, 45, 61, 0.26);
}

.ltd-page-content .ltd-hero::before {
	content: '';
	position: absolute;
	inset: auto -8% -28% auto;
	width: clamp(12rem, 28vw, 18rem);
	height: clamp(12rem, 28vw, 18rem);
	border-radius: 50%;
	background: rgba(255,255,255,0.10);
}

.ltd-page-content .ltd-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, rgba(255,255,255,0.06) 0%, transparent 38%);
	opacity: 0.85;
	pointer-events: none;
}

.ltd-page-content .ltd-hero > * {
	position: relative;
	z-index: 1;
}

.ltd-page-content .ltd-hero h1,
.ltd-page-content .ltd-hero h2 {
	max-width: 11ch;
	font-size: clamp(2.15rem, 4.2vw, 4rem);
	line-height: 0.97;
	letter-spacing: -0.055em;
	text-wrap: balance;
	color: var(--ltd-white);
	margin-bottom: var(--ltd-space-5);
}

.ltd-page-content .ltd-hero p {
	max-width: 66ch;
	font-size: 1.05rem;
	line-height: 1.82;
	color: rgba(255,255,255,0.84);
}

.ltd-page-content .ltd-hero p + p {
	margin-top: var(--ltd-space-4);
}

.ltd-btn-primary,
.ltd-page-content .ltd-hero__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--ltd-space-2);
	margin-top: var(--ltd-space-6);
	padding: 0.95rem 1.4rem;
	border-radius: var(--ltd-radius-full);
	border: 1px solid rgba(255,255,255,0.82);
	background: rgba(255,255,255,0.98);
	color: #10384b;
	font-size: 0.96rem;
	font-weight: var(--ltd-weight-bold);
	line-height: 1;
	text-decoration: none;
	box-shadow: 0 16px 32px rgba(8, 24, 33, 0.22);
	transition: transform var(--ltd-ease), box-shadow var(--ltd-ease), background var(--ltd-ease), color var(--ltd-ease);
}

.ltd-btn-primary:hover,
.ltd-page-content .ltd-hero__cta:hover {
	color: #0f3142;
	background: #f8fbfd;
	box-shadow: 0 22px 38px rgba(8, 24, 33, 0.24);
	transform: translateY(-2px);
}

.ltd-btn-primary:focus-visible,
.ltd-page-content .ltd-hero__cta:focus-visible {
	outline: 3px solid rgba(255,255,255,0.22);
	outline-offset: 3px;
}

.ltd-page-content .ltd-intro,
.ltd-page-content .ltd-trust,
.ltd-page-content .ltd-common-jobs,
.ltd-page-content .ltd-costs,
.ltd-page-content .ltd-faq,
.ltd-page-content .ltd-cta,
.ltd-page-content .ltd-block-process,
.ltd-page-content .ltd-block-cta {
	position: relative;
	overflow: hidden;
	padding: clamp(1.8rem, 2.8vw, 2.5rem) !important;
	border: 1px solid #d8e5ef;
	border-radius: 30px !important;
	background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
	box-shadow: 0 20px 46px rgba(15, 23, 42, 0.08);
}

.ltd-page-content .ltd-intro::before,
.ltd-page-content .ltd-trust::before,
.ltd-page-content .ltd-common-jobs::before,
.ltd-page-content .ltd-costs::before,
.ltd-page-content .ltd-faq::before,
.ltd-page-content .ltd-cta::before,
.ltd-page-content .ltd-block-process::before {
	content: '';
	position: absolute;
	top: 0;
	left: clamp(1.8rem, 2.8vw, 2.5rem);
	width: 88px;
	height: 4px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--ltd-accent) 0%, var(--ltd-primary) 100%);
}

.ltd-page-content .ltd-intro h2,
.ltd-page-content .ltd-trust h2,
.ltd-page-content .ltd-common-jobs h2,
.ltd-page-content .ltd-costs h2,
.ltd-page-content .ltd-faq h2,
.ltd-page-content .ltd-cta h2,
.ltd-page-content .ltd-block-process > h2 {
	max-width: 18ch;
	font-size: clamp(1.8rem, 3vw, 2.5rem) !important;
	line-height: 1.05;
	letter-spacing: -0.045em;
	margin-bottom: var(--ltd-space-5) !important;
	color: var(--ltd-text) !important;
}

.ltd-page-content .ltd-intro p,
.ltd-page-content .ltd-trust p,
.ltd-page-content .ltd-common-jobs p,
.ltd-page-content .ltd-costs p,
.ltd-page-content .ltd-faq p,
.ltd-page-content .ltd-cta p,
.ltd-page-content .ltd-block-process p {
	color: #4f6478 !important;
	font-size: 1.02rem;
	line-height: 1.84;
}

.ltd-page-content .ltd-trust__list,
.ltd-page-content .ltd-common-jobs ul,
.ltd-page-content .ltd-costs ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.95rem;
	margin: var(--ltd-space-6) 0;
}

.ltd-page-content .ltd-trust__list li,
.ltd-page-content .ltd-common-jobs li,
.ltd-page-content .ltd-costs li {
	position: relative;
	display: block;
	min-height: 100%;
	padding: 1rem 1rem 1rem 3.15rem;
	border: 1px solid #e3ebf2;
	border-radius: 18px;
	background: #f8fbfd;
	color: var(--ltd-text);
	font-size: 0.98rem;
	line-height: 1.7;
}

.ltd-page-content .ltd-trust__list li::before,
.ltd-page-content .ltd-common-jobs li::before,
.ltd-page-content .ltd-costs li::before {
	content: '✓';
	position: absolute;
	left: 1rem;
	top: 1rem;
	width: 1.45rem;
	height: 1.45rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--ltd-primary);
	color: var(--ltd-white);
	font-size: 0.8rem;
	font-weight: var(--ltd-weight-bold);
	margin: 0;
}

.ltd-page-content .ltd-block-process {
	background: linear-gradient(180deg, #ffffff 0%, #f4f9fc 100%) !important;
}

.ltd-page-content .ltd-block-process > div:last-child {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 1rem !important;
}

.ltd-page-content .ltd-block-process > div:last-child > div {
	padding: 1.35rem 1.1rem !important;
	border-radius: 22px;
	border: 1px solid #deebf4;
	background: #ffffff;
	box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}

.ltd-page-content .ltd-block-process > div:last-child > div > div:first-child {
	background: var(--ltd-primary) !important;
	box-shadow: 0 10px 20px rgba(26, 95, 122, 0.18);
}

.ltd-page-content .ltd-faq {
	display: flex;
	flex-direction: column;
	gap: 0.95rem;
}

.ltd-page-content .ltd-faq__item {
	overflow: hidden;
	border: 1px solid #dce8f0;
	border-radius: 22px;
	background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
	transition: border-color var(--ltd-ease), box-shadow var(--ltd-ease), transform var(--ltd-ease);
}

.ltd-page-content .ltd-faq__item:hover,
.ltd-page-content .ltd-faq__item.is-open {
	border-color: #c5d9e6;
	box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
	transform: translateY(-1px);
}

.ltd-page-content .ltd-faq__q {
	position: relative;
	width: 100%;
	padding: 1.25rem 4.4rem 1.25rem 1.35rem;
	border: 0;
	background: transparent;
	text-align: left;
	font-size: 1.02rem;
	font-weight: var(--ltd-weight-semi);
	line-height: 1.5;
	color: var(--ltd-text);
	cursor: pointer;
}

.ltd-page-content .ltd-faq__q::after {
	content: '+';
	position: absolute;
	right: 1.25rem;
	top: 50%;
	transform: translateY(-50%);
	width: 2rem;
	height: 2rem;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(26, 95, 122, 0.08);
	color: var(--ltd-primary);
	font-size: 1.2rem;
	font-weight: var(--ltd-weight-bold);
	line-height: 1;
	transition: transform var(--ltd-ease), background var(--ltd-ease), color var(--ltd-ease);
}

.ltd-page-content .ltd-faq__item.is-open .ltd-faq__q::after {
	content: '\2212';
	background: var(--ltd-primary);
	color: var(--ltd-white);
}

.ltd-page-content .ltd-faq__q:focus-visible {
	outline: 3px solid rgba(26, 95, 122, 0.22);
	outline-offset: -3px;
}

.ltd-page-content .ltd-faq__a {
	display: none;
	padding: 0 1.35rem 1.25rem;
	border-top: 1px solid #e4edf4;
	background: linear-gradient(180deg, rgba(248, 251, 253, 0.9) 0%, rgba(255,255,255,0) 100%);
}

.ltd-page-content .ltd-faq__a p {
	margin: 0.95rem 0 0;
	font-size: 0.98rem;
	line-height: 1.78;
	color: #526579;
}

.ltd-page-content .ltd-block-cta {
	text-align: center;
	border-color: transparent !important;
	background:
		radial-gradient(circle at top right, rgba(249, 115, 22, 0.20), transparent 26%),
		linear-gradient(140deg, #10364a 0%, #1a5f7a 54%, #15495e 100%) !important;
	box-shadow: 0 28px 64px rgba(15, 45, 61, 0.24);
}

.ltd-page-content .ltd-block-cta h2 {
	max-width: none;
	font-size: clamp(1.9rem, 3vw, 2.7rem) !important;
	color: var(--ltd-white) !important;
	margin-bottom: var(--ltd-space-4) !important;
}

.ltd-page-content .ltd-block-cta p {
	max-width: 44rem;
	margin: 0 auto;
	font-size: 1.02rem !important;
	line-height: 1.8;
	color: rgba(255,255,255,0.84) !important;
}

.ltd-page-content .ltd-block-cta > div:last-child {
	display: flex !important;
	flex-wrap: wrap;
	gap: 0.7rem !important;
	justify-content: center !important;
	margin-top: var(--ltd-space-6);
}

.ltd-page-content .ltd-block-cta > div:last-child span {
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 999px !important;
	background: rgba(255,255,255,0.14) !important;
	padding: 0.55rem 1rem !important;
	font-size: 0.82rem !important;
	font-weight: var(--ltd-weight-semi);
	letter-spacing: 0.01em;
}

.ltd-page-content .ltd-cta {
	text-align: left;
}

.ltd-page-content .ltd-cta a {
	margin-top: var(--ltd-space-6);
}

/* Nearby towns */
.ltd-nearby {
	margin-top: var(--ltd-space-4);
	margin-bottom: clamp(2.4rem, 4vw, 4rem);
	padding: clamp(1.9rem, 3vw, 2.6rem);
	border: 1px solid #d8e5ef;
	border-radius: 32px;
	background: linear-gradient(180deg, #ffffff 0%, #f9fcfe 100%);
	box-shadow: 0 20px 48px rgba(15, 23, 42, 0.08);
}

.ltd-nearby__title {
	font-size: clamp(1.7rem, 3vw, 2.4rem);
	font-weight: var(--ltd-weight-bold);
	letter-spacing: -0.04em;
	margin-bottom: var(--ltd-space-6);
}

.ltd-nearby__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: var(--ltd-space-4);
}

.ltd-nearby__link {
	display: flex;
	align-items: center;
	min-height: 100%;
	padding: 1rem 1.1rem;
	background: #ffffff;
	border: 1px solid #dfe9f1;
	border-radius: 18px;
	font-size: 0.95rem;
	font-weight: var(--ltd-weight-semi);
	line-height: 1.45;
	color: var(--ltd-text);
	text-decoration: none;
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
	transition: border-color var(--ltd-ease), color var(--ltd-ease), transform var(--ltd-ease), box-shadow var(--ltd-ease);
}

.ltd-nearby__link:hover {
	border-color: rgba(26, 95, 122, 0.4);
	color: var(--ltd-primary-dark);
	transform: translateY(-2px);
	box-shadow: 0 16px 30px rgba(15, 23, 42, 0.08);
}

/* Other trades in this town (trade pages only) */
.ltd-other-trades {
	padding: var(--ltd-space-10) 0 var(--ltd-space-6);
	border-top: 1px solid var(--ltd-border);
}

.ltd-other-trades__title {
	font-size: var(--ltd-size-xl);
	font-weight: var(--ltd-weight-bold);
	color: var(--ltd-text-dark);
	margin-bottom: var(--ltd-space-5);
}

.ltd-other-trades__grid {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ltd-space-3);
}

.ltd-other-trades__link {
	display: inline-flex;
	align-items: center;
	padding: var(--ltd-space-2) var(--ltd-space-4);
	background: var(--ltd-white);
	border: 1px solid var(--ltd-border);
	border-radius: var(--ltd-radius-lg);
	font-size: var(--ltd-size-sm);
	font-weight: var(--ltd-weight-semi);
	color: var(--ltd-primary);
	text-decoration: none;
	transition: border-color var(--ltd-ease), box-shadow var(--ltd-ease);
}

.ltd-other-trades__link:hover {
	border-color: var(--ltd-primary);
	box-shadow: 0 2px 8px rgba(26, 95, 122, 0.12);
}

/* 404 page */
.ltd-404-body {
	padding: var(--ltd-space-8) 0 var(--ltd-space-12);
	max-width: 860px;
}
.ltd-404-body > p {
	font-size: var(--ltd-size-base);
	color: var(--ltd-text-muted);
	margin-bottom: var(--ltd-space-8);
}
.ltd-404-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--ltd-space-6);
}
.ltd-404-card {
	background: var(--ltd-white);
	border: 1px solid var(--ltd-border);
	border-radius: var(--ltd-radius-lg);
	padding: var(--ltd-space-6);
}
.ltd-404-card h2 {
	font-size: var(--ltd-size-base);
	font-weight: var(--ltd-weight-bold);
	color: var(--ltd-text-dark);
	margin-bottom: var(--ltd-space-4);
}
.ltd-404-card ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: var(--ltd-space-2);
}
.ltd-404-card ul a {
	font-size: var(--ltd-size-sm);
	color: var(--ltd-primary);
	text-decoration: none;
}
.ltd-404-card ul a:hover {
	text-decoration: underline;
}

/* Related local searches / internal linking hub */
.ltd-link-hub {
	position: relative;
	overflow: hidden;
	margin-top: var(--ltd-space-4);
	margin-bottom: clamp(2.5rem, 4vw, 4.2rem);
	padding: clamp(1.45rem, 2.4vw, 2.1rem);
	border: 1px solid #d8e5ef;
	border-radius: 28px;
	background: linear-gradient(180deg, #ffffff 0%, #fafcff 100%);
	box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
}

.ltd-link-hub::before {
	content: '';
	position: absolute;
	top: 0;
	left: clamp(1.45rem, 2.4vw, 2.1rem);
	width: 88px;
	height: 4px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--ltd-accent) 0%, var(--ltd-primary) 100%);
}

.ltd-link-hub__header {
	max-width: 44rem;
	margin-bottom: var(--ltd-space-5);
}

.ltd-link-hub__title {
	margin: 0 0 0.65rem;
	font-size: clamp(1.45rem, 2.6vw, 2.05rem);
	font-weight: var(--ltd-weight-bold);
	letter-spacing: -0.04em;
	color: var(--ltd-text-dark);
}

.ltd-link-hub__text {
	margin: 0;
	font-size: 0.96rem;
	line-height: 1.65;
	color: var(--ltd-text-muted);
}

.ltd-link-hub__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--ltd-space-4);
}

.ltd-link-cluster {
	padding: 1.1rem 1.1rem 1rem;
	border-radius: 22px;
	background: linear-gradient(180deg, rgba(255,255,255,0.94) 0%, rgba(248,251,254,0.92) 100%);
	border: 1px solid #dfe9f1;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.045);
}

.ltd-link-cluster__title {
	margin: 0 0 0.9rem;
	font-size: 0.94rem;
	font-weight: var(--ltd-weight-bold);
	letter-spacing: 0.02em;
	color: var(--ltd-text-dark);
}

.ltd-link-list {
	display: grid;
	gap: 0.65rem;
}

.ltd-link-list__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.8rem 0.95rem;
	border-radius: 16px;
	border: 1px solid #dfe9f1;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
	text-decoration: none;
	color: var(--ltd-text);
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.035);
	transition: border-color var(--ltd-ease), box-shadow var(--ltd-ease), transform var(--ltd-ease), color var(--ltd-ease);
}

.ltd-link-list__item:hover {
	border-color: rgba(26, 95, 122, 0.35);
	box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
	transform: translateY(-1px);
	color: var(--ltd-primary-dark);
}

.ltd-link-list__item::after {
	content: '\2192';
	flex: 0 0 auto;
	font-size: 0.92rem;
	font-weight: var(--ltd-weight-bold);
	color: rgba(26, 95, 122, 0.72);
}

.ltd-link-list__main {
	display: inline-flex;
	align-items: center;
	gap: 0.72rem;
	min-width: 0;
}

.ltd-link-list__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 2rem;
	height: 2rem;
	border-radius: 999px;
	background: rgba(26, 95, 122, 0.08);
	box-shadow: inset 0 0 0 1px rgba(26, 95, 122, 0.08);
	color: var(--ltd-primary);
}

.ltd-link-list__icon svg {
	display: block;
	width: 0.98rem;
	height: 0.98rem;
}

.ltd-link-list__label {
	display: block;
	min-width: 0;
	font-size: 0.92rem;
	font-weight: var(--ltd-weight-semi);
	line-height: 1.35;
}

/* Local coverage block */
.ltd-local-coverage {
	position: relative;
	overflow: hidden;
	padding: clamp(1.8rem, 2.8vw, 2.5rem);
	border: 1px solid #d8e5ef;
	border-radius: 30px;
	background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
	box-shadow: 0 20px 46px rgba(15, 23, 42, 0.08);
}

.ltd-local-coverage::before {
	content: 'Local coverage';
	display: inline-flex;
	align-items: center;
	margin-bottom: 1rem;
	padding: 0.4rem 0.78rem;
	border-radius: 999px;
	background: #edf4f9;
	color: var(--ltd-primary);
	font-size: 0.75rem;
	font-weight: var(--ltd-weight-bold);
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.ltd-local-coverage::after {
	content: '';
	position: absolute;
	top: 0;
	left: clamp(1.8rem, 2.8vw, 2.5rem);
	width: 88px;
	height: 4px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--ltd-accent) 0%, var(--ltd-primary) 100%);
}

.ltd-local-coverage h2 {
	font-size: clamp(1.8rem, 3vw, 2.5rem);
	font-weight: var(--ltd-weight-bold);
	line-height: 1.05;
	letter-spacing: -0.045em;
	color: var(--ltd-text);
	margin-bottom: var(--ltd-space-5);
	max-width: 19ch;
}

.ltd-local-coverage p {
	font-size: 1.02rem;
	color: #4f6478;
	line-height: 1.84;
	margin-bottom: 0.95rem;
	max-width: 72ch;
}

.ltd-local-coverage p:last-child {
	margin-bottom: 0;
}

/* Area profile block */
.ltd-area-profile {
	position: relative;
	overflow: hidden;
	padding: clamp(1.8rem, 2.8vw, 2.5rem);
	border: 1px solid #daeaf3;
	border-radius: 30px;
	background: linear-gradient(160deg, #f4f9fc 0%, #ffffff 100%);
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.07);
}

.ltd-area-profile::before {
	content: 'About this area';
	display: inline-flex;
	align-items: center;
	margin-bottom: 1rem;
	padding: 0.4rem 0.78rem;
	border-radius: 999px;
	background: #e6f2f9;
	color: var(--ltd-primary);
	font-size: 0.75rem;
	font-weight: var(--ltd-weight-bold);
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.ltd-area-profile__title {
	font-size: clamp(1.8rem, 3vw, 2.5rem);
	font-weight: var(--ltd-weight-bold);
	line-height: 1.05;
	letter-spacing: -0.045em;
	color: var(--ltd-text);
	margin-bottom: var(--ltd-space-5);
	max-width: 22ch;
}

.ltd-area-profile__desc,
.ltd-area-profile__trade-note,
.ltd-area-profile__supporting-note {
	font-size: 1.02rem;
	color: #4f6478;
	line-height: 1.84;
	margin-bottom: 0.95rem;
	max-width: 72ch;
}

.ltd-area-profile__supporting-note {
	color: #617589;
	font-size: 0.98rem;
}

.ltd-area-profile__trade-note,
.ltd-area-profile__supporting-note {
	margin-bottom: 0;
}

.ltd-area-profile__trade-note + .ltd-area-profile__supporting-note {
	margin-top: 0.75rem;
}

.ltd-area-profile--compact {
	padding: clamp(1.4rem, 2vw, 2rem);
}

.ltd-area-profile--compact .ltd-area-profile__title {
	font-size: clamp(1.5rem, 2.5vw, 2rem);
}

.ltd-area-profile:has(.ltd-area-profile__desc:empty) {
	display: none;
}

/* --------------------------------------------------------------------------
   19. Content Block Styles (used inside rendered blocks)
   -------------------------------------------------------------------------- */

.ltd-block {
	margin-bottom: 0;
}

.ltd-block h3 {
	font-size: clamp(1.15rem, 2vw, 1.35rem);
	font-weight: var(--ltd-weight-semi);
	margin-bottom: var(--ltd-space-3);
	color: var(--ltd-text);
}

.ltd-block p {
	color: var(--ltd-text-muted);
	line-height: var(--ltd-leading-loose);
}

.ltd-block ul {
	list-style: none;
	padding: 0;
}

.ltd-block ul li {
	color: var(--ltd-text-muted);
	font-size: var(--ltd-size-base);
}

.ltd-block ul li::before {
	content: '✓';
	color: var(--ltd-success);
	font-weight: var(--ltd-weight-bold);
	flex-shrink: 0;
	margin-top: 1px;
}

/* FAQ accordion */
.ltd-faq__icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	color: var(--ltd-text-muted);
	transition: transform var(--ltd-ease);
}

.ltd-faq__item.is-open .ltd-faq__icon {
	transform: rotate(180deg);
}

.ltd-faq__item.is-open .ltd-faq__a {
	display: block;
}

.home .ltd-faq {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.home .ltd-faq__item {
	overflow: hidden;
	border: 1px solid #dce8f0;
	border-radius: 24px;
	background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
	box-shadow: 0 14px 30px rgba(15, 23, 42, 0.055);
	transition: border-color var(--ltd-ease), box-shadow var(--ltd-ease), transform var(--ltd-ease);
}

.home .ltd-faq__item:hover,
.home .ltd-faq__item.is-open {
	border-color: #c6dae7;
	box-shadow: 0 20px 38px rgba(15, 23, 42, 0.08);
	transform: translateY(-1px);
}

.home .ltd-faq__q {
	position: relative;
	width: 100%;
	padding: 1.3rem 4.4rem 1.3rem 1.4rem;
	border: 0;
	background: transparent;
	text-align: left;
	font-size: 1.02rem;
	font-weight: var(--ltd-weight-semi);
	line-height: 1.5;
	color: var(--ltd-text);
	cursor: pointer;
}

.home .ltd-faq__q::after {
	content: '+';
	position: absolute;
	right: 1.25rem;
	top: 50%;
	transform: translateY(-50%);
	width: 2rem;
	height: 2rem;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(26, 95, 122, 0.08);
	color: var(--ltd-primary);
	font-size: 1.2rem;
	font-weight: var(--ltd-weight-bold);
	line-height: 1;
	transition: transform var(--ltd-ease), background var(--ltd-ease), color var(--ltd-ease);
}

.home .ltd-faq__item.is-open .ltd-faq__q::after {
	content: '−';
	background: var(--ltd-primary);
	color: var(--ltd-white);
}

.home .ltd-faq__q:focus-visible {
	outline: 3px solid rgba(26, 95, 122, 0.22);
	outline-offset: -3px;
}

.home .ltd-faq__icon {
	display: none;
}

.home .ltd-faq__a {
	display: none;
	padding: 0 1.4rem 1.3rem;
	border-top: 1px solid #e4edf4;
	background: linear-gradient(180deg, rgba(248, 251, 253, 0.9) 0%, rgba(255,255,255,0) 100%);
}

.home .ltd-faq__a p {
	margin: 0.95rem 0 0;
	font-size: 0.98rem;
	line-height: 1.78;
	color: #526579;
}

.ltd-benefit-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
}

.ltd-benefit-card {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	padding: 1.45rem;
	border: 1px solid #dce8f0;
	border-radius: 24px;
	background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
	box-shadow: 0 14px 30px rgba(15, 23, 42, 0.055);
	transition: border-color var(--ltd-ease), box-shadow var(--ltd-ease), transform var(--ltd-ease), background var(--ltd-ease);
}

.ltd-benefit-card::before {
	content: '';
	position: absolute;
	inset: 0 auto auto 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, rgba(26,95,122,0.95) 0%, rgba(46,142,177,0.68) 100%);
	opacity: 0.9;
}

.ltd-benefit-card:hover {
	transform: translateY(-2px);
	border-color: rgba(26, 95, 122, 0.28);
	box-shadow: 0 22px 40px rgba(15, 23, 42, 0.085);
	background: linear-gradient(180deg, #ffffff 0%, #f5fbff 100%);
}

.ltd-benefit-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.1rem;
	height: 3.1rem;
	border-radius: 999px;
	background: rgba(26, 95, 122, 0.08);
	color: var(--ltd-primary);
	box-shadow: inset 0 0 0 1px rgba(26, 95, 122, 0.08);
}

.ltd-benefit-card__icon svg {
	width: 1.45rem;
	height: 1.45rem;
	display: block;
}

.ltd-benefit-card__title {
	margin: 0;
	font-size: 1.08rem;
	line-height: 1.28;
	color: var(--ltd-text);
}

.ltd-benefit-card__text {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.72;
	color: var(--ltd-text-muted);
}

.ltd-static-page .ltd-faq {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.ltd-static-page .ltd-faq__item {
	overflow: hidden;
	border: 1px solid #dce8f0;
	border-radius: 22px;
	background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
	transition: border-color var(--ltd-ease), box-shadow var(--ltd-ease), transform var(--ltd-ease);
}

.ltd-static-page .ltd-faq__item:hover,
.ltd-static-page .ltd-faq__item.is-open {
	border-color: #c5d9e6;
	box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
	transform: translateY(-1px);
}

.ltd-static-page .ltd-faq__q {
	position: relative;
	width: 100%;
	padding: 1.25rem 4.4rem 1.25rem 1.35rem;
	border: 0;
	background: transparent;
	text-align: left;
	font-size: 1.02rem;
	font-weight: var(--ltd-weight-semi);
	line-height: 1.5;
	color: var(--ltd-text);
	cursor: pointer;
}

.ltd-static-page .ltd-faq__q::after {
	content: '+';
	position: absolute;
	right: 1.25rem;
	top: 50%;
	transform: translateY(-50%);
	width: 2rem;
	height: 2rem;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(26, 95, 122, 0.08);
	color: var(--ltd-primary);
	font-size: 1.2rem;
	font-weight: var(--ltd-weight-bold);
	line-height: 1;
	transition: transform var(--ltd-ease), background var(--ltd-ease), color var(--ltd-ease);
}

.ltd-static-page .ltd-faq__item.is-open .ltd-faq__q::after {
	content: '−';
	background: var(--ltd-primary);
	color: var(--ltd-white);
}

.ltd-static-page .ltd-faq__q:focus-visible {
	outline: 3px solid rgba(26, 95, 122, 0.22);
	outline-offset: -3px;
}

.ltd-static-page .ltd-faq__a {
	display: none;
	padding: 0 1.35rem 1.25rem;
	border-top: 1px solid #e4edf4;
	background: linear-gradient(180deg, rgba(248, 251, 253, 0.9) 0%, rgba(255,255,255,0) 100%);
}

.ltd-static-page .ltd-faq__a p {
	margin: 0.95rem 0 0;
	font-size: 0.98rem;
	line-height: 1.78;
	color: #526579;
}

/* --------------------------------------------------------------------------
   20. Static Page Layout
   -------------------------------------------------------------------------- */

.ltd-static-page {
	padding: var(--ltd-space-16) 0;
}

.ltd-static-hero {
	background: var(--ltd-bg);
	padding: var(--ltd-space-16) 0;
	border-bottom: 1px solid var(--ltd-border);
	margin-bottom: var(--ltd-space-16);
}

.ltd-static-hero__title {
	font-size: clamp(var(--ltd-size-3xl), 4vw, var(--ltd-size-5xl));
	font-weight: var(--ltd-weight-black);
	color: var(--ltd-text);
	margin-bottom: var(--ltd-space-4);
}

.ltd-static-hero__sub {
	font-size: var(--ltd-size-xl);
	color: var(--ltd-text-muted);
	max-width: 540px;
}

/* --------------------------------------------------------------------------
   21. Notices
   -------------------------------------------------------------------------- */

.ltd-notice {
	padding: var(--ltd-space-4) var(--ltd-space-5);
	border-radius: var(--ltd-radius-md);
	font-size: var(--ltd-size-sm);
	line-height: var(--ltd-leading-base);
	margin-bottom: var(--ltd-space-6);
}
.ltd-notice--success { background: var(--ltd-success-bg); color: var(--ltd-success); border: 1px solid #86efac; }
.ltd-notice--error   { background: var(--ltd-error-bg);   color: var(--ltd-error);   border: 1px solid #fca5a5; }
.ltd-notice--info    { background: var(--ltd-primary-light); color: var(--ltd-primary); border: 1px solid #93c5fd; }

/* --------------------------------------------------------------------------
   22. Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 1024px) {
	.ltd-footer__top        { grid-template-columns: 1fr 1fr; gap: var(--ltd-space-8); }
	.ltd-hero__layout       { grid-template-columns: 1fr; }
	.ltd-home-metrics__grid { grid-template-columns: repeat(2, 1fr); }
	.ltd-home-editorial     { grid-template-columns: 1fr; }
	.ltd-trade-grid         { grid-template-columns: repeat(3, 1fr); }
	.ltd-town-grid          { grid-template-columns: repeat(3, 1fr); }
	.ltd-benefit-grid       { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ltd-steps::before      { display: none; }
	.ltd-about-hero__panel,
	.ltd-contact-hero__panel,
	.ltd-how-hero__panel,
	.ltd-tradespeople-hero__panel { max-width: 100%; }
	.ltd-page-main          { margin-top: 0; padding-top: clamp(0.85rem, 1.8vw, 1.2rem); }
	.ltd-page-layout        { grid-template-columns: 1fr; }
	.ltd-page-content       { width: 100%; }
	.ltd-page-cta-banner__title { max-width: none; }
	.ltd-page-enquiry       { padding: var(--ltd-space-6); border-radius: 26px; }
	.ltd-page-enquiry .ltd-form { border-radius: 24px; }
	.ltd-page-content .ltd-trust__list,
	.ltd-page-content .ltd-common-jobs ul,
	.ltd-page-content .ltd-costs ul { grid-template-columns: 1fr; }
	.ltd-link-hub__grid     { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ltd-page-legal .ltd-container--narrow { max-width: 100%; }
	.ltd-legal-summary-grid > *,
	.ltd-legal-card-grid > * { grid-column: span 6; }
	.ltd-legal-section      { grid-template-columns: 1fr; column-gap: 0; row-gap: var(--ltd-space-4); }
	.ltd-legal-section > *:not(h2) { grid-column: 1; }
	.ltd-legal-section#data-collected .ltd-legal-card-grid > :last-child { grid-column: span 12; }
}

@media (max-width: 768px) {
	.ltd-container          { padding: 0 var(--ltd-space-4); }
	.ltd-section            { padding: var(--ltd-space-12) 0; }
	.ltd-section--lg        { padding: var(--ltd-space-16) 0; }

	.ltd-header__nav        { display: none; }
	.ltd-header__actions .ltd-btn { display: none; }
	.ltd-header__login      { display: none; }
	.ltd-header__burger     { display: flex; }
	.ltd-header__logo-wordmark { height: 48px; max-width: 240px; }

	.ltd-hero               { padding: var(--ltd-space-16) 0; }
	.ltd-hero-panel         { padding: var(--ltd-space-6); }
	.ltd-hero__search       { flex-direction: column; padding: var(--ltd-space-4); gap: var(--ltd-space-3); }
	.ltd-hero__search-divider { display: none; }
	.ltd-hero__search-input,
	.ltd-hero__search-select { padding: var(--ltd-space-3) var(--ltd-space-4); border: 1.5px solid var(--ltd-border); border-radius: var(--ltd-radius-md); }
	.ltd-hero__search-btn   { width: 100%; padding: var(--ltd-space-4); }
	.ltd-hero__search-feedback { gap: var(--ltd-space-3); }
	.ltd-hero__search-confirm { width: 100%; }
	.ltd-hero__route-success { width: 100%; }
	.ltd-hero__trust        { gap: var(--ltd-space-4); }
	.ltd-home-metrics       { margin-top: 0; padding-top: var(--ltd-space-6); }
	.ltd-home-metrics__grid { grid-template-columns: repeat(2, 1fr); margin-top: 0; }
	.ltd-home-editorial     { padding: var(--ltd-space-7); }
	.ltd-home-editorial__panel { padding: var(--ltd-space-6); }

	.ltd-trustbar__inner    { gap: var(--ltd-space-6); }
	.ltd-trustbar__sep      { display: none; }

	.ltd-trade-grid         { grid-template-columns: repeat(2, 1fr); }
	.ltd-town-grid          { grid-template-columns: repeat(2, 1fr); }
	.ltd-benefit-grid       { grid-template-columns: 1fr; }
	.ltd-steps              { grid-template-columns: 1fr; }
	.ltd-region-grid        { grid-template-columns: 1fr; }
	.ltd-feature-grid       { grid-template-columns: 1fr; }
	.ltd-about-hero__panel,
	.ltd-contact-hero__panel,
	.ltd-how-hero__panel,
	.ltd-tradespeople-hero__panel { padding: 0; }
	.ltd-tradespeople-hero__actions { flex-direction: column; }
	.ltd-tradespeople-hero__actions .ltd-btn { width: 100%; justify-content: center; }
	.ltd-about-hero__signals,
	.ltd-contact-hero__signals,
	.ltd-how-hero__signals,
	.ltd-tradespeople-hero__signals { gap: 0.6rem; }
	.ltd-virtual-page .ltd-page-hero { padding: var(--ltd-space-16) 0 calc(var(--ltd-space-16) + var(--ltd-space-4)); }
	.ltd-page-main          { margin-top: 0; padding-top: var(--ltd-space-6); }
	.ltd-page-hero__title   { max-width: none; font-size: clamp(2.4rem, 9vw, 3.6rem); }
	.ltd-page-hero__desc    { max-width: none; font-size: 1rem; }
	.ltd-page-content .ltd-hero h1,
	.ltd-page-content .ltd-hero h2 { max-width: none; font-size: clamp(2rem, 9vw, 3rem); }
	.ltd-page-cta-banner    { padding: var(--ltd-space-7); border-radius: 24px; }
	.ltd-page-summary-bar   { top: calc(var(--ltd-header-h) + var(--ltd-space-3)); padding: 0.85rem 0.95rem; border-radius: 20px; }
	.ltd-page-enquiry       { padding: var(--ltd-space-5); }
	.ltd-page-enquiry__intro { margin-bottom: 0.9rem; }
	.ltd-btn-primary        { width: 100%; }
	.ltd-page-content .ltd-intro,
	.ltd-page-content .ltd-trust,
	.ltd-page-content .ltd-common-jobs,
	.ltd-page-content .ltd-costs,
	.ltd-page-content .ltd-faq,
	.ltd-page-content .ltd-cta,
	.ltd-page-content .ltd-block-process,
	.ltd-page-content .ltd-block-cta { border-radius: 24px !important; }

	.ltd-cta-banner         { flex-direction: column; padding: var(--ltd-space-10) var(--ltd-space-6); text-align: center; }
	.ltd-cta-banner__actions { justify-content: center; flex-wrap: wrap; }

	.ltd-footer__top        { grid-template-columns: 1fr; gap: var(--ltd-space-8); }
	.ltd-footer__bottom     { flex-direction: column; text-align: center; }

	.ltd-link-hub           { padding: var(--ltd-space-7); border-radius: 26px; }
	.ltd-link-hub__grid     { grid-template-columns: 1fr; }
	.ltd-link-cluster       { padding: var(--ltd-space-4); border-radius: 22px; }
	.ltd-nearby             { margin-bottom: var(--ltd-space-12); padding: var(--ltd-space-8); border-radius: 24px; }
	.ltd-nearby__grid       { grid-template-columns: 1fr; }
	.ltd-legal-summary-grid > *,
	.ltd-legal-card-grid > *,
	.ltd-legal-section#data-collected .ltd-legal-card-grid > :last-child { grid-column: 1 / -1; }
	.ltd-legal-intro        { padding: var(--ltd-space-7); }
	.ltd-legal-section      { padding: var(--ltd-space-9) 0 0; }
	.ltd-legal-nav          { gap: var(--ltd-space-2); }
	.ltd-legal-nav a        { width: 100%; justify-content: center; }
	.ltd-legal-card         { padding: var(--ltd-space-6); }
	.ltd-legal-summary-grid .ltd-legal-card { min-height: 0; }
}

@media (max-width: 480px) {
	.ltd-home-metrics__grid { grid-template-columns: 1fr; margin-top: 0; }
	.ltd-trade-grid         { grid-template-columns: repeat(2, 1fr); gap: var(--ltd-space-3); }
	.ltd-town-grid          { grid-template-columns: 1fr; gap: var(--ltd-space-3); }
	.ltd-header__logo-wordmark { display: none; }
	.ltd-header__logo-icon  { display: block; }
	.ltd-trade-card         { padding: var(--ltd-space-4) var(--ltd-space-3); }
	.ltd-homepage .ltd-trade-card__name { font-size: 0.95rem; }
	.ltd-trade-card__summary { font-size: 0.8rem; }
	.ltd-region-grid        { grid-template-columns: 1fr; }
	.ltd-page-content > .ltd-block { padding: var(--ltd-space-5); border-radius: 22px; }
	.ltd-page-cta-banner,
	.ltd-page-enquiry,
	.ltd-page-content .ltd-hero,
	.ltd-page-content .ltd-intro,
	.ltd-page-content .ltd-trust,
	.ltd-page-content .ltd-common-jobs,
	.ltd-page-content .ltd-costs,
	.ltd-page-content .ltd-faq,
	.ltd-page-content .ltd-cta,
	.ltd-page-content .ltd-block-process,
	.ltd-page-content .ltd-block-cta { padding: var(--ltd-space-6) !important; border-radius: 22px !important; }
	.ltd-page-content .ltd-trust__list li,
	.ltd-page-content .ltd-common-jobs li,
	.ltd-page-content .ltd-costs li { padding-left: 2.9rem; }
	.ltd-page-enquiry .ltd-form { padding: var(--ltd-space-5); border-radius: 22px; }
	.ltd-page-summary-bar   { position: static; margin-top: -0.2rem; }
	.ltd-page-summary-chip  { width: 100%; justify-content: center; }
	.ltd-link-hub           { padding: var(--ltd-space-6); border-radius: 22px; }
	.ltd-link-list__item    { padding: 0.9rem; }
	.ltd-nearby__grid       { grid-template-columns: 1fr; }
}