/* =========================================================
   True Path Care – New Homepage (template-tpc-home.php)
   Built from Figma "Truepathcare-aswathy" (1920px artboard)
   1 design px = var(--u)  (scales down below 1920px)
   ========================================================= */

.tpc-home-template #content > .ast-container,
.tpc-home-template .site-content > .ast-container {
	max-width: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	display: block !important;
}
.tpc-home-template #primary,
.tpc-home-template .content-area { margin: 0 !important; padding: 0 !important; width: 100% !important; }

.tpc {
	--u: min(1px, calc(100vw / 1920));
	--blue: #3D98FF;
	--blue-2: #51A1FC;
	--blue-dark: #0D55A6;
	--grey: #707070;
	--grad-title: linear-gradient(90deg, #3D98FF 0%, #255B99 100%);
	--grad-btn: linear-gradient(90deg, #0570EA 0%, #5FAAFF 100%);
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	letter-spacing: -0.03em;
	color: #000;
	background: #fff;
	overflow-x: hidden;
	line-height: 1.5;
}
.tpc *, .tpc *::before, .tpc *::after { box-sizing: border-box; }
.tpc h1, .tpc h2, .tpc h3, .tpc p, .tpc ul { margin: 0; padding: 0; }
.tpc h1, .tpc h2, .tpc h3 { font-family: 'Poppins', sans-serif; letter-spacing: -0.03em; font-weight: 500; }
.tpc ul { list-style: none; }
.tpc img { display: block; max-width: 100%; }
.tpc a { text-decoration: none; }

.tpc-wrap {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding-left: calc(96 * var(--u));
	padding-right: calc(96 * var(--u));
	position: relative;
}

.tpc-grad {
	background: var(--grad-title);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: var(--blue);
}

/* ---------- Tags / headings ---------- */
.tpc-tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: calc(40 * var(--u));
	min-height: 26px;
	padding: 0 calc(26 * var(--u));
	border-radius: 80px;
	background: #D2E7FF;
	color: #000;
	font-size: max(12px, calc(18 * var(--u)));
	line-height: 1;
	font-weight: 400;
	margin-bottom: calc(6 * var(--u));
}
.tpc-tag--blue { color: var(--blue); font-size: max(13px, calc(22 * var(--u))); background: #D9EBFF; }

.tpc-h2 {
	font-size: max(28px, calc(48 * var(--u)));
	line-height: calc(94 * var(--u));
	line-height: max(1.3em, calc(94 * var(--u)));
}
.tpc-h2--white { color: #fff; }

.tpc-h2s { /* two-tone split headings */
	font-size: max(28px, calc(48 * var(--u)));
	line-height: 1.3333;
	color: var(--blue);
	margin-bottom: calc(28 * var(--u)) !important;
}
.tpc-h2s span { color: var(--grey); display: block; }
.tpc-h2s--solid { color: var(--blue); }

.tpc-p p, .tpc-faq__left p, .tpc-expert p {
	font-size: max(15px, calc(20 * var(--u)));
	line-height: 1.7;
}
.tpc-p { color: var(--grey); }
.tpc-p p + p { margin-top: calc(34 * var(--u)); }
.tpc-p--tight p + p { margin-top: 0; }
.tpc-p a { color: var(--grey); text-decoration: underline; text-underline-offset: 3px; }
.tpc-p a:hover { color: var(--blue); }

/* ---------- Buttons ---------- */
.tpc-btn {
	display: inline-flex;
	align-items: center;
	gap: calc(14 * var(--u));
	height: calc(62 * var(--u));
	min-height: 42px;
	padding: 0 calc(12 * var(--u)) 0 calc(24 * var(--u));
	border-radius: 130px;
	font-size: max(14px, calc(22 * var(--u)));
	line-height: 1;
	font-weight: 500;
	letter-spacing: -0.03em;
	white-space: nowrap;
	transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.tpc-btn:hover { transform: translateY(-2px); }
.tpc-btn--sm { height: calc(56 * var(--u)); min-height: 40px; }
.tpc-btn__arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: calc(40 * var(--u));
	height: calc(40 * var(--u));
	min-width: 28px;
	min-height: 28px;
	border-radius: 50%;
	background: var(--grad-btn);
	flex: none;
}
.tpc-btn__arrow svg { width: 60%; height: 60%; }
.tpc-btn--white { background: #fff; color: var(--blue-dark); box-shadow: 0 4px 14px rgba(0,0,0,.08); }
.tpc-btn--white:hover { color: var(--blue-dark); box-shadow: 0 8px 22px rgba(0,0,0,.14); }
.tpc-btn--plain { background: transparent; color: #000; padding-left: 0; }
.tpc-btn--plain:hover { color: var(--blue); }
.tpc-btn--glass {
	color: #fff;
	padding: 0 calc(26 * var(--u));
	background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.2) 0%, rgba(153,153,153,.2) 100%);
	border: 1px solid rgba(255,255,255,.55);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}
.tpc-btn--glass:hover { color: #fff; background: rgba(255,255,255,.28); }
.tpc-btn--dark { background: #242424; color: #fff; }
.tpc-btn--dark:hover { color: #fff; background: #000; }

/* ================= HERO ================= */
.tpc-hero__inner {
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: calc(899 * var(--u)) 1fr;
	min-height: calc(930 * var(--u));
	background: #fff;
	box-shadow: 0 4px 7px rgba(0,0,0,.09);
}
.tpc-hero__media { position: relative; border-bottom-right-radius: calc(50 * var(--u)); overflow: hidden; }
.tpc-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.tpc-hero__media::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 29%;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.35) 100%);
}
.tpc-hero__content {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: calc(161 * var(--u)) calc(40 * var(--u)) calc(150 * var(--u)) calc(100 * var(--u));
}
.tpc-hero__badge {
	display: inline-flex; align-items: center; justify-content: center;
	height: calc(54 * var(--u)); min-height: 34px;
	padding: 0 calc(29 * var(--u));
	border: 1px solid #000; border-radius: 80px;
	font-size: max(12px, calc(18 * var(--u))); font-weight: 400; line-height: 1; color: #000;
}
.tpc-hero__title {
	margin-top: calc(28 * var(--u)) !important;
	max-width: calc(771 * var(--u));
	font-size: max(38px, calc(81 * var(--u)));
	line-height: 1.1605;
}
.tpc-hero__text {
	margin-top: calc(31 * var(--u)) !important;
	max-width: calc(598 * var(--u));
	font-size: max(14px, calc(18 * var(--u)));
	line-height: 1.6667;
	color: #000;
}
.tpc-hero__text span { color: var(--grey); }
.tpc-hero__form {
	margin: calc(22 * var(--u)) 0 0 !important;
	display: flex; align-items: center; justify-content: space-between;
	width: calc(536 * var(--u)); min-width: 300px; max-width: 100%;
	height: calc(74 * var(--u)); min-height: 50px;
	padding: 0 calc(8 * var(--u)) 0 calc(38 * var(--u));
	border: 2px solid #BEBEBE; border-radius: 110px; background: #fff;
}
.tpc-hero__form input {
	flex: 1; min-width: 0; height: 100%;
	border: 0 !important; outline: 0; box-shadow: none !important; background: transparent !important;
	padding: 0 !important; margin: 0;
	font-family: 'Poppins', sans-serif; font-weight: 400; letter-spacing: -0.03em;
	font-size: max(14px, calc(24 * var(--u))); color: #000;
}
.tpc-hero__form input::placeholder { color: #9F9F9F; opacity: 1; }
.tpc-hero__form button {
	flex: none;
	width: calc(216 * var(--u)); min-width: 120px;
	height: calc(57 * var(--u)); min-height: 38px;
	border: 0; border-radius: 36px; cursor: pointer;
	background: var(--grad-btn);
	color: #fff; font-family: 'Poppins', sans-serif; font-weight: 500; letter-spacing: -0.03em;
	font-size: max(14px, calc(22 * var(--u))); line-height: 1; padding: 0 12px;
	transition: filter .2s ease, transform .2s ease;
}
.tpc-hero__form button:hover { filter: brightness(1.06); transform: translateY(-1px); }
.tpc-hero__pc {
	position: absolute;
	left: calc(28 * var(--u));
	bottom: calc(33 * var(--u));
	text-align: left;
	max-width: calc(394 * var(--u));
}
.tpc-hero__pc strong { display: block; font-weight: 500; font-size: max(14px, calc(24 * var(--u))); line-height: 1.25; color: #000; }
.tpc-hero__pc span { display: block; margin-top: calc(6 * var(--u)); max-width: calc(305 * var(--u)); font-size: max(12px, calc(18 * var(--u))); line-height: 1.5; color: #939393; }

/* ================= ABOUT ================= */
.tpc-about { padding: calc(70 * var(--u)) 0 calc(55 * var(--u)); }
.tpc-about__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; }
.tpc-about__intro {
	width: calc(598 * var(--u)); min-width: 300px;
	margin-right: calc(26 * var(--u)) !important;
	margin-bottom: calc(10 * var(--u)) !important;
	font-size: max(15px, calc(24 * var(--u))); line-height: 1.25; color: var(--grey);
}
.tpc-about__grid {
	margin-top: calc(46 * var(--u));
	display: grid;
	grid-template-columns: calc(821 * var(--u)) calc(886 * var(--u));
	gap: calc(32 * var(--u));
	align-items: start;
}
.tpc-about__card { position: relative; border-radius: calc(40 * var(--u)); overflow: hidden; color: #fff; isolation: isolate; }
.tpc-about__card > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.tpc-about__card::after { content: ""; position: absolute; inset: 0; z-index: -1; }
.tpc-about__card--left { height: calc(768 * var(--u)); display: flex; align-items: flex-end; }
.tpc-about__card--left::after { background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.28) 100%); }
.tpc-about__card-body { padding: 0 calc(48 * var(--u)) calc(34 * var(--u)); }
.tpc-about__card-body h3 { max-width: calc(552 * var(--u)); font-size: max(24px, calc(42 * var(--u))); line-height: 1.3333; color: #fff; }
.tpc-about__card-body p { margin-top: calc(6 * var(--u)) !important; max-width: calc(598 * var(--u)); font-size: max(14px, calc(22 * var(--u))); line-height: 1.3636; color: #fff; }
.tpc-about__card-body .tpc-btn { margin-top: calc(26 * var(--u)); }
.tpc-about__card--exp { height: calc(564 * var(--u)); padding: calc(30 * var(--u)) calc(40 * var(--u)) calc(36 * var(--u)); display: flex; flex-direction: column; justify-content: space-between; }
.tpc-about__card--exp::after { background: linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.05) 35%, rgba(0,0,0,.55) 100%); }
.tpc-about__card--exp h3 { font-size: max(18px, calc(30 * var(--u))); line-height: 1; color: #fff; }
.tpc-about__card--exp p { max-width: calc(805 * var(--u)); font-size: max(13px, calc(20 * var(--u))); line-height: 1.7; color: #fff; }
.tpc-about__note { margin-top: calc(26 * var(--u)) !important; max-width: calc(824 * var(--u)); font-size: max(14px, calc(22 * var(--u))); line-height: 1.5909; color: var(--grey); }
.tpc-about__right .tpc-btn { margin-top: calc(22 * var(--u)); }

/* ================= WHY CHOOSE US ================= */
.tpc-why {
	position: relative;
	background-color: #1a1a1a;
	background-size: cover;
	background-position: center;
	padding: calc(52 * var(--u)) 0 calc(124 * var(--u));
	isolation: isolate;
	overflow: hidden;
}
.tpc-why::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.36); z-index: -1; }
.tpc-why__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; }
.tpc-why__head .tpc-h2 { margin-top: calc(-4 * var(--u)) !important; }
.tpc-why__head .tpc-btn { margin-top: calc(4 * var(--u)); }
.tpc-why__intro {
	width: calc(598 * var(--u)); min-width: 300px;
	margin: calc(40 * var(--u)) 0 0 0 !important;
	font-size: max(15px, calc(24 * var(--u))); line-height: 1.25; color: #fff;
}
.tpc-why__slider {
	margin-top: calc(62 * var(--u));
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding: calc(10 * var(--u)) 0 calc(40 * var(--u));
	cursor: grab;
}
.tpc-why__slider::-webkit-scrollbar { display: none; }
.tpc-why__slider.is-dragging { cursor: grabbing; scroll-snap-type: none; }
.tpc-why__track {
	display: flex;
	gap: calc(52 * var(--u));
	padding: 0 calc(92 * var(--u));
	width: max-content;
}
.tpc-why__card {
	position: relative;
	flex: none;
	scroll-snap-align: start;
	scroll-margin-left: calc(92 * var(--u));
	width: calc(469 * var(--u)); min-width: 260px;
	height: calc(551 * var(--u)); min-height: 330px;
	padding: calc(26 * var(--u)) calc(32 * var(--u)) calc(30 * var(--u)) calc(42 * var(--u));
	border-radius: calc(30 * var(--u));
	background: linear-gradient(180deg, rgba(255,255,255,.27) 0%, rgba(255,255,255,0) 100%);
	-webkit-backdrop-filter: blur(35px);
	backdrop-filter: blur(35px);
	box-shadow: -20px 22px 70px rgba(0,0,0,.25);
	color: #fff;
	user-select: none;
}
.tpc-why__card::before { /* 4px gradient border */
	content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 4px;
	background: linear-gradient(180deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 60%, rgba(255,255,255,.35) 100%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor; mask-composite: exclude;
	pointer-events: none;
}
.tpc-why__top { display: flex; justify-content: space-between; align-items: flex-start; margin-left: calc(-10 * var(--u)); }
.tpc-why__icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: calc(80 * var(--u)); height: calc(80 * var(--u)); min-width: 46px; min-height: 46px;
	border-radius: 50%; background: #fff;
	box-shadow: 0 4px 10px rgba(0,0,0,.15);
}
.tpc-why__icon svg { width: 50%; height: 50%; fill: #9ECAFD; }
.tpc-why__icon svg path[opacity], .tpc-why__icon svg circle[opacity] { fill: #3D98FF; }
.tpc-why__num { font-family: 'Lexend', sans-serif; font-weight: 400; font-size: max(40px, calc(74 * var(--u))); line-height: 1; letter-spacing: -0.03em; color: rgba(255,255,255,.36); }
.tpc-why__bar {
	display: block; margin: calc(24 * var(--u)) 0 0 calc(-10 * var(--u));
	width: calc(406 * var(--u)); max-width: 100%; height: calc(14 * var(--u)); min-height: 8px;
	border-radius: 12px;
	background: linear-gradient(90deg, #5FAAFF 0%, #4295F3 30%, #0B52A4 100%);
	box-shadow: 1px 4px 4px rgba(0,0,0,.2);
}
.tpc-why__card h3 { margin-top: calc(32 * var(--u)) !important; font-size: max(20px, calc(38 * var(--u))); line-height: 1.5526; color: var(--blue-2); }
.tpc-why__card p { margin-top: calc(34 * var(--u)) !important; max-width: calc(412 * var(--u)); font-size: max(13px, calc(21 * var(--u))); line-height: 1.619; color: #C3C3C3; }

/* ================= SERVICES ================= */
.tpc-services { padding: calc(53 * var(--u)) 0 calc(68 * var(--u)); }
.tpc-services__grid {
	margin-top: calc(56 * var(--u));
	display: grid;
	grid-template-columns: calc(862 * var(--u)) calc(768 * var(--u));
	justify-content: space-between;
	gap: calc(40 * var(--u));
	padding-right: calc(37 * var(--u));
}
.tpc-services__list { display: flex; flex-direction: column; gap: calc(16 * var(--u)); }
.tpc-services__item {
	display: block;
	min-height: calc(193 * var(--u));
	padding: calc(28 * var(--u)) calc(26 * var(--u)) calc(24 * var(--u)) calc(31 * var(--u));
	border-radius: 15px;
	background: #F3F3F3;
	transition: background-color .25s ease, transform .25s ease;
}
.tpc-services__item h3 { font-size: max(18px, calc(32 * var(--u))); line-height: 1; color: var(--blue-2); transition: color .25s ease; }
.tpc-services__item p { margin-top: calc(16 * var(--u)) !important; max-width: calc(805 * var(--u)); font-size: max(13px, calc(20 * var(--u))); line-height: 1.7; color: #9E9E9E; transition: color .25s ease; }
.tpc-services__item.is-active { background: var(--blue); }
.tpc-services__item.is-active h3, .tpc-services__item.is-active p { color: #fff; }
.tpc-services__media { border-radius: calc(30 * var(--u)); overflow: hidden; height: calc(832 * var(--u)); }
.tpc-services__media img { width: 100%; height: 100%; object-fit: cover; }

/* ================= ACKNOWLEDGEMENT ================= */
.tpc-ack {
	position: relative;
	min-height: calc(993 * var(--u));
	background-color: #111;
	background-size: cover;
	background-position: center;
	padding: calc(50 * var(--u)) 0 calc(60 * var(--u));
	isolation: isolate;
	color: #fff;
}
.tpc-ack::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.45) 46%, rgba(0,0,0,.2) 100%); }
.tpc-ack__content { margin-left: calc(-26 * var(--u)); }
.tpc-ack__title { display: flex; align-items: center; gap: calc(18 * var(--u)); font-size: max(26px, calc(48 * var(--u))); line-height: 1.9583; color: #fff; }
.tpc-flag { width: calc(69 * var(--u)); height: calc(69 * var(--u)); min-width: 36px; min-height: 36px; flex: none; margin-left: calc(-5 * var(--u)); }
.tpc-ack__text { margin: calc(10 * var(--u)) 0 0 calc(87 * var(--u)) !important; max-width: calc(646 * var(--u)); font-size: max(15px, calc(24 * var(--u))); line-height: 1.4167; color: #fff; }
.tpc-ack__logo { margin: calc(82 * var(--u)) 0 0 calc(-5 * var(--u)); width: calc(391 * var(--u)); min-width: 200px; height: auto; border: 4px solid var(--blue); border-radius: calc(30 * var(--u)); background: #fff; }
.tpc-ack__list { margin: calc(46 * var(--u)) 0 0 !important; }
.tpc-ack__list li { display: flex; align-items: center; gap: calc(26 * var(--u)); font-size: max(16px, calc(32 * var(--u))); line-height: 1; color: #fff; }
.tpc-ack__list li + li { margin-top: calc(35 * var(--u)); }
.tpc-check { width: calc(27 * var(--u)); height: calc(27 * var(--u)); min-width: 18px; min-height: 18px; flex: none; }
.tpc-check--white { width: calc(53 * var(--u)); height: calc(53 * var(--u)); min-width: 26px; min-height: 26px; }

/* ================= SPLIT SECTIONS ================= */
.tpc-split {
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
	display: grid;
	align-items: center;
	min-height: calc(800 * var(--u));
}
.tpc-split + .tpc-split, .tpc-ack + .tpc-split, .tpc-split + .tpc-expert, .tpc-expert + .tpc-split, .tpc-split + .tpc-faq { margin-top: calc(22 * var(--u)); }
.tpc-split--grey { background: linear-gradient(180deg, #EFEFEF 0%, #FFFFFF 50%, #E6E6E6 100%); box-shadow: 0 4px 13px rgba(0,0,0,.16); }
.tpc-split--white { background: #fff; min-height: calc(757 * var(--u)); }
.tpc-split--img-right { grid-template-columns: 1fr calc(964 * var(--u)); }
.tpc-split--img-left { grid-template-columns: calc(963 * var(--u)) 1fr; }
.tpc-split__text { padding: calc(60 * var(--u)) calc(60 * var(--u)) calc(60 * var(--u)) calc(96 * var(--u)); max-width: calc(956 * var(--u)); }
.tpc-split--img-left .tpc-split__text { padding: calc(40 * var(--u)) calc(96 * var(--u)) calc(40 * var(--u)) calc(48 * var(--u)); max-width: none; }
.tpc-split__text .tpc-p { max-width: calc(866 * var(--u)); }
.tpc-split__media { position: relative; align-self: stretch; margin: calc(62 * var(--u)) 0 calc(20 * var(--u)); overflow: hidden; }
.tpc-split__media--r { border-top-left-radius: calc(55 * var(--u)); }
.tpc-split__media--l { border-top-right-radius: calc(55 * var(--u)); margin: calc(40 * var(--u)) 0 0; }
.tpc-split__media > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.tpc-split__btn { position: absolute; right: calc(34 * var(--u)); bottom: calc(28 * var(--u)); }

.tpc-list { margin-top: calc(20 * var(--u)) !important; }
.tpc-list li { display: flex; align-items: center; gap: calc(15 * var(--u)); font-size: max(14px, calc(20 * var(--u))); line-height: 1.7; color: var(--grey); }
.tpc-list li + li { margin-top: calc(7 * var(--u)); }

/* quote overlay bars */
.tpc-quote {
	position: absolute;
	left: 0; right: 0; bottom: 0;
	min-height: calc(172 * var(--u));
	display: flex; align-items: center; justify-content: space-between; gap: 20px;
	padding: calc(20 * var(--u)) calc(34 * var(--u)) calc(20 * var(--u)) calc(154 * var(--u));
	border-top-left-radius: calc(236 * var(--u));
	-webkit-backdrop-filter: blur(24px);
	backdrop-filter: blur(24px);
}
.tpc-quote p { position: relative; font-size: max(16px, calc(34 * var(--u))); line-height: 1.5; }
.tpc-quote .tpc-q { position: absolute; width: calc(29 * var(--u)); height: calc(25 * var(--u)); min-width: 16px; min-height: 14px; }
.tpc-quote .tpc-q--open { left: calc(-40 * var(--u)); top: calc(4 * var(--u)); }
.tpc-quote .tpc-q--close { position: relative; display: inline-block; vertical-align: bottom; margin: 0 0 calc(-14 * var(--u)) calc(14 * var(--u)); }
.tpc-quote--light { background: linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(227,227,227,.82) 36%, rgba(196,196,196,.9) 100%); box-shadow: -7px 4px 31px rgba(0,0,0,.05); }
.tpc-quote--light p { color: #02121B; }
.tpc-quote--light .tpc-q { color: #383838; }
.tpc-quote--dark { background: linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.3) 60%, rgba(0,0,0,.15) 100%); }
.tpc-quote--dark p { color: #fff; }
.tpc-quote--dark .tpc-q { color: rgba(255,255,255,.85); }

/* ================= EXPERT ================= */
.tpc-expert {
	position: relative;
	min-height: calc(581 * var(--u));
	display: flex; align-items: center;
	background-color: #0e0e10;
	background-size: cover;
	background-position: right center;
	isolation: isolate;
}
.tpc-expert::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.75) 38%, rgba(0,0,0,0) 70%); }
.tpc-expert__content { max-width: calc(900 * var(--u)); padding: calc(40 * var(--u)) 0; }
.tpc-expert h2 { font-size: max(26px, calc(44 * var(--u))); line-height: 2.136; color: #fff; }
.tpc-expert p { max-width: calc(849 * var(--u)); font-weight: 400; color: #fff; }
.tpc-expert .tpc-btn { margin-top: calc(30 * var(--u)); }

/* ================= FAQ ================= */
.tpc-faq {
	position: relative;
	min-height: calc(763 * var(--u));
	background-color: #0b0b0b;
	background-size: cover;
	background-position: center;
	padding: calc(64 * var(--u)) 0;
	isolation: isolate;
}
.tpc-faq::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(0,0,0,.95) 0%, rgba(0,0,0,.85) 40%, rgba(0,0,0,.55) 100%); }
.tpc-faq__grid { display: grid; grid-template-columns: calc(640 * var(--u)) calc(1004 * var(--u)); justify-content: space-between; gap: 40px; padding-right: calc(108 * var(--u)); }
.tpc-faq__left { padding-top: calc(20 * var(--u)); }
.tpc-faq__left .tpc-tag { margin-left: 0; }
.tpc-faq__left .tpc-h2s { margin-top: calc(26 * var(--u)) !important; max-width: calc(420 * var(--u)); }
.tpc-faq__left p { max-width: calc(572 * var(--u)); color: #A7A7A7; font-weight: 400; }
.tpc-faq__left .tpc-btn { margin-top: calc(40 * var(--u)); }
.tpc-faq__item { border-bottom: 2px solid rgba(217,217,217,.6); }
.tpc-faq__q {
	width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px;
	padding: calc(22 * var(--u)) 0 !important;
	background: transparent !important; border: 0 !important; box-shadow: none !important; cursor: pointer; text-align: left;
	font-family: 'Poppins', sans-serif; font-weight: 400; letter-spacing: -0.03em;
	font-size: max(16px, calc(28 * var(--u))); line-height: 1.2143; color: #fff !important;
}
.tpc-faq__q:hover, .tpc-faq__q:focus { background: transparent !important; color: #fff !important; }
.tpc-faq__icon { position: relative; flex: none; width: calc(50 * var(--u)); height: calc(50 * var(--u)); min-width: 30px; min-height: 30px; border: 1px solid #fff; border-radius: 50%; }
.tpc-faq__icon::before, .tpc-faq__icon::after { content: ""; position: absolute; left: 50%; top: 50%; width: 40%; height: 1.5px; background: #fff; transform: translate(-50%, -50%); transition: transform .25s ease; }
.tpc-faq__icon::after { transform: translate(-50%, -50%) rotate(90deg); }
.tpc-faq__item.is-open .tpc-faq__icon { border-color: rgba(255,255,255,.6); }
.tpc-faq__item.is-open .tpc-faq__icon::after { transform: translate(-50%, -50%) rotate(0deg); }
.tpc-faq__a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease; }
.tpc-faq__a > p { overflow: hidden; max-width: calc(826 * var(--u)); font-size: max(14px, calc(20 * var(--u))); line-height: 1.7; font-weight: 400; color: #A7A7A7; }
.tpc-faq__item.is-open .tpc-faq__a { grid-template-rows: 1fr; }
.tpc-faq__item.is-open .tpc-faq__a > p { padding-bottom: calc(26 * var(--u)); margin-top: calc(-6 * var(--u)); }

/* ================= CONTACT ================= */
.tpc-contact { padding: calc(40 * var(--u)) 0 calc(70 * var(--u)); }
.tpc-contact__card {
	position: relative;
	width: calc(1711 * var(--u));
	min-height: calc(846 * var(--u));
	margin: 0 auto;
	border: 1px solid #DDDDDD;
	border-radius: calc(40 * var(--u));
	overflow: hidden;
	isolation: isolate;
	background: #fff;
}
.tpc-contact__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: right center; z-index: -1; }
.tpc-contact__card::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.tpc-contact__content { position: relative; padding: calc(51 * var(--u)) 0 calc(56 * var(--u)) calc(63 * var(--u)); max-width: calc(620 * var(--u)); }
.tpc-contact__title { margin-top: calc(32 * var(--u)) !important; max-width: calc(524 * var(--u)); font-size: max(34px, calc(76 * var(--u))); line-height: 1.2237; color: #7F7F7F; }
.tpc-contact__title span { display: block; color: var(--blue); }
.tpc-contact__text { margin-top: calc(24 * var(--u)) !important; max-width: calc(495 * var(--u)); font-size: max(14px, calc(22 * var(--u))); line-height: 1.5909; color: var(--grey); }
.tpc-contact__content .tpc-btn--dark { margin-top: calc(32 * var(--u)); padding-left: calc(28 * var(--u)); }
.tpc-contact__email {
	display: flex; align-items: center; gap: calc(12 * var(--u));
	width: fit-content;
	margin-top: calc(46 * var(--u));
	height: calc(62 * var(--u)); min-height: 42px;
	padding: 0 calc(26 * var(--u)) 0 calc(20 * var(--u));
	border: 1px solid #C0C0C0; border-radius: 130px;
	font-size: max(14px, calc(22 * var(--u))); color: var(--grey) !important;
	background: rgba(255,255,255,.6);
}
.tpc-contact__email svg { width: calc(26 * var(--u)); height: calc(26 * var(--u)); min-width: 18px; min-height: 18px; }
.tpc-contact__email:hover { color: var(--blue) !important; border-color: var(--blue); }
.tpc-contact__features { display: flex; gap: calc(56 * var(--u)); margin-top: calc(56 * var(--u)) !important; }
.tpc-contact__features li { display: flex; align-items: center; gap: calc(18 * var(--u)); font-size: max(12px, calc(22 * var(--u))); line-height: 1.5909; color: var(--grey); white-space: nowrap; }
.tpc-contact__ficon { display: inline-flex; align-items: center; justify-content: center; width: calc(62 * var(--u)); height: calc(62 * var(--u)); min-width: 36px; min-height: 36px; border-radius: 50%; background: #D9EBFF; flex: none; }
.tpc-contact__ficon svg { width: 44%; height: 44%; }
.tpc-contact__float {
	position: absolute;
	left: calc(582 * var(--u));
	top: calc(468 * var(--u));
	width: calc(375 * var(--u)); min-width: 220px;
	padding: calc(30 * var(--u)) calc(34 * var(--u)) calc(34 * var(--u)) calc(106 * var(--u));
	border-radius: calc(24 * var(--u));
	background: rgba(255,255,255,.96);
	box-shadow: 0 10px 40px rgba(0,0,0,.12);
}
.tpc-contact__heart { position: absolute; left: calc(28 * var(--u)); top: calc(30 * var(--u)); display: inline-flex; align-items: center; justify-content: center; width: calc(56 * var(--u)); height: calc(56 * var(--u)); min-width: 34px; min-height: 34px; border-radius: 50%; background: linear-gradient(135deg, #56A4FD 0%, #0D74EC 100%); }
.tpc-contact__heart svg { width: 55%; height: 55%; }
.tpc-contact__float p { font-size: max(16px, calc(34 * var(--u))); line-height: 1.353; color: #000; }
.tpc-contact__float p span { color: var(--blue); }
.tpc-contact__line { display: block; margin-top: calc(12 * var(--u)); width: calc(180 * var(--u)); height: 4px; border-radius: 4px; background: linear-gradient(90deg, #1D7FF0 0%, #D9D9D9 100%); }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 1200px) {
	.tpc-about__intro, .tpc-why__intro { margin-right: 0 !important; }
}

@media (max-width: 991px) {
	.tpc { --u: 0.5px; }
	.tpc-wrap { padding-left: 24px; padding-right: 24px; }

	.tpc-hero__inner { grid-template-columns: 1fr; min-height: 0; }
	.tpc-hero__media { height: 380px; border-bottom-right-radius: 32px; }
	.tpc-hero__content { padding: 40px 24px 40px; }
	.tpc-hero__title { max-width: 560px; }
	.tpc-hero__text { max-width: 560px; }
	.tpc-hero__pc { position: static; margin-top: 32px; text-align: center; max-width: none; }
	.tpc-hero__pc span { max-width: 320px; margin-left: auto; margin-right: auto; }

	.tpc-about { padding: 48px 0; }
	.tpc-about__head, .tpc-why__head { flex-direction: column; align-items: flex-start; gap: 12px; }
	.tpc-about__intro, .tpc-why__intro { width: auto; min-width: 0; margin: 0 !important; }
	.tpc-about__grid { grid-template-columns: 1fr; gap: 24px; margin-top: 28px; }
	.tpc-about__card { border-radius: 24px; }
	.tpc-about__card--left { height: 460px; }
	.tpc-about__card-body { padding: 0 24px 24px; }
	.tpc-about__card--exp { height: auto; min-height: 420px; padding: 24px; gap: 40px; }

	.tpc-why { padding: 48px 0 40px; }
	.tpc-why__slider { margin-top: 32px; }
	.tpc-why__track { padding: 0 24px; gap: 18px; }
	.tpc-why__card { width: 290px; min-height: 360px; height: auto; border-radius: 22px; scroll-margin-left: 24px; }

	.tpc-services { padding: 48px 0; }
	.tpc-services__grid { grid-template-columns: 1fr; padding-right: 0; margin-top: 24px; gap: 24px; }
	.tpc-services__item { min-height: 0; padding: 20px; border-radius: 14px; }
	.tpc-services__media { height: 380px; border-radius: 22px; }

	.tpc-ack { min-height: 0; padding: 48px 0; }
	.tpc-ack__content { margin-left: 0; padding-left: 0; }
	.tpc-ack__title { line-height: 1.25; }
	.tpc-ack__text { margin: 16px 0 0 !important; }
	.tpc-ack__logo { margin: 32px 0 0; width: 240px; border-radius: 20px; }
	.tpc-ack__list { margin-top: 28px !important; }
	.tpc-ack__list li { line-height: 1.3; }
	.tpc-ack__list li + li { margin-top: 18px; }

	.tpc-split, .tpc-split--img-right, .tpc-split--img-left { grid-template-columns: 1fr; min-height: 0; }
	.tpc-split + .tpc-split, .tpc-ack + .tpc-split, .tpc-split + .tpc-expert, .tpc-expert + .tpc-split, .tpc-split + .tpc-faq { margin-top: 0; }
	.tpc-split__text, .tpc-split--img-left .tpc-split__text { padding: 44px 24px 28px; max-width: none; }
	.tpc-split--img-left .tpc-split__media { order: 2; }
	.tpc-split__media, .tpc-split__media--l { margin: 0; min-height: 360px; border-radius: 28px 28px 0 0; }
	.tpc-split__media--r { margin: 0 0 0 24px; border-radius: 28px 0 0 0; }
	.tpc-split__media--l { margin: 0 24px 0 0; border-radius: 0 28px 0 0; }
	.tpc-quote { padding: 16px 16px 16px 58px; border-top-left-radius: 90px; flex-direction: column; align-items: flex-start; gap: 12px; }
	.tpc-quote .tpc-q--open { left: -26px; }

	.tpc-expert { min-height: 0; background-position: 70% center; }
	.tpc-expert::before { background: linear-gradient(90deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.7) 100%); }
	.tpc-expert__content { padding: 48px 0; }
	.tpc-expert h2 { line-height: 1.25; margin-bottom: 16px; }

	.tpc-faq { padding: 48px 0; min-height: 0; }
	.tpc-faq__grid { grid-template-columns: 1fr; padding-right: 24px; gap: 28px; }
	.tpc-faq__left .tpc-h2s { max-width: none; }

	.tpc-contact { padding: 40px 16px; }
	.tpc-contact__card { width: 100%; min-height: 0; border-radius: 24px; }
	.tpc-contact__bg { position: relative; height: 320px; object-position: 75% center; }
	.tpc-contact__card::before { display: none; }
	.tpc-contact__content { padding: 32px 22px 28px; max-width: none; }
	.tpc-contact__title { max-width: none; }
	.tpc-contact__features { flex-wrap: wrap; gap: 16px 22px; }
	.tpc-contact__float { position: relative; left: auto; top: auto; margin: 0 22px 26px; width: auto; padding: 22px 22px 22px 84px; border-radius: 18px; }
	.tpc-contact__heart { left: 20px; top: 24px; }
	.tpc-contact__card { display: flex; flex-direction: column; }
	.tpc-contact__bg { order: 3; }
	.tpc-contact__float { order: 2; }
}

@media (max-width: 575px) {
	.tpc-hero__media { height: 300px; }
	.tpc-hero__form { min-width: 0; width: 100%; padding-left: 20px; }
	.tpc-hero__form button { min-width: 110px; }
	.tpc-about__card--left { height: 420px; }
	.tpc-contact__features li { white-space: normal; }
}

@media (prefers-reduced-motion: reduce) {
	.tpc *, .tpc *::before, .tpc *::after { transition: none !important; scroll-behavior: auto !important; }
}

/* ---------- Specificity guards (theme / Elementor kit heading colours) ---------- */
.tpc .tpc-h2s { color: #3D98FF; }
.tpc .tpc-h2s span { color: #707070; }
.tpc .tpc-ack__title, .tpc .tpc-h2--white, .tpc .tpc-expert h2, .tpc .tpc-about__card h3 { color: #fff; }
.tpc .tpc-contact__title { color: #7F7F7F; }
.tpc .tpc-contact__title span { color: #3D98FF; }
.tpc .tpc-why__card h3 { color: #51A1FC; }
.tpc .tpc-services__item h3 { color: #51A1FC; }
.tpc .tpc-services__item.is-active h3 { color: #fff; }
@media (min-width: 992px) {
	.tpc .tpc-split .tpc-h2s { white-space: nowrap; position: relative; z-index: 2; }
}

/* =========================================================
   v2 – prototype detailing (UIUX-True path care prototype)
   ========================================================= */
/* sections sit flush (no gaps) like the prototype */
.tpc-split + .tpc-split, .tpc-ack + .tpc-split, .tpc-split + .tpc-expert, .tpc-expert + .tpc-split, .tpc-split + .tpc-faq { margin-top: 0; }
.tpc-split--img-right .tpc-split__media { margin: calc(33 * var(--u)) 0 0; }
.tpc-split--img-left .tpc-split__media { margin: 0; }

/* hero image slideshow (crossfade) */
.tpc-hero__media img { position: absolute; inset: 0; opacity: 0; transition: opacity 1.2s ease; }
.tpc-hero__media img.is-active { opacity: 1; }
.tpc-hero__media::after { z-index: 1; }

/* why choose us – prev / next */
.tpc-why__side { display: flex; flex-direction: column; align-items: flex-end; }
.tpc-why__side .tpc-why__intro { margin-bottom: 0 !important; }
.tpc-why__nav { display: flex; gap: calc(14 * var(--u)); margin-top: calc(22 * var(--u)); }
.tpc .tpc-why__arrow {
	display: inline-flex; align-items: center; justify-content: center;
	width: calc(56 * var(--u)); height: calc(56 * var(--u)); min-width: 36px; min-height: 36px;
	padding: 0 !important; border-radius: 50%;
	border: 1px solid rgba(255,255,255,.7) !important;
	background: rgba(255,255,255,.14) !important;
	-webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
	cursor: pointer; transition: background-color .2s ease, transform .2s ease;
}
.tpc .tpc-why__arrow:hover { background: rgba(255,255,255,.3) !important; transform: translateY(-1px); }
.tpc-why__arrow svg { width: 46%; height: 46%; }
.tpc-why__card { transition: transform .45s ease, opacity .45s ease; }

/* services – header + vertical ticker */
.tpc-services__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; padding-right: calc(37 * var(--u)); }
.tpc-services__head .tpc-btn { margin-bottom: calc(22 * var(--u)); }
.tpc-services__list { position: relative; height: calc(820 * var(--u)); overflow: hidden; }
.tpc-services__track { display: flex; flex-direction: column; gap: calc(16 * var(--u)); will-change: transform; }
.tpc-services__track.is-moving { transition: transform .7s cubic-bezier(.45,.05,.25,1); }
.tpc-services__item { flex: none; height: calc(193 * var(--u)); min-height: 0; overflow: hidden; }
.tpc-services__media { position: relative; }
.tpc-services__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .8s ease; }
.tpc-services__media img.is-active { opacity: 1; }

/* acknowledgement – referral button */
.tpc-ack__btn { position: absolute; right: calc(76 * var(--u)); top: calc(22 * var(--u)); z-index: 2; }

/* split section CTA (Contact Us) */
.tpc-split__cta { display: flex; justify-content: flex-end; margin-top: calc(38 * var(--u)); max-width: calc(866 * var(--u)); }
.tpc-split__cta--list { margin-top: calc(-52 * var(--u)); }

/* get in touch heading tone */
.tpc .tpc-contact__title { color: #3D3D3D; }

@media (max-width: 991px) {
	.tpc-hero__media img { position: absolute; }
	.tpc-why__side { align-items: flex-start; }
	.tpc-services__head { flex-direction: column; align-items: flex-start; gap: 12px; padding-right: 0; }
	.tpc-services__head .tpc-btn { margin-bottom: 0; }
	.tpc-services__list { height: auto; }
	.tpc-services__item { height: auto; min-height: 118px; }
	.tpc-ack__btn { position: static; margin-bottom: 20px; }
	.tpc-split--img-right .tpc-split__media { margin: 0 0 0 24px; }
	.tpc-split__cta, .tpc-split__cta--list { justify-content: flex-start; margin-top: 22px; }
}
.tpc-services__item { padding-top: calc(22 * var(--u)); padding-bottom: calc(18 * var(--u)); }
.tpc-expert { background-position: right 28%; }

/* =========================================================
   v3 – exact Figma quote glass, expert crop, why-carousel
   ========================================================= */
/* Quote glass bar – Figma "Rectangle 4474": 1398x624, radius 236/312/312/312,
   fill #FFF 1% → #E3E3E3 35.91% → #C4C4C4 10%, progressive bg blur 100→73,
   shadow -7 4 31 #000 5%. Only the top 173px shows above the image bottom. */
.tpc-quote,
.tpc-quote--light,
.tpc-quote--dark {
	position: absolute;
	display: block;
	left: calc(-10 * var(--u));
	right: auto;
	bottom: auto;
	top: calc(100% - 173 * var(--u));
	width: calc(1398 * var(--u));
	height: calc(624 * var(--u));
	min-height: 0;
	padding: 0;
	gap: 0;
	border-radius: calc(236 * var(--u)) calc(312 * var(--u)) calc(312 * var(--u)) calc(312 * var(--u));
	background: linear-gradient(180deg, rgba(255,255,255,.01) 0%, rgba(227,227,227,.3591) 50%, rgba(196,196,196,.10) 100%);
	-webkit-backdrop-filter: blur(45px);
	backdrop-filter: blur(45px);
	box-shadow: -7px 4px 31px rgba(0,0,0,.05);
}
.tpc-quote p {
	position: absolute;
	left: calc(183 * var(--u));
	top: calc(39 * var(--u));
	margin: 0;
	white-space: nowrap;
}
.tpc-quote .tpc-q--open { left: calc(-50 * var(--u)); top: calc(6 * var(--u)); }
.tpc-quote .tpc-btn { position: absolute; left: calc(677 * var(--u)); top: calc(64 * var(--u)); }
.tpc-quote--light p { color: #02121B; }
.tpc-quote--dark p { color: #fff; }
.tpc-quote--light .tpc-q { color: #383838; }
.tpc-quote--dark .tpc-q { color: rgba(255,255,255,.9); }

/* Expert section – Figma image crop (2210x581 frame, image scaled to 2477px wide,
   offset -222 / -58), no extra overlay */
.tpc-expert {
	background-size: calc(2477 * var(--u)) auto;
	background-position: calc(-222 * var(--u)) calc(-58 * var(--u));
	background-repeat: no-repeat;
}
.tpc-expert::before { display: none; }

/* Why choose us – batch carousel (slide one card, then fade back to the first batch) */
.tpc-why__slider { overflow: hidden; scroll-snap-type: none; cursor: grab; touch-action: pan-y; }
.tpc-why__track { transition: transform .7s cubic-bezier(.45,.05,.25,1), opacity .45s ease; will-change: transform, opacity; }
.tpc-why__track.no-anim { transition: none !important; }
.tpc-why__track.is-fading { opacity: 0; }
.tpc-why__card { scroll-snap-align: none; }

@media (max-width: 991px) {
	.tpc-quote, .tpc-quote--light, .tpc-quote--dark {
		left: 0; right: 0; top: auto; bottom: 0; width: auto; height: auto;
		display: flex; flex-direction: column; align-items: flex-start; gap: 12px;
		padding: 18px 16px 16px 58px; border-radius: 90px 0 0 0;
	}
	.tpc-quote p { position: relative; left: auto; top: auto; white-space: normal; }
	.tpc-quote .tpc-q--open { left: -26px; top: 2px; }
	.tpc-quote .tpc-btn { position: static; }
	.tpc-expert { background-size: cover; background-position: 70% 20%; }
	.tpc-expert::before { display: block; background: linear-gradient(90deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,.6) 100%); }
}

/* v4 – Why cards: keep the frosted glass working during the carousel.
   (opacity/will-change:opacity on the track made it a backdrop root and killed the card blur) */
.tpc-why__track { transition: transform .7s cubic-bezier(.45,.05,.25,1); will-change: auto; }
.tpc-why__track.is-fading { opacity: 1; }
.tpc-why__card { transition: opacity .45s ease; }
.tpc-why__track.is-fading .tpc-why__card { opacity: 0; }
.tpc-why__card {
	background: linear-gradient(180deg, rgba(255,255,255,.27) 0%, rgba(255,255,255,0) 100%);
	-webkit-backdrop-filter: blur(35px);
	backdrop-filter: blur(35px);
	box-shadow: -20px 22px 70px rgba(0,0,0,.25);
}
.tpc-why__card::before {
	padding: 4px;
	background: linear-gradient(160deg, rgba(255,255,255,.6) 0%, rgba(255,255,255,.08) 45%, rgba(255,255,255,.08) 60%, rgba(255,255,255,.45) 100%);
}

/* v5 – Why Choose Us cards rebuilt to the design image (1920 artboard, card incl. 4px border = 477x559) */
.tpc-why__track { gap: calc(44 * var(--u)); padding: 0 calc(88 * var(--u)); }
.tpc .tpc-why__card {
	width: calc(477 * var(--u)); height: calc(559 * var(--u)); min-width: 280px; min-height: 330px;
	padding: 0; border-radius: calc(34 * var(--u));
	background: linear-gradient(180deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.07) 45%, rgba(255,255,255,0) 100%);
	-webkit-backdrop-filter: blur(60px); backdrop-filter: blur(60px);
	box-shadow: -20px 22px 70px rgba(0,0,0,.25);
}
.tpc .tpc-why__card::before {
	padding: 4px;
	background: linear-gradient(180deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,.04) 50%, rgba(255,255,255,.10) 100%);
}
.tpc-why__top { position: absolute; left: calc(30 * var(--u)); right: calc(38 * var(--u)); top: calc(32 * var(--u)); margin: 0; align-items: center; }
.tpc .tpc-why__icon {
	width: calc(87 * var(--u)); height: calc(87 * var(--u)); min-width: 50px; min-height: 50px;
	background: #fff center / auto no-repeat; box-shadow: 0 4px 12px rgba(0,0,0,.18);
}
.tpc-why__icon svg { display: none; }
.tpc-why__num { position: absolute; right: calc(-2 * var(--u)); top: calc(8 * var(--u)); font-size: max(40px, calc(73 * var(--u))); line-height: 1; color: rgba(255,255,255,.5); letter-spacing: 0; }
.tpc .tpc-why__bar {
	position: absolute; left: calc(33 * var(--u)); top: calc(144 * var(--u)); margin: 0;
	width: calc(406 * var(--u)); height: calc(14 * var(--u)); min-height: 7px; border-radius: 20px;
	background: linear-gradient(112deg, #1878EE 0%, #50A0FC 41%, #2A78D1 41.2%, #0B52A4 100%);
	box-shadow: 0 3px 5px rgba(0,0,0,.25);
}
.tpc .tpc-why__card h3 { position: absolute; left: calc(48 * var(--u)); right: calc(20 * var(--u)); top: calc(187 * var(--u)); margin: 0 !important; font-size: max(20px, calc(36 * var(--u))); line-height: 1.7222; font-weight: 400; color: #51A1FC; }
.tpc .tpc-why__card p { position: absolute; left: calc(48 * var(--u)); width: calc(410.5 * var(--u)); top: calc(343 * var(--u)); margin: 0 !important; max-width: none; font-size: max(13px, calc(20 * var(--u))); line-height: 1.7; font-weight: 400; color: #C3C3C3; }
.tpc-why__card:nth-child(5n+1) .tpc-why__icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABIlJREFUeAHFWV1S40YQ7p6RTPLmnGDZG9ipAkLlIeYEkBMsNiRVedrlBDYnWN5SlcTYOcGyJ8A8pAjwwO4JVjnB+i2LrJneaRmwZUbSyBb2V0VhaVo9n3pm+k8Ic6J7He0LFLtAUCOgdVgQiDggrfutLe9vJ3koiD/+CWue772DEshaQRBEkfr51x8rH7LEBBTAX1fRnufL82cjzUBYN3PcmrleZYs5ondJ6yT1rflZheVgeKfC+m/b3wa2QXeLS92G5ZFmVNfkWi9t0Mni99b+BCtANFJ12353s7jUu7Ai+L78yXbfjbg5MLAqpMztRpyWurcT0ETWuV0P5wdYEQRiYL2f9kDvdvKmkdIfYUUgEFajWYl3/1VvaKQ/90yU5Otftv2B+TeEZcNE0dYGvrcNPSHevVIdFPA2vqjI3YkOOoKlgzppIwk/3rsZNYjE+dStIfriZbOOsbVPr1TfPJEZissCEZwcbMlUY81YXL6eGa/qkB6jV2tL7hPCCTwz8kgzRPIBaswKINIeb5+H64MNeWS2TdNID6B0sE7RyCMd85q+OL1WlKqS4Ngo7EzfG6cC8MJoqcZ/WZSUriHCG/sgBNoXjcPv8T9wxCzxz5CRSBHhWajvjtIytjywt3o8+EnNg9amtwMFkNgq5i3OsoR526zJyqfutepxbj7t611w8IM84aTJaApgQSQsPq5u5C0UAOaQUKQ7hzPl2HiL0VRBsqDFOX0kDYX8Ndeb6X8wPLTUkM1tDNDHurFaP9ZBOICCsObjXAgjiPYiJRq7NFERxw8xoGxkFhLdG/UW6aknwLEvtxIiFAFKeP9chB/gZQ0Koo+UfDdDRuw1N/ACVoxM4krAUOj7C+Nr73S4M68rTAM7BL8iX5ml2otvoPHpmi5CHfaz5sqtOXvG9WlOLn15VPbyp/t1GAclk9iZw2110YUbQmUhzkIR2nlySumd+7Q6gUINobLAftyFNEMKYW1RpO5xTnG1Fg2BJheBOAEbuPb1cuFps6cdZU2x/OflqDFrdStxXkbjh9vGKhP9iPsmH++Uc0CxAc7MDUlPcEEzmL5nr4DSltG8/ZqonBfNURaFrdJPEGdCpt2bXeFwnyPSr2EREAVFxAVgTicrimouYd7kFg1YACa6nhWR/6LCJwWzmNG4Dm5TO8rZMa7c3VJbcxKsgShBPFKuS1hsqW1QqJoOYkOttNWTJYh733i8l/KjI43T0XnBEVOSeOcgWmU/fmpp8j+JnL0b1TausAPpGLY25XcwB/jwc9eAKykoiNmaN2HxuINFKQXtBFUu3X6//H8dik4+ovN5SDPYRU93Gx4t7po7TFgUyxYL60+b1lRoXLvGxMcVD/aKa4EAK6KelzWW/EUj7q6JOOjEZdoccA1GnJuUh2r0JaoJpVRjEb+sNdZgyZA+vhBSL/a1AVHnP08lt6i1DAT4slD4nQW5REBfcBAphzz3zDfxQvDByvHbmUpCFR7nicVzqFL660P2ZPwj9uPGsR+PO7DO33qG3KIo4g4Ptr0+KvHyvsvr9MwUAsOvP/2l+SvmYx7IXJOyywAAAABJRU5ErkJggg==); background-size: calc(46 * var(--u)) auto; }
.tpc-why__card:nth-child(5n+2) .tpc-why__icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAArCAYAAAA65tviAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABDNJREFUeAHFmV1u20YQx2d2JRvtk3qCMieoXaBujD6UPkGtE1SK0wJ9sn0CyyeI+1SgrUH3BGlOYOWhcGsDtXKCqjfQU2KJXG5mVpIjkSt+aan8AUHCkpzZ3+7szg6FkKPgXrcgjL8HRB807GjQ3sLlESIOQOs/H9Tk1U/7nwyhoKZ21SEAfksfn+y2qLm1ZBd0/yGa/FHELmY5iifxCSIcLzjINoZIjsfdLMdV7QKo8+5Xzf7Ke2yNl3+rExRwVtRRUlrDxdHX8jTZHtyFvtbiZWW7AFeiKU67uzhKXkuBXP6jejRaZ7C2cDBW4/Z8dpzZ1TAcx5OD5KwvgbiD+OAUt8TuLJSc2k3CiPkPE06rndHigwu63cem+OzZnkT+RKHapZE4ofEYWp9C8HQY/5drF8Vh3BBeGbvbcjtYbiIFN9rTMr4HS+xyvIstcW6Ly0XRbJ5Rp3pQWLo/VmE3b0eardcXVgsxnB49lRf8ewpyqwJaSJ3UjRp6tGjPoaB+uwl9KfMXc1m7v/412Wk05bXF7ogi5AkPsjCzYYe4KOOM9cN+s09hccAOVt1Txe6P32wNlIrblkvTHEcSsVR+2hsMOZyggthpFgyFX4dHGEqKB4nC5yrZrgEP+VsIFN+lH9O9vDWRpRyYVqMhX0IVKdvgap+TrKCw8pKXoih+A2sqE4Z2nd//1Z9DSXX3eRfjLL+s8G3oCQra5DSPuBPgQCthKHSff4n/QwUh6lTfGtviC2G5t3JI2fQBZpYTCCKKVBuqy9q/BlRQcDtdrN29YjM3m+EnHE5VZyJTWo4EprOnZ47YKxTcxdca5D1/KAm+gBJyA4HpHU/DSNDCS41q9BBZt8fL26ijtfYfTSKcXFIyhQ1q0f9jP5rwhhd7P3lBSmk9GwnE1E5De3tnUzA8kJDO7gOT2WlvfpV+RPt83Ei20rb8GizaBAyHO4JIDTClDxNRYtXeLIUIfrl55y22cXbVSndtjuqGoVN0D5bLbKOJmpgkabZfpdS5pWfetti6Ti78o/3GVRZMcKfc1R0zcZ1EX8fJdq4Y56dnA8IjbZuVaT2hS8HQobADDpVR7I3ms8F6TIjYxLa9kNE7JWGcJdSsijWOoWetEHnlR2HUtnekMAzZUNaZKqssCK5nnj+VPy+2pV4+ZBQxfPuAZu4geTLmmiaMw1bz0+ZwnVPzXHkQtnrG+jqoCowrVYEwvYIV+hgwVSFMjyBDm4RZB8L0BnK0CZh1IUxPoIDqhHEBYXoBBVUHjCsI0wMoIZcwLiGMdygpFzCuIYxnqKB1YOqAMF6hoqrA1AVhPMIaKgNTJ4TxBmuqCEzW/yMuIIwncKBsGHOatr6VcQXBcgLCyoFJySUEyxkIqyiMawiWUxBWHkwdECznIKxVMHVBsGoBYXHVCI34mN4M7tDbjiGCvHq2h6+hJr0H8Za5D6s41IkAAAAASUVORK5CYII=); background-size: calc(50 * var(--u)) auto; }
.tpc-why__card:nth-child(5n+3) .tpc-why__icon { background-image: url(data:image/png;base64,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); background-size: calc(60 * var(--u)) auto; }
.tpc-why__card:nth-child(5n+4) .tpc-why__icon { background-image: url(data:image/png;base64,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); background-size: calc(52 * var(--u)) auto; }
.tpc-why__card:nth-child(5n+0) .tpc-why__icon { background-image: url(data:image/png;base64,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); background-size: calc(51 * var(--u)) auto; }
@media (max-width: 991px) {
	.tpc-why__track { padding: 0 24px; gap: 18px; }
	.tpc .tpc-why__card { width: 290px; height: 360px; border-radius: 22px; }
	.tpc-why__top { left: 20px; right: 22px; top: 20px; }
	.tpc .tpc-why__bar { left: 22px; right: 22px; width: auto; top: 88px; }
	.tpc .tpc-why__card h3 { left: 26px; top: 108px; font-size: 20px; line-height: 1.5; }
	.tpc .tpc-why__card p { left: 26px; right: 18px; width: auto; top: 186px; font-size: 13px; }
	.tpc-why__icon { background-size: 30px auto !important; }
}
.tpc .tpc-why__card h3, .tpc .tpc-why__card p { letter-spacing: 0; }
.tpc .tpc-why__card::before { background: linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.02) 50%, rgba(255,255,255,.07) 100%); }

/* Floating social bar in the banner (Figma "Content": 55x206, x 1836 / y 498 of the 1920 banner) */
.tpc-social {
	position: absolute; z-index: 5;
	bottom: calc(20 * var(--u)); right: max(12px, calc(29 * var(--u)));
	display: flex; flex-direction: column; gap: max(6px, calc(7.4 * var(--u)));
	padding: max(12px, calc(24 * var(--u))) max(7px, calc(11 * var(--u))) max(12px, calc(24 * var(--u))) max(7px, calc(10 * var(--u)));
	border-radius: max(10px, calc(12 * var(--u)));
	background: rgba(0,0,0,.36);
	-webkit-backdrop-filter: blur(35px); backdrop-filter: blur(35px);
	box-shadow: -16px 11px 60px rgba(0,0,0,.16);
}
.tpc-social::before {
	content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; pointer-events: none;
	background: linear-gradient(180deg, rgba(255,255,255,.35) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.25) 100%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor; mask-composite: exclude;
}
.tpc .tpc-social a {
	display: flex; align-items: center; justify-content: center;
	width: max(28px, calc(34 * var(--u))); height: max(28px, calc(34 * var(--u)));
	border-radius: 50%; background: #fff; color: #333; text-decoration: none;
	transition: transform .2s ease, color .2s ease;
}
.tpc .tpc-social a:hover, .tpc .tpc-social a:focus-visible { color: #3D98FF; transform: scale(1.08); }
.tpc-social svg { width: 56%; height: 56%; display: block; }
.tpc-social a:nth-child(2) svg, .tpc-social a:nth-child(3) svg { width: 52%; height: 52%; }
@media (max-width: 991px) { .tpc-social { top: 60px; bottom: auto; } }

/* v9 – breathing space between the split / image sections (Abdul) */
.tpc-ack + .tpc-split, .tpc-split + .tpc-split, .tpc-split + .tpc-expert, .tpc-expert + .tpc-split, .tpc-split + .tpc-faq { margin-top: max(32px, calc(70 * var(--u))); }
@media (max-width: 991px) {
	.tpc-ack + .tpc-split, .tpc-split + .tpc-split, .tpc-split + .tpc-expert, .tpc-expert + .tpc-split, .tpc-split + .tpc-faq { margin-top: 32px; }
}

/* v10 – Abdul's review (25 Sep) */
/* 1. Grey split sections: shadow only underneath (as in Figma) */
.tpc-split--grey { box-shadow: 0 12px 13px -8px rgba(0,0,0,.16); position: relative; z-index: 1; }
/* 2. No gap around the Expert band – it sits flush with the sections above and below */
.tpc .tpc-split + .tpc-expert, .tpc .tpc-expert + .tpc-split { margin-top: 0; }
/* 3. Buttons keep their colour after a link has been visited / focused */
.tpc a.tpc-btn:visited, .tpc a.tpc-btn:focus, .tpc a.tpc-btn:active { color: #fff; }
.tpc a.tpc-btn--white, .tpc a.tpc-btn--white:visited, .tpc a.tpc-btn--white:focus, .tpc a.tpc-btn--white:active { color: var(--blue-dark); }
.tpc a.tpc-btn--dark, .tpc a.tpc-btn--dark:visited, .tpc a.tpc-btn--dark:focus, .tpc a.tpc-btn--dark:active,
.tpc a.tpc-btn--glass, .tpc a.tpc-btn--glass:visited, .tpc a.tpc-btn--glass:focus, .tpc a.tpc-btn--glass:active { color: #fff; }
.tpc a.tpc-btn--plain, .tpc a.tpc-btn--plain:visited, .tpc a.tpc-btn--plain:focus, .tpc a.tpc-btn--plain:active { color: #000; }
.tpc a.tpc-btn--plain:hover { color: var(--blue); }
.tpc a.tpc-contact__email:visited, .tpc a.tpc-contact__email:focus { color: var(--grey) !important; }
.tpc .tpc-services a:not(.tpc-btn):visited, .tpc .tpc-faq a:not(.tpc-btn):visited { color: inherit; }
/* v13: buttons always keep their design colours, in every link state */
.tpc a.tpc-btn--white, .tpc a.tpc-btn--white:link, .tpc a.tpc-btn--white:visited, .tpc a.tpc-btn--white:hover, .tpc a.tpc-btn--white:focus, .tpc a.tpc-btn--white:active { color: #0D55A6 !important; }
.tpc a.tpc-btn--dark, .tpc a.tpc-btn--dark:link, .tpc a.tpc-btn--dark:visited, .tpc a.tpc-btn--dark:hover, .tpc a.tpc-btn--dark:focus, .tpc a.tpc-btn--dark:active,
.tpc a.tpc-btn--glass, .tpc a.tpc-btn--glass:link, .tpc a.tpc-btn--glass:visited, .tpc a.tpc-btn--glass:hover, .tpc a.tpc-btn--glass:focus, .tpc a.tpc-btn--glass:active { color: #fff !important; }
.tpc a.tpc-btn--plain, .tpc a.tpc-btn--plain:link, .tpc a.tpc-btn--plain:visited, .tpc a.tpc-btn--plain:focus, .tpc a.tpc-btn--plain:active { color: #000 !important; }
.tpc a.tpc-btn--plain:hover { color: var(--blue) !important; }
/* 4. Quick Response icon (Figma phone icon) */
.tpc-contact__features li:first-child .tpc-contact__ficon svg { display: none; }
.tpc-contact__features li:first-child .tpc-contact__ficon { background: #D9EBFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAzBJREFUeAGdVV1S2lAUPvcmMsxUnFCtM31q2IGsQLqC0hUIKzBWsY/CY6WO6QqIK5CuAFxB6QrIW2esSAZ0xiHk3p5zkwDhx6JnRnN/zv3O33cODF4hW6f3XZBgMICOYMwZnmevlukxpVzpVXF5CCCNmStPMOnoI17z7KyXAK/0uvgxp6rMlcCq80Y4Ktr4PUsCk0iDS7DGKXE279Ggvp3j/igng6CM2w5IaTIpnM3T3mXCcwTv49cYofKT/d6NLwzrjyk2UuShh2BZeEa2Tm4tYBo5YQgG9sP59pHyPFZIQzoRuoeGMGcuPUgf9z8kwDDn9Jep9Brpr31z8H3XDiD4SM8o2szxXTECZwQA/oZvLvrEOvQ/xUUxcSwlqFQAlFJStsjAY30X0xPU1CuNX0bgUgFooO0vQIP4qbCAFWbPKefoaR4oMjRCBgyrb1AEqNums83jvwXOQd5EAMUFx4V0QyPSnL8iT7nP8yo6BBO6OIx0m+rL+QEHX2tGh3tkPX5sYKhC0xqhDWjDEiGKChEcRWFGeeY34RYKnBRUKFTpDXEwdVq2yCNcdvTxoAYrRA90Sqs7ccBXJOjgvqmrlIighmEUsBks3P5QZxKILSZSqz2wc94q8KjBcnP7fBgFysPFuzZExdk66VmxQaWA1KLiwCtkwnMhRFktGJwRtcgghlZVSpxfv6nc7sELhc1uMpX7Fha2QDUY1t9SU2D33TmYLqqFJ4UsDy92mlRsXDfwtYnpwzQwh4vxb8D8z86hBHjU8i0Ih1IN+Vylc5oZlB5aY/s4jCHv5SI943vN50dkhM9eUMtP0oPDLJyWWBOcFXGKqCtjFo0ER885UdCRUrbj+ynnl0imcldiwBrRdhJBFNk1AnnaePjZm2NR2JWcInepi5eCzxugGviclZ++ZV14RlTjCdGNwfkqxWF9x4nnBxU5JcSvmKbrCn/uMpwfI2KNQ45hEi/VqD3tHxBd4T/CYE3JfLktMU39IJjTx6yNKWuGNBy7Qk8VyQG86mBa8muDT4yc9D8BC6gexVU62AMl7IerF4PHYlhdI9CNfZz52HRyD7lv0nkAYD/Wt9V8+gc7qJ60+ls8lwAAAABJRU5ErkJggg==) center / 44% auto no-repeat; }
/* 5. Get in Touch – mobile card like the Figma mobile design */
@media (max-width: 767px) {
	.tpc-contact { padding: 32px 21px 48px; }
	.tpc-contact__card { display: flex; flex-direction: column; max-width: 520px; margin: 0 auto; border: 1px solid #CCCCCC; border-radius: 24px; box-shadow: 0 24px 40px rgba(0,0,0,.06); }
	.tpc-contact__content { order: 1; padding: 10px 17px 22px; max-width: none; border-bottom: 1px solid #DDDDDD; }
	.tpc .tpc-contact__content .tpc-tag--blue { height: 43px; padding: 0 22px; font-size: 17px; }
	.tpc .tpc-contact__title { margin-top: 8px !important; font-size: clamp(34px, 10.2vw, 44px); line-height: 1.18; letter-spacing: -0.01em; color: #4D4D4D; }
	.tpc-contact__text { margin-top: 8px !important; font-size: 14.5px; line-height: 1.6; color: #666; }
	.tpc-contact__content .tpc-btn--dark { margin-top: 12px; height: 46px; min-height: 46px; padding: 0 5px 0 18px; font-size: 16px; gap: 34px; }
	.tpc-contact__email { margin-top: 12px; height: 44px; min-height: 44px; padding: 0 16px 0 10px; gap: 10px; border: 1.5px solid #222; font-size: 16.5px; background: #fff; }
	.tpc-contact__email svg { width: 24px; height: 24px; }
	.tpc-contact__features { flex-wrap: nowrap; justify-content: space-between; gap: 8px; margin-top: 26px !important; }
	.tpc-contact__features li { gap: 9px; font-size: 12.5px; line-height: 1.55; white-space: normal; color: #666; }
	.tpc-contact__ficon { width: 32px; height: 32px; min-width: 32px; min-height: 32px; }
	.tpc-contact__bg { order: 2; position: relative; inset: auto; width: 100%; height: 352px; object-fit: cover; object-position: 70% center; z-index: 0; }
	.tpc-contact__float { order: 3; position: absolute; left: 27px; right: auto; bottom: 12px; top: auto; margin: 0; width: 200px; min-width: 0; padding: 12px 14px 14px 58px; border-radius: 16px; background: linear-gradient(160deg, rgba(255,255,255,.88) 0%, rgba(228,228,228,.78) 100%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 10px 30px rgba(0,0,0,.15); z-index: 2; }
	.tpc-contact__heart { left: 9px; top: 8px; width: 38px; height: 38px; min-width: 38px; min-height: 38px; }
	.tpc-contact__float p { font-size: 18px; line-height: 1.4; color: #333; }
	.tpc-contact__line { margin-top: 2px; width: 112px; height: 3px; }
	.tpc-contact__text { max-width: none; }
	.tpc-contact .tpc-btn__arrow { width: 40px; height: 40px; min-width: 40px; min-height: 40px; }
}

/* v11 – grey image-right sections matched to Figma (Local Disability Service Provider, Supporting Independence, Your Local) */
.tpc-split--img-right .tpc-split__text { padding-right: calc(30 * var(--u)); }
.tpc-split--img-right .tpc-h2s { margin-bottom: calc(56 * var(--u)) !important; }
.tpc-split--img-right .tpc-split__media { margin: calc(82 * var(--u)) 0 0; }
.tpc .tpc-h2s span.tpc-h2s__in { display: inline; }
/* no gap where Figma has none: Acknowledgement → Local WA, Your Local → FAQ */
.tpc .tpc-ack + .tpc-split, .tpc .tpc-split + .tpc-faq { margin-top: 0; }
@media (max-width: 991px) {
	.tpc-split--img-right .tpc-split__text { padding-right: 24px; }
	.tpc-split--img-right .tpc-h2s { margin-bottom: 20px !important; }
	.tpc-split--img-right .tpc-split__media { margin: 0 0 0 24px; }
	.tpc .tpc-ack + .tpc-split, .tpc .tpc-split + .tpc-faq { margin-top: 0; }
}

/* v12 – Get in Touch on tablets (768–991px): two columns like the desktop card (the Figma mobile card is phones only) */
@media (min-width: 768px) and (max-width: 991px) {
	.tpc-contact { padding: 48px 24px 56px; }
	.tpc-contact__card { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); width: 100%; min-height: 560px; border: 1px solid #DDDDDD; border-radius: 28px; }
	.tpc-contact__content { grid-column: 1; grid-row: 1; order: 0; padding: 36px 28px 36px 32px; max-width: none; border: 0; }
	.tpc .tpc-contact__title { margin-top: 18px !important; font-size: 40px; line-height: 1.2; }
	.tpc-contact__text { margin-top: 14px !important; font-size: 15px; line-height: 1.6; max-width: none; }
	.tpc-contact__content .tpc-btn--dark { margin-top: 20px; }
	.tpc-contact__email { margin-top: 14px; }
	.tpc-contact__features { flex-wrap: wrap; gap: 14px 18px; margin-top: 28px !important; }
	.tpc-contact__features li { font-size: 13px; line-height: 1.5; white-space: nowrap; }
	.tpc-contact__ficon { width: 36px; height: 36px; min-width: 36px; min-height: 36px; }
	.tpc-contact__bg { grid-column: 2; grid-row: 1; order: 0; position: relative; inset: auto; width: 100%; height: 100%; min-height: 560px; object-fit: cover; object-position: 72% center; z-index: 0; }
	.tpc-contact__float { position: absolute; order: 0; left: calc(51.2% + 20px); right: auto; top: auto; bottom: 22px; margin: 0; width: 230px; min-width: 0; padding: 16px 18px 18px 72px; border-radius: 18px; background: linear-gradient(160deg, rgba(255,255,255,.9) 0%, rgba(230,230,230,.8) 100%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 10px 30px rgba(0,0,0,.15); z-index: 2; }
	.tpc-contact__heart { left: 16px; top: 16px; width: 42px; height: 42px; min-width: 42px; min-height: 42px; }
	.tpc-contact__float p { font-size: 19px; line-height: 1.4; color: #333; }
	.tpc-contact__line { margin-top: 6px; width: 120px; height: 3px; }
}

/* v14: no gap between Independent Living and Your Local (white split followed by grey split) */
.tpc .tpc-split--white + .tpc-split--grey { margin-top: 0; }

/* v15: Your Local Disability Support Provider in Perth – Figma fill: linear, #EFEFEF 5% / #FFFFFF 51% / #E6E6E6 100% */
.tpc .tpc-split--white + .tpc-split--grey, .tpc .tpc-ack + .tpc-split--grey { background: linear-gradient(90deg, #EFEFEF 5%, #FFFFFF 51%, #E6E6E6 100%); }

/* v17 – phone banner (≤767) matched to Abdul's mobile design: text first, photo below with rounded top corners, social bar on the photo */
@media (max-width: 767px) {
	.tpc-hero__inner { display: flex; flex-direction: column; box-shadow: none; }
	.tpc-hero__content { order: 1; padding: 18px 23px 30px; }
	.tpc-hero__media { order: 2; height: 420px; border-radius: 45px 45px 0 0; }
	.tpc-hero__badge { height: 42px; min-height: 0; padding: 0 12px; border-width: 1.5px; font-size: 15px; white-space: nowrap; }
	.tpc-hero__title { margin-top: 14px !important; max-width: 360px; font-size: 44px; line-height: 1.17; }
	.tpc-hero__text { margin-top: 14px !important; max-width: 384px; font-size: 14.5px; line-height: 1.72; font-weight: 500; }
	.tpc-hero__text span { font-weight: 400; }
	.tpc-hero__form { margin-top: 20px !important; width: 100%; max-width: 376px; height: 50px; min-height: 0; padding: 0 5px 0 30px; }
	.tpc-hero__form input { font-size: 16px; }
	.tpc-hero__form button { width: 158px; min-width: 0; height: 40px; min-height: 0; font-size: 17px; font-weight: 400; }
	.tpc-hero__pc { align-self: flex-start; margin-top: 22px; text-align: left; }
	.tpc-hero__pc strong { font-size: 14.5px; }
	.tpc-hero__pc span { margin: 6px 0 0; max-width: 250px; font-size: 14.5px; line-height: 1.55; }
	body .tpc .tpc-hero .tpc-social { top: auto; bottom: 156px; right: 12px; }
}
@media (max-width: 400px) {
	.tpc-hero__badge { font-size: 13px; }
	.tpc-hero__title { font-size: 39px; }
}

/* v18 – tablet banner (768–1199) follows the phone design: text first, photo below with rounded top corners */
@media (min-width: 768px) and (max-width: 1199px) {
	.tpc-hero__inner { min-height: 0; }
	.tpc-hero__media { border-bottom-right-radius: 0; }
	.tpc-hero__inner { display: flex; flex-direction: column; box-shadow: none; }
	.tpc-hero__content { order: 1; padding: 28px 40px 40px; }
	.tpc-hero__media { order: 2; height: 520px; border-radius: 60px 60px 0 0; }
	.tpc-hero__badge { height: 46px; min-height: 0; padding: 0 16px; border-width: 1.5px; font-size: 16px; white-space: nowrap; }
	.tpc-hero__title { margin-top: 18px !important; max-width: 440px; font-size: 54px; line-height: 1.17; }
	.tpc-hero__text { margin-top: 18px !important; max-width: 560px; font-size: 16px; line-height: 1.72; font-weight: 500; }
	.tpc-hero__text span { font-weight: 400; }
	.tpc-hero__form { margin-top: 24px !important; width: 100%; max-width: 440px; height: 56px; min-height: 0; padding: 0 6px 0 32px; }
	.tpc-hero__form input { font-size: 17px; }
	.tpc-hero__form button { width: 180px; min-width: 0; height: 44px; min-height: 0; font-size: 18px; font-weight: 400; }
	.tpc-hero__pc { position: static; align-self: center; width: 100%; max-width: 560px; margin-top: 28px; text-align: left; }
	.tpc-hero__pc strong { font-size: 16px; }
	.tpc-hero__pc span { margin: 6px 0 0; max-width: 300px; font-size: 16px; line-height: 1.55; }
	html body .tpc .tpc-hero .tpc-social { top: auto; bottom: 240px; right: 16px; }
}

/* v19 – phones (≤767): section intro paragraphs and card / service / list body text at 16px (Abdul, 28 Sep) */
@media (max-width: 767px) {
	.tpc .tpc-about__intro, .tpc .tpc-why__intro, .tpc .tpc-ack__text, .tpc .tpc-expert__content > p, .tpc .tpc-faq__left > p,
	.tpc .tpc-split__text .tpc-p p, .tpc .tpc-contact__text, .tpc .tpc-about__note,
	.tpc .tpc-about__card-body > p, .tpc .tpc-about__card--exp > p, .tpc .tpc-why__card > p, .tpc .tpc-services__item > p,
	.tpc .tpc-split__text .tpc-list > li, .tpc .tpc-faq__a p { font-size: 16px !important; line-height: 1.6 !important; }
	.tpc .tpc-split__text .tpc-p p a { font-size: inherit !important; line-height: inherit !important; }
}

/* v20 – phones (≤767): banner paragraph 16px (Abdul, 28 Sep) */
@media (max-width: 767px) {
	.tpc .tpc-hero__text { font-size: 16px; line-height: 1.65; }
}

/* v21 – PERSON-CENTRED SUPPORT centred under the email form in every view; bigger CTA buttons on phones (Abdul, 28 Sep) */
.tpc .tpc-hero__pc { position: static; align-self: center; width: auto; max-width: none; margin-top: calc(36 * var(--u)); text-align: center; }
.tpc .tpc-hero__pc span { margin-left: auto; margin-right: auto; }
@media (max-width: 1199px) {
	.tpc .tpc-hero__pc { align-self: center; width: 100%; margin-top: 26px; text-align: center; }
	.tpc .tpc-hero__pc span { margin: 6px auto 0; }
}
@media (max-width: 767px) {
	.tpc .tpc-hero__pc { margin-top: 24px; }
	.tpc .tpc-btn, .tpc .tpc-btn--sm, .tpc .tpc-contact__content .tpc-btn--dark {
		height: 54px; min-height: 54px; gap: 14px; padding: 0 7px 0 24px; font-size: 17px;
	}
	.tpc .tpc-btn .tpc-btn__arrow, .tpc .tpc-contact .tpc-btn__arrow { width: 40px; height: 40px; min-width: 40px; min-height: 40px; }
}

/* v21b – desktop: keep the banner close to its original height now that PERSON-CENTRED SUPPORT sits under the form */
@media (min-width: 1200px) {
	.tpc .tpc-hero__content { padding-bottom: calc(70 * var(--u)); }
	.tpc .tpc-hero__pc span { max-width: calc(380 * var(--u)); }
}

/* v22 – even padding on the text-only glass button (More About Us); phone buttons one step bigger (Abdul, 28 Sep) */
.tpc .tpc-btn--glass { padding: 0 max(22px, calc(36 * var(--u))); justify-content: center; }
@media (max-width: 767px) {
	.tpc .tpc-btn, .tpc .tpc-btn--sm, .tpc .tpc-contact__content .tpc-btn--dark {
		height: 60px; min-height: 60px; gap: 16px; padding: 0 8px 0 28px; font-size: 18px; letter-spacing: -0.02em;
	}
	.tpc .tpc-btn .tpc-btn__arrow, .tpc .tpc-contact .tpc-btn__arrow { width: 44px; height: 44px; min-width: 44px; min-height: 44px; }
	.tpc .tpc-btn .tpc-btn__arrow svg { width: 55%; height: 55%; }
	.tpc .tpc-btn--glass { padding: 0 32px; }
}

/* v23 – banner: "Call Us" + "Email Us" buttons replace the email form (Abdul, 15 Oct) */
.tpc-hero__ctas { display: flex; flex-wrap: wrap; justify-content: center; gap: calc(18 * var(--u)); margin-top: calc(26 * var(--u)); }
.tpc a.tpc-btn--grad, .tpc a.tpc-btn--grad:visited, .tpc a.tpc-btn--grad:hover, .tpc a.tpc-btn--grad:focus, .tpc a.tpc-btn--grad:active {
	background: linear-gradient(90deg, #0670EA 0%, #5CA8FE 100%); color: #fff !important; box-shadow: 0 6px 18px rgba(6,112,234,.25);
}
.tpc a.tpc-btn--grad:hover { filter: brightness(1.06); }
.tpc .tpc-btn--grad .tpc-btn__arrow { background: #fff; }
.tpc .tpc-btn--grad .tpc-btn__arrow path { stroke: #0D55A6; }
.tpc a.tpc-btn--outline, .tpc a.tpc-btn--outline:visited, .tpc a.tpc-btn--outline:hover, .tpc a.tpc-btn--outline:focus, .tpc a.tpc-btn--outline:active {
	background: #fff; color: #0D55A6 !important; box-shadow: inset 0 0 0 2px #BEBEBE;
}
.tpc a.tpc-btn--outline:hover { box-shadow: inset 0 0 0 2px #3D98FF; }
@media (min-width: 768px) and (max-width: 1199px) {
	.tpc-hero__ctas { gap: 14px; margin-top: 24px; }
	.tpc-hero__ctas .tpc-btn { height: 56px; min-height: 56px; gap: 14px; padding: 0 8px 0 24px; font-size: 17px; }
	.tpc-hero__ctas .tpc-btn__arrow { width: 40px; height: 40px; min-width: 40px; min-height: 40px; }
}
@media (max-width: 767px) {
	.tpc-hero__ctas { width: 100%; max-width: 384px; gap: 12px; margin-top: 22px; flex-wrap: nowrap; }
	.tpc-hero__ctas .tpc-btn { flex: 1 1 0; justify-content: space-between; padding: 0 8px 0 22px; }
}

/* v24 – simpler banner buttons: no arrow circles, no shadow, flat blue + thin outline (Abdul, 15 Oct) */
.tpc .tpc-hero__ctas .tpc-btn__arrow { display: none; }
.tpc .tpc-hero__ctas .tpc-btn { justify-content: center; padding: 0 calc(40 * var(--u)); min-width: calc(190 * var(--u)); }
.tpc .tpc-hero__ctas a.tpc-btn--grad, .tpc .tpc-hero__ctas a.tpc-btn--grad:visited, .tpc .tpc-hero__ctas a.tpc-btn--grad:focus, .tpc .tpc-hero__ctas a.tpc-btn--grad:active { background: #0D6EE8; box-shadow: none; filter: none; }
.tpc .tpc-hero__ctas a.tpc-btn--grad:hover { background: #0A5BC2; filter: none; }
.tpc .tpc-hero__ctas a.tpc-btn--outline, .tpc .tpc-hero__ctas a.tpc-btn--outline:visited, .tpc .tpc-hero__ctas a.tpc-btn--outline:focus, .tpc .tpc-hero__ctas a.tpc-btn--outline:active { background: transparent; box-shadow: inset 0 0 0 1.5px #0D6EE8; color: #0D6EE8 !important; }
.tpc .tpc-hero__ctas a.tpc-btn--outline:hover { background: rgba(13,110,232,.06); }
.tpc .tpc-hero__ctas .tpc-btn:hover { transform: none; }
@media (max-width: 1199px) {
	.tpc .tpc-hero__ctas .tpc-btn { padding: 0 24px; min-width: 0; }
}
@media (max-width: 767px) {
	.tpc .tpc-hero__ctas .tpc-btn { height: 54px; min-height: 54px; font-size: 17px; justify-content: center; padding: 0 16px; }
}

/* v25 – Call Us uses the same gradient as the old "Get a Quote" button (Abdul, 15 Oct) */
.tpc .tpc-hero__ctas a.tpc-btn--grad, .tpc .tpc-hero__ctas a.tpc-btn--grad:visited, .tpc .tpc-hero__ctas a.tpc-btn--grad:focus, .tpc .tpc-hero__ctas a.tpc-btn--grad:active { background: linear-gradient(90deg, #0570EA 0%, #5FAAFF 100%); color: #fff !important; }
.tpc .tpc-hero__ctas a.tpc-btn--grad:hover { background: linear-gradient(90deg, #0464D2 0%, #4F9FF8 100%); }