/**
 * Laaw.io Production Stylesheet
 * 
 * @package Astra_Child_Laaw
 * @version 1.0.0
 */

/* ==========================================================================
   1. CSS VARIABLES & DESIGN TOKENS
   ========================================================================== */
:root {
	/* Color Palette */
	--white: #FFFFFF;
	--gold: #C08C50;
	--gold-hover: #D49D5E;
	--gold-light: rgba(192, 140, 80, 0.1);
	--gold-border: rgba(192, 140, 80, 0.3);
	--gold-glow: rgba(192, 140, 80, 0.25);

	--dark: #0A0E1A;
	--dark-secondary: #141723;
	--dark-blue: #141C31;
	--dark-card: #111522;
	--dark-border: rgba(255, 255, 255, 0.08);

	--text-main: #FFFFFF;
	--text-muted: #94A3B8;
	--text-dim: #64748B;

	/* Typography */
	--font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

	/* Layout & Spacing */
	--container-max: 1280px;
	--section-padding: 90px 0;
	--radius-sm: 8px;
	--radius-md: 14px;
	--radius-lg: 24px;
	--radius-full: 9999px;

	/* Transitions & Shadows */
	--transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	--shadow-card: 0 10px 30px rgba(0, 0, 0, 0.4);
	--shadow-gold: 0 0 25px rgba(192, 140, 80, 0.2);
}

/* ==========================================================================
   2. RESET & BASE STYLES
   ========================================================================== */
*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	font-family: var(--font-family);
	font-size: 16px;
	scroll-behavior: smooth;
	background-color: var(--dark);
	color: var(--text-main);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.laaw-theme-body {
	background-color: var(--dark) !important;
	color: var(--text-main) !important;
	font-family: var(--font-family) !important;
	line-height: 1.6;
	overflow-x: hidden;
}

a {
	color: inherit;
	text-decoration: none;
	transition: var(--transition);
}

button,
input,
textarea {
	font-family: inherit;
	font-size: inherit;
}

/* Container Utility */
.laaw-container {
	width: 100%;
	max-width: var(--container-max);
	margin: 0 auto;
	padding: 0 24px;
}

/* ==========================================================================
   3. REUSABLE UI COMPONENTS
   ========================================================================== */

/* Buttons */
.laaw-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 14px 28px;
	border-radius: var(--radius-full);
	font-weight: 600;
	font-size: 15px;
	cursor: pointer;
	border: 1px solid transparent;
	transition: var(--transition);
	text-align: center;
	white-space: nowrap;
}

.laaw-btn--gold {
	background: var(--gold);
	color: #000000;
}

.laaw-btn--gold:hover {
	background: var(--gold-hover);
	transform: translateY(-2px);
	box-shadow: var(--shadow-gold);
}

.laaw-btn--white {
	background: var(--white);
	color: var(--dark);
}

.laaw-btn--white:hover {
	background: #F1F5F9;
	transform: translateY(-2px);
	box-shadow: 0 10px 25px rgba(255, 255, 255, 0.15);
	color: #0A0E1A;
}

a:hover,
a:focus,
a:active {
	color: #0A0E1A;
}

.laaw-btn--outline {
	background: transparent;
	color: #C08C50;
	border-color: #c08c5075;
}

.laaw-btn--outline:hover {
	border-color: #C08C50;
	background: rgba(192, 140, 80, 0.15);
	color: #C08C50;
}

.laaw-btn--outline-gold {
	background: var(--gold-light);
	color: var(--gold);
	border-color: var(--gold-border);
}

.laaw-btn--outline-gold:hover {
	background: var(--gold);
	color: #000000;
}

.laaw-btn--sm {
	padding: 10px 20px;
	font-size: 14px;
}

.laaw-btn--xs {
	padding: 6px 14px;
	font-size: 12px;
}

.laaw-btn--full {
	width: 100%;
}

.laaw-btn__icon {
	display: inline-flex;
	align-items: center;
}

/* Badges & Pills */
.laaw-pill-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	border-radius: var(--radius-full);
	background: var(--gold-light);
	border: 1px solid var(--gold-border);
	color: var(--gold);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.5px;
	margin-bottom: 25px;
}

.laaw-badge {
	display: inline-block;
	padding: 4px 10px;
	border-radius: var(--radius-full);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.5px;
	/* text-transform: uppercase; */
}

.laaw-badge--active {
	background: rgba(34, 197, 94, 0.15);
	color: #4ADE80;
	border: 1px solid rgba(34, 197, 94, 0.3);
}

.laaw-badge--coming {
	background: rgba(148, 163, 184, 0.15);
	color: #94A3B8;
	border: 1px solid rgba(148, 163, 184, 0.2);
}

/* Section Header Utility */
.laaw-section-header {
	text-align: center;
	max-width: 960px;
	margin: 0 auto 50px auto;
}

img.custom-logo {
	width: 163px;
}

.laaw-section-title {
	font-size: 64px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--white);
	margin-bottom: 16px;
	letter-spacing: -0.5px;
}

.laaw-section-title b {
	color: #C08C50;
}

.laaw-section-subtitle {
	font-size: 20px;
	color: #C08C50;
	line-height: 1.6;
}

/* ==========================================================================
   4. SITE HEADER & NAVIGATION (Figma Pixel-Perfect)
   ========================================================================== */
.laaw-header {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background: #0A0E1A;
	/* border-bottom: 1px solid rgba(255, 255, 255, 0.05); */
	padding: 18px 0;
}

.laaw-main-content {
	margin: 0 !important;
}

.laaw-header__container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.laaw-header__brand img,
.laaw-header__brand .custom-logo {
	max-height: 48px;
	width: auto;
	object-fit: contain;
	display: block;
}

.laaw-header__logo {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #D49D5E;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -0.5px;
	text-decoration: none;
}

.laaw-header__logo-icon {
	color: var(--gold);
	display: flex;
}

.laaw-header__logo-text {
	font-family: var(--font-family);
	color: #D49D5E;
}

.laaw-header__menu {
	display: flex;
	align-items: center;
	gap: 40px;
	list-style: none;
	margin: 0 0 0 100px;

}

.laaw-header__menu a {
	color: #C08C50 !important;
	font-size: 15px;
	font-weight: 500;
	position: relative;
	padding: 6px 0;
	text-decoration: none;
	transition: var(--transition);
}

.laaw-header__menu a:hover {
	color: #FFFFFF;
}

.laaw-header__menu a.is-active,
.laaw-header__menu .current-menu-item>a {
	color: #FFFFFF;
}

.laaw-header__menu a.is-active::after,
.laaw-header__menu .current-menu-item>a::after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--gold);
	border-radius: 2px;
}

.laaw-header__actions {
	display: flex;
	align-items: center;
	gap: 16px;
}

/* Language Switcher Pill (Matching Figma Screenshot) */
.laaw-header__lang-pill {
	display: flex;
	align-items: center;
	background: #001F28;
	border: 1px solid rgba(192, 140, 80, 0.25);
	border-radius: var(--radius-full);
	padding: 3px;
}

.laaw-header__lang-option {
	background: transparent;
	border: none;
	color: #D49D5E;
	font-size: 14px;
	font-weight: 400;
	padding: 12px 10px;
	border-radius: var(--radius-full);
	cursor: pointer;
	transition: var(--transition);
}

.laaw-header__lang-option.is-active {
	background: #C08C50;
	color: #FFFFFF;
}

.laaw-header__cta {
	background: #C08C50;
	color: #000000;
	font-weight: 600;
	padding: 10px 22px;
	border-radius: var(--radius-full);
	font-size: 14px;
}

.laaw-header__cta:hover {
	background: #D49D5E;
	box-shadow: 0 0 20px rgba(192, 140, 80, 0.3);
}

.laaw-header__mobile-toggle {
	display: none;
	flex-direction: column;
	gap: 5px;
	background: none;
	border: none;
	cursor: pointer;
	padding: 4px;
}

.laaw-header__hamburger-bar {
	width: 24px;
	height: 2px;
	background: var(--white);
	border-radius: 2px;
}

/* ==========================================================================
   5. HERO SECTION
   ========================================================================== */
.laaw-hero {
	padding: 80px 0 100px 0;
	position: relative;
	background: radial-gradient(circle at 60% 50%, rgb(192 140 80 / 30%) 0%, transparent 34%);
}

.laaw-hero__container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

.laaw-hero__title {
	font-size: 64px;
	font-weight: 800;
	line-height: 1.05;
	color: var(--white);
	letter-spacing: -1.5px;
	margin-bottom: 8px;
}

.laaw-hero__subtitle {
	font-size: 32px;
	font-weight: 500;
	margin: 50px 0 20px;
	color: #C08C50 !important;
}

.laaw-hero__description {
	font-size: 20px;
	color: #C08C50;
	line-height: 1.7;
	margin-bottom: 36px;
	max-width: 540px;
}

.laaw-hero__actions {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 40px;
}

.laaw-hero__proof {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 36px;
}

.laaw-hero__avatars {
	display: flex;
	align-items: center;
}

.laaw-hero__avatar {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 2px solid #D49D5E;
	margin-left: -14px;
	object-fit: cover;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
	transition: transform 0.2s ease;
}

.laaw-hero__avatar:first-child {
	margin-left: 0;
}

.laaw-hero__avatar:hover {
	transform: translateY(-3px) scale(1.08);
	z-index: 5;
}

.laaw-hero__proof-details {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.laaw-hero__stars {
	display: flex;
	gap: 5px;
}

.laaw-hero__stars svg {
	width: 20px;
	height: 20px;
	fill: #D49D5E;
}

.laaw-hero__proof-text {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 400;
	letter-spacing: -0.3px;
	line-height: 1.2;
}

.laaw-hero__proof-text strong {
	font-weight: 800;
	color: #FFFFFF;
}

/* Hero Right: Interactive Chat Mockup Card */
.laaw-hero__visual {
	position: relative;
}

.laaw-hero__float-badge {
	position: absolute;
	z-index: 10;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	background: rgba(20, 23, 35, 0.9);
	backdrop-filter: blur(12px);
	border: 1px solid var(--gold-border);
	border-radius: var(--radius-full);
	color: var(--white);
	font-size: 13px;
	font-weight: 600;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.laaw-hero__float-badge--top-right {
	top: -20px;
	right: -10px;
}

.laaw-hero__float-badge--middle-left {
	bottom: 60px;
	left: -30px;
}

.laaw-hero__preview-img {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
	border-radius: var(--radius-lg);
}

.laaw-hero__image-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 60px 30px;
	text-align: center;
	color: var(--gold);
	background: rgba(192, 140, 80, 0.05);
	border: 2px dashed var(--gold-border);
	border-radius: var(--radius-lg);
	width: 100%;
}

.laaw-hero__image-placeholder p {
	font-size: 14px;
	color: var(--text-muted);
	max-width: 320px;
}

.laaw-chat-preview__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 24px;
	background: rgba(255, 255, 255, 0.03);
	border-bottom: 1px solid var(--dark-border);
}

.laaw-chat-preview__bot-info {
	display: flex;
	align-items: center;
	gap: 12px;
}

.laaw-chat-preview__avatar {
	width: 40px;
	height: 40px;
	border-radius: var(--radius-full);
	background: var(--gold-light);
	border: 1px solid var(--gold-border);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--gold);
}

.laaw-chat-preview__title {
	font-size: 15px;
	font-weight: 700;
	color: var(--white);
}

.laaw-chat-preview__status {
	font-size: 12px;
	color: #4ADE80;
	display: flex;
	align-items: center;
	gap: 6px;
}

.laaw-chat-preview__dot {
	width: 7px;
	height: 7px;
	background: #4ADE80;
	border-radius: 50%;
}

.laaw-chat-preview__body {
	padding: 24px;
}

.laaw-chat-preview__msg-content {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid var(--dark-border);
	border-radius: var(--radius-md);
	padding: 18px;
	font-size: 14px;
	color: #E2E8F0;
	line-height: 1.6;
}

.laaw-chat-preview__disclaimer-chip {
	margin: 14px 0;
	padding: 10px 14px;
	background: var(--gold-light);
	border-left: 3px solid var(--gold);
	border-radius: 6px;
	font-size: 12px;
	color: var(--gold);
}

.laaw-chat-preview__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 0 24px 20px 24px;
}

.laaw-chat-chip {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid var(--dark-border);
	color: var(--text-muted);
	padding: 6px 14px;
	border-radius: var(--radius-full);
	font-size: 12px;
	cursor: pointer;
	transition: var(--transition);
}

.laaw-chat-chip:hover {
	border-color: var(--gold);
	color: var(--gold);
}

.laaw-chat-preview__input-bar {
	display: flex;
	align-items: center;
	padding: 12px 24px 20px 24px;
	gap: 10px;
}

.laaw-chat-preview__input-bar input {
	flex: 1;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid var(--dark-border);
	border-radius: var(--radius-full);
	padding: 12px 20px;
	color: var(--white);
	font-size: 14px;
	outline: none;
}

.laaw-chat-preview__send-btn {
	width: 42px;
	height: 42px;
	border-radius: var(--radius-full);
	background: var(--gold);
	border: none;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

/* ==========================================================================
   6. TICKER & TRUST BAR
   ========================================================================== */
.laaw-ticker-section {
	padding: 50px 0;
	border-bottom: 1px solid var(--dark-border);
	background: #111420;
}

.laaw-ticker-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	margin-bottom: 40px;
}

.laaw-ticker-pill {
	display: flex;
	align-items: center;
	gap: 8px;
	background: #ffffff1a;
	border: 1px solid var(--dark-border);
	padding: 10px 15px;
	border-radius: var(--radius-full);
	font-size: 14px;
	font-weight: 500;
	color: var(--text-main);
}

.laaw-ticker-pill__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.laaw-ticker-pill__img {
	width: 20px;
	height: 20px;
	object-fit: contain;
	display: inline-block;
}

.laaw-trust-bar {
	text-align: center;
	padding-top: 0px;
}

.laaw-trust-bar__headline {
	display: block;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1.5px;
	color: #C08C50;
	margin-bottom: 40px;
	text-transform: uppercase;
}

.laaw-trust-bar__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 40px;
	font-size: 16px;
	font-weight: 500;
	color: white;
	text-transform: uppercase;
}

.laaw-trust-bar__dot {
	color: var(--gold);
}

/* ==========================================================================
   7. PROBLEM & COMPARISON SECTION (Figma Pixel-Perfect)
   ========================================================================== */
.laaw-problem-section {
	padding: 90px 0;
	background: #0A0E1A;
}

.laaw-problem-header {
	margin-bottom: 50px;
}

.laaw-pill-badge--problem {
	background: rgba(192, 140, 80, 0.1);
	border: 1px solid rgba(192, 140, 80, 0.3);
	color: #C08C50;
	margin-bottom: 24px;
}

.laaw-problem-title {
	font-size: 64px;
	font-weight: 700;
	line-height: 1.1;
	color: #FFFFFF;
	letter-spacing: -1px;
	margin-bottom: 20px;
}

.laaw-problem-title b {
	color: #C08C50;
}

.laaw-text-gold {
	color: #C08C50;
}

.laaw-problem-subtitle {
	font-size: 20px;
	color: #C08C50;
	font-weight: 500;
	line-height: 1.6;
	max-width: 860px;
}

.laaw-comparison-grid {
	display: grid;
	grid-template-columns: 1.35fr 1fr;
	gap: 24px;
	margin-bottom: 24px;
}

.laaw-comp-card {
	background: #111422;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 20px;
	padding: 36px;
	display: flex;
	flex-direction: column;
}

.laaw-comp-card--laaw {
	background: linear-gradient(225deg, rgba(80, 52, 20, 0.55) 0%, #151624 100%);
	border: 1px solid rgba(192, 140, 80, 0.3);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.laaw-comp-card__header {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 28px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.laaw-comp-card__icon-badge {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: #C08C50;
	border: 1px solid rgba(192, 140, 80, 0.4);
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.laaw-comp-card__icon-badge svg {
	width: 22px;
	height: 22px;
}

.laaw-comp-card__icon-img {
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.laaw-comp-card__title {
	font-size: 18px;
	font-weight: 700;
	color: #FFFFFF;
	margin-bottom: 2px;
}

.laaw-comp-card__sub {
	font-size: 14px;
	color: #C08C50;
	font-weight: 400;
}

.laaw-comp-card__sub--gold {
	color: #C08C50;
}

.laaw-trad-pills-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	flex: 1;
}

.laaw-trad-pill {
	background: #FFFFFF1A;
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 14px;
	padding: 20px;
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 14px;
	font-weight: 500;
	color: #E2E8F0;
}

.laaw-trad-pill__icon {
	font-size: 20px;
	display: inline-flex;
	align-items: center;
}

.laaw-trad-pill__img {
	width: 22px;
	height: 22px;
	object-fit: contain;
}

.laaw-solution-list {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin: 0 0 32px;
	flex: 1;
}

.laaw-solution-list li {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 500;
}

.laaw-solution-list__icon {
	font-size: 18px;
	color: #C08C50;
	display: inline-flex;
	align-items: center;
}

.laaw-solution-list__img {
	width: 20px;
	height: 20px;
	object-fit: contain;
}

.laaw-solution-list__icon {
	font-size: 18px;
	color: #C08C50;
}

.laaw-btn--comp {
	background: #FFFFFF;
	color: #000000;
	font-weight: 700;
	border-radius: 9999px;
	padding: 14px 28px;
	font-size: 15px;
}

.laaw-btn--comp:hover {
	background: #F1F5F9;
	box-shadow: 0 10px 25px rgba(255, 255, 255, 0.2);
}

/* Bottom 3 Metrics Bar */
.laaw-problem-stats-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-top: 24px;
}

.laaw-problem-stat-card {
	background: #FFFFFF1A;
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 16px;
	padding: 22px;
	text-align: center;
}

.laaw-problem-stat-card__number {
	font-size: 32px;
	font-weight: 800;
	color: #C08C50;
	margin-bottom: 6px;
	letter-spacing: -1px;
}

.laaw-problem-stat-card__label {
	font-size: 14px;
	color: #C08C50;
	font-weight: 400;
}

/* ==========================================================================
   9. PRACTICE AREAS / SERVICES (Figma Bento Grid)
   ========================================================================== */
.laaw-services-section {
	padding: 100px 0;
	background: #0A0E1A;
}

.laaw-services-bento-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.laaw-service-card {
	background: #C08C501A;
	border: 1px solid #C08C5033;
	border-radius: 18px;
	padding: 32px 28px;
	display: flex;
	flex-direction: column;
	position: relative;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.laaw-service-card:hover {
	transform: translateY(-4px);
	border-color: rgba(192, 140, 80, 0.3);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
}

.laaw-service-card--blue {
	background: #111A2E;
	border-color: rgba(60, 90, 140, 0.25);
}

/* Bento Grid Card Layout Spans */
.laaw-service-card--tall {
	grid-row: span 2;
}

.laaw-service-card--wide-top,
.laaw-service-card--wide-mid,
.laaw-service-card--wide-bot {
	grid-column: span 2;
}

.laaw-service-card__icon-wrap {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #C08C501A;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #C08C50;
	margin-bottom: 20px;
}

.laaw-service-card__icon-img {
	width: 22px;
	height: 22px;
	object-fit: contain;
}

.laaw-service-card__title {
	font-size: 19px;
	font-weight: 700;
	color: #FFFFFF;
	margin-bottom: 12px;
}

.laaw-service-card__desc {
	font-size: 14px;
	color: #C08C50;
	line-height: 1.6;
	flex: 1;
}

.laaw-service-card__tag {
	display: inline-block;
	align-self: flex-start;
	padding: 6px 14px;
	border-radius: var(--radius-full);
	background: rgba(192, 140, 80, 0.15);
	border: 1px solid rgba(192, 140, 80, 0.3);
	color: #C08C50;
	font-size: 12px;
	font-weight: 600;
	margin-top: 16px;
}

.laaw-service-card__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 600;
	color: #C08C50;
	margin-top: 20px;
}

.laaw-service-card__link:hover .laaw-service-card__arrow {
	transform: translateX(4px);
}

.laaw-service-card__arrow {
	transition: var(--transition);
}

/* ==========================================================================
   10. TESTIMONIALS
   ========================================================================== */
.laaw-testimonials-section {
	padding: var(--section-padding);
}

.laaw-testimonial-carousel {
	max-width: 800px;
	margin: 0 auto;
}

/* ==========================================================================
   10. TESTIMONIALS (Figma Pixel-Perfect & Strict Display Controls)
   ========================================================================== */
.laaw-testimonials-section {
	padding: 100px 0;
	background: #0A0E1A;
}

.laaw-testimonial-carousel {
	max-width: 780px;
	margin: 0 auto;
}

.laaw-testimonial-card {
	display: none !important;
	background: #111728;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 20px;
	padding: 30px 20px;
	text-align: left;
}

.laaw-testimonial-card.is-active {
	display: block !important;
	animation: fadeIn 0.5s ease;
}

.laaw-testimonial-card__stars {
	display: flex;
	gap: 6px;
	margin-bottom: 24px;
}

.laaw-testimonial-card__stars svg {
	width: 20px;
	height: 20px;
	fill: #D49D5E;
}

.laaw-testimonial-card__quote {
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1.6;
	margin: 32px 0;
	font-style: normal;
}

.laaw-testimonial-card__author {
	display: flex;
	align-items: center;
	gap: 16px;
}

.laaw-testimonial-card__avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 2px solid #D49D5E;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	color: #D49D5E;
	background: rgba(192, 140, 80, 0.1);
}

.laaw-testimonial-card__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.laaw-testimonial-card__name {
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	margin-bottom: 2px;
}

.laaw-testimonial-card__role {
	font-size: 13px;
	color: #94A3B8;
}

.laaw-testimonial-carousel__dots {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-top: 30px;
}

button.laaw-testimonial-carousel__dot,
.laaw-testimonial-carousel__dot {
	appearance: none !important;
	-webkit-appearance: none !important;
	border: none !important;
	background: rgba(255, 255, 255, 0.2) !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 12px !important;
	height: 12px !important;
	min-width: 12px !important;
	min-height: 12px !important;
	border-radius: 50% !important;
	outline: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	display: inline-block !important;
	transition: all 0.3s ease !important;
}

button.laaw-testimonial-carousel__dot.is-active,
.laaw-testimonial-carousel__dot.is-active {
	background: #C08C50 !important;
	width: 32px !important;
	border-radius: 9999px !important;
}

/* ==========================================================================
   11. REGIONAL EXPANSION (COUNTRIES - Figma Pixel-Perfect)
   ========================================================================== */
.laaw-countries-section {
	padding: 100px 0;
	background: #0A0E1A;
}

.laaw-countries-grid {
	display: grid !important;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px !important;
	margin-bottom: 48px;
}

.laaw-country-card {
	background: #C08C501A;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 16px;
	padding: 28px 16px;
	text-align: center;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 12px;
	width: 100%;
}

.laaw-country-card__flag-wrap {
	font-size: 32px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.laaw-country-card__flag-img {
	width: 34px;
	height: 24px;
	object-fit: cover;
	border-radius: 4px;
}

.laaw-country-card__name {
	font-size: 15px;
	font-weight: 700;
	color: #FFFFFF;
}

.laaw-badge--active-gold {
	background: rgba(192, 140, 80, 0.12);
	color: #C08C50;
	border: 1px solid rgba(192, 140, 80, 0.35);
	font-size: 11px;
	padding: 5px 12px;
	border-radius: var(--radius-full);
	font-weight: 500;
}

.laaw-badge--coming-gray {
	background: rgba(255, 255, 255, 0.08);
	color: #94A3B8;
	border: 1px solid rgba(255, 255, 255, 0.1);
	font-size: 11px;
	padding: 5px 12px;
	border-radius: var(--radius-full);
	font-weight: 500;
}

.laaw-countries-cta {
	text-align: center;
}

.laaw-countries-cta__subtext {
	font-size: 20px;
	color: #C08C50;
	font-weight: 500;
	margin-top: 16px;
	margin-bottom: 0;
}

/* ==========================================================================
   12. FOOTER (Figma Pixel-Perfect)
   ========================================================================== */
.laaw-footer {
	background: #060911;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	padding: 80px 0 40px 0;
}

.laaw-footer__grid {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1.6fr;
	gap: 40px;
	margin-bottom: 60px;
}

.laaw-footer__brand-title {
	font-size: 20px;
	color: #C08C50;
	font-weight: 500;
	margin: 32px 0 32px 0;
}

.laaw-footer__brand-sub {
	font-size: 16px;
	color: #C08C50;
	opacity: 0.85;
	font-weight: 400;
}

.laaw-footer__heading {
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	margin-bottom: 20px;
}

.laaw-footer__list {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
}

.laaw-footer__list a {
	font-size: 16px;
	color: #C08C50;
	text-decoration: none;
	transition: var(--transition);
}

.laaw-footer__list a:hover {
	color: #FFFFFF;
}

.laaw-footer__list--status li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 14px;
	color: #FFFFFF;
	margin-bottom: 10px;
	gap: 20px;
}

.laaw-footer__country-name {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 500;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
}

.laaw-footer__disclaimer-box {
	background: #C08C501A;
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 16px;
	padding: 24px 30px;
	font-size: 16px;
	color: #ffffff;
	line-height: 1.7;
	margin-bottom: 40px;
}

.laaw-footer__disclaimer-box b {
	font-weight: 400;
	color: #C08C50;
}

.laaw-footer__disclaimer-box p {
	margin: 0;
}

.laaw-footer__bottom {
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	opacity: 0.9;
	font-weight: 400;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	padding-top: 24px;
}

/* ==========================================================================
   13. RESPONSIVE BREAKPOINTS
   ========================================================================== */
@keyframes laawSlideDown {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ==========================================================================
   13. RESPONSIVE BREAKPOINTS (Desktop Untouched, Tablet & Mobile Polished)
   ========================================================================== */
@media (max-width: 1280px) {
	.laaw-hero__title {
		font-size: 54px;
	}

	.laaw-services-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.laaw-countries-grid {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

@media (max-width: 992px) {

	/* Header Mobile Drawer Setup */
	.laaw-header {
		position: relative;
	}

	.laaw-header__container {
		position: relative;
	}

	.laaw-header__nav {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		width: 100%;
		background: #0A0E1A;
		border-top: 1px solid rgba(192, 140, 80, 0.25);
		border-bottom: 1px solid rgba(192, 140, 80, 0.25);
		padding: 20px 24px;
		box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8);
		z-index: 999;
	}

	.laaw-header__nav.is-open {
		display: block !important;
		animation: laawSlideDown 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
	}

	.laaw-header__menu {
		display: flex !important;
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
		margin: 0 !important;
		padding: 0;
		width: 100%;
	}

	.laaw-header__menu li {
		width: 100%;
	}

	.laaw-header__menu a {
		font-size: 16px;
		display: block;
		padding: 10px 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.06);
		width: 100%;
	}

	.laaw-header__mobile-toggle {
		display: flex !important;
	}

	.laaw-header__hamburger-bar {
		transition: transform 0.3s ease, opacity 0.3s ease;
	}

	.laaw-header__mobile-toggle[aria-expanded="true"] .laaw-header__hamburger-bar:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}

	.laaw-header__mobile-toggle[aria-expanded="true"] .laaw-header__hamburger-bar:nth-child(2) {
		opacity: 0;
	}

	.laaw-header__mobile-toggle[aria-expanded="true"] .laaw-header__hamburger-bar:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}

	/* Hero & Layout Grids */
	.laaw-hero__container {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.laaw-hero__visual {
		max-width: 600px;
		margin: 0 auto;
		width: 100%;
	}

	.laaw-comparison-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.laaw-stats-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.laaw-services-bento-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.laaw-service-card--tall,
	.laaw-service-card--wide-top,
	.laaw-service-card--wide-mid,
	.laaw-service-card--wide-bot {
		grid-column: span 1;
		grid-row: span 1;
	}

	.laaw-countries-grid {
		grid-template-columns: repeat(3, 1fr) !important;
	}

	.laaw-footer__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
	}

	.laaw-hero__description {
		font-size: 16px;
	}

}

@media (max-width: 768px) {
	.laaw-hero {
		padding: 50px 0 70px 0;
	}

	.laaw-hero__title {
		font-size: 38px;
	}

	.laaw-hero__subtitle {
		font-size: 18px;
	}

	.laaw-section-title {
		font-size: 32px;
	}

	.laaw-section-subtitle {
		font-size: 17px;
	}

	.laaw-stats-grid {
		grid-template-columns: 1fr;
	}

	.laaw-services-bento-grid {
		grid-template-columns: 1fr;
	}

	.laaw-countries-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.laaw-hero__float-badge {
		display: none;
	}

	.laaw-comparison-card {
		padding: 24px 18px;
	}

	.laaw-footer__disclaimer-box {
		padding: 20px;
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.laaw-ticker-bar {
		flex-direction: column;
	}

	.laaw-trust-bar__list {
		gap: 5px;
	}

	.laaw-problem-title {
		font-size: 32px;
	}

	.laaw-trad-pills-grid {
		grid-template-columns: 1fr;
	}

	.laaw-problem-stats-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.laaw-problem-section {
		padding-bottom: 0;
	}

	.laaw-services-section {
		padding-bottom: 0;
	}

	.laaw-testimonials-section {
		padding-bottom: 0;
	}

	.laaw-countries-cta__subtext {
		font-size: 14px;
	}
}

@media (max-width: 480px) {
	.laaw-header__container {
		padding: 0 16px;
	}

	.laaw-header__cta {
		display: none;
		/* Keep header clean on small phones; link is accessible inside mobile drawer */
	}

	.laaw-hero__title {
		font-size: 30px;
	}

	.laaw-hero__subtitle {
		font-size: 16px;
	}

	.laaw-hero__actions {
		flex-direction: column;
		width: 100%;
		gap: 12px;
	}

	.laaw-btn {
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	.laaw-chat-preview {
		padding: 20px 16px;
	}

	.laaw-chat-chip {
		font-size: 12px;
		padding: 6px 12px;
	}

	.laaw-countries-grid {
		grid-template-columns: 1fr !important;
	}

	.laaw-footer__grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.laaw-footer__bottom {
		text-align: center;
		font-size: 14px;
	}
}

/* ==========================================================================
   14. HOW IT WORKS PAGE (4 Steps & FAQ Accordion)
   ========================================================================== */

/* 4 Steps Section */
.laaw-steps-section {
	padding: 100px 0;
	background: #0A0E1A;
}

.laaw-steps-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.laaw-step-card {
	background: #C08C501A;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 18px;
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	position: relative;
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease;
}

.laaw-step-card:hover {
	transform: translateY(-4px);
	border-color: rgba(192, 140, 80, 0.3);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
}

.laaw-step-card__icon-wrap {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #C08C501A;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #C08C50;
	margin-bottom: 24px;
}

.laaw-step-card__icon-img {
	width: 22px;
	height: 22px;
	object-fit: contain;
}

.laaw-step-card__tag {
	font-size: 12px;
	font-weight: 700;
	color: #C08C50;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.laaw-step-card__title {
	font-size: 20px;
	font-weight: 700;
	color: #FFFFFF;
	margin-bottom: 12px;
	line-height: 1.3;
}

.laaw-step-card__desc {
	font-size: 14px;
	color: #C08C50;
	line-height: 1.6;
	margin: 0;
}

/* FAQ Section */
.laaw-faq-section {
	padding: 100px 0 120px 0;
	background: #0A0E1A;
}

.laaw-faq-accordion {
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.laaw-faq-item {
	background: #111728;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 16px;
	overflow: hidden;
	transition: border-color 0.3s ease, background 0.3s ease;
}

.laaw-faq-item.is-open {
	border-color: rgba(192, 140, 80, 0.3);
	background: #141A2E;
}

.laaw-faq-item__header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 24px 28px;
	background: transparent;
	border: none;
	cursor: pointer;
	text-align: left;
	color: #FFFFFF;
	transition: color 0.2s ease;
}

.laaw-faq-item__header:hover .laaw-faq-item__question {
	color: #C08C50;
}

.laaw-faq-item__question {
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 1.4;
	transition: color 0.3s ease;
}

.laaw-faq-item__icon-wrap {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #C08C5026;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: background 0.3s ease;
}

.laaw-faq-item.is-open .laaw-faq-item__icon-wrap {
	background: #C08C50;
}

.laaw-faq-item__icon {
	font-size: 18px;
	font-weight: 700;
	color: #C08C50;
	line-height: 1;
	transition: color 0.3s ease;
	font-family: auto;
}

button:focus,
.menu-toggle:hover,
button:hover,
.ast-button:hover,
.ast-custom-button:hover .button:hover,
.ast-custom-button:hover,
input[type=reset]:hover,
input[type=reset]:focus,
input#submit:hover,
input#submit:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover,
form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus,
body .wp-block-file .wp-block-file__button:hover,
body .wp-block-file .wp-block-file__button:focus {
	color: #ffffff;
	background-color: #141a2e;
	border-color: #141a2e;
}


.laaw-faq-item.is-open .laaw-faq-item__icon {
	color: #FFFFFF;
}

.laaw-faq-item__body {
	padding: 0 28px 24px 28px;
}

.laaw-faq-item__content p {
	font-size: 15px;
	color: #94A3B8;
	line-height: 1.7;
	margin: 0;
}

/* How It Works Responsive Breakpoints */
@media (max-width: 992px) {
	.laaw-steps-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}

@media (max-width: 768px) {

	.laaw-steps-section,
	.laaw-faq-section {
		padding: 60px 0;
	}

	.laaw-steps-grid {
		grid-template-columns: 1fr;
	}

	.laaw-faq-item__header {
		padding: 20px;
	}

	.laaw-faq-item__question {
		font-size: 16px;
	}

	.laaw-faq-item__body {
		padding: 0 20px 20px 20px;
	}
}

/* ==========================================================================
   15. PRICING PAGE (Figma Pixel-Perfect)
   ========================================================================== */
.laaw-pricing-section {
	padding: 100px 0 120px 0;
	background: #0A0E1A;
}

/* Billing Toggle Pill */
.laaw-pricing-toggle-wrap {
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}

.laaw-pricing-toggle {
	display: flex;
	align-items: center;
	background: #111420;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 9999px;
	padding: 4px;
}

.laaw-pricing-toggle-btn {
	background: transparent;
	border: none;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 24px;
	border-radius: 9999px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: all 0.3s ease;
}

.laaw-pricing-toggle-btn.is-active {
	background: #C08C50 !important;
	color: #000000 !important;
	border-color: #C08C50 !important;
}

.laaw-pricing-toggle-badge {
	background: rgba(255, 255, 255, 0.12);
	color: #FFFFFF;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 9999px;
}

.laaw-pricing-toggle-btn.is-active .laaw-pricing-toggle-badge {
	background: rgba(0, 0, 0, 0.2);
	color: #000000;
}

/* Pricing Grid */
.laaw-pricing-grid {
	max-width: 960px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	align-items: stretch;
	margin-top: 100px;
}

.laaw-pricing-card {
	background: #111420;
	border: 1px solid #111420;
	border-radius: 20px;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease;
}

.laaw-pricing-card:hover {
	transform: translateY(-4px);
	border-color: rgba(192, 140, 80, 0.3);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

.laaw-pricing-card--popular {
	background: #111728;
	border-color: #111728;
	margin-top: -50px;
}

.laaw-pricing-card__popular-banner {
	background: #C08C501A;
	border-bottom: 1px solid #C08C5033;
	text-align: center;
	padding: 10px 16px;
	font-size: 14px;
	font-weight: 700;
	color: #C08C50;
	letter-spacing: 0.5px;
}

.laaw-pricing-card__body {
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.laaw-pricing-card__header {
	margin-bottom: 28px;
}

.laaw-pricing-card__title {
	font-size: 22px;
	font-weight: 700;
	color: #FFFFFF;
	margin-bottom: 16px;
}

.laaw-pricing-card__price-wrap {
	display: flex;
	align-items: baseline;
	gap: 6px;
	margin-bottom: 8px;
}

.laaw-pricing-card__price {
	font-size: 44px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 1;
	letter-spacing: -1px;
}

.laaw-pricing-card__period {
	font-size: 16px;
	color: #C08C50;
	font-weight: 500;
}

.laaw-pricing-card__desc {
	font-size: 14px;
	color: #FFFFFF;
	margin: 8px 0 0 0;
}

.laaw-pricing-card__cta-wrap {
	margin-bottom: 32px;
}

.laaw-pricing-card__btn {
	width: 100%;
	text-align: center;
	justify-content: center;
	padding: 14px 24px;
	font-size: 15px;
	font-weight: 700;
	border-radius: 9999px;
}

/* Features List */
.laaw-pricing-card__features {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.laaw-pricing-card__features li {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 15px;
	color: #C08C50;
}

.laaw-pricing-card__check {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #C08C5026;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

/* Footnote Disclaimer */
.laaw-pricing-footnote {
	text-align: center;
	margin-top: 48px;
}

.laaw-pricing-footnote p {
	font-size: 16px;
	color: #C08C50;
	font-weight: 500;
	margin: 0;
}

/* Responsive Pricing Rules */
@media (max-width: 768px) {
	.laaw-pricing-section {
		padding: 60px 0;
	}

	.laaw-pricing-grid {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-top: 0;
	}

	.laaw-pricing-card--popular {
		margin: 0;
	}

	.laaw-pricing-card__body {
		padding: 30px 20px;
	}

	.laaw-pricing-card__price {
		font-size: 42px;
	}
}

/* ==========================================================================
   16. CONTACT PAGE & SUREFORMS INTEGRATION (Figma Pixel-Perfect)
   ========================================================================== */
.laaw-contact-section {
	padding: 100px 0 120px 0;
	background: #0A0E1A;
}

.laaw-contact-grid {
	display: grid;
	grid-template-columns: 5fr 7fr;
	gap: 48px;
	align-items: start;
}

/* Left Column Info Box */
.laaw-contact-header {
	margin-bottom: 36px;
}

.laaw-contact-title {
	font-size: 52px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 1.15;
	margin-bottom: 20px;
	letter-spacing: -1px;
}

.laaw-contact-subtitle {
	font-size: 16px;
	color: #C08C50;
	line-height: 1.6;
	margin: 0;
}

.laaw-contact-info-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 32px;
}

.laaw-contact-info-card {
	background: #111420;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 16px;
	padding: 18px 22px;
	display: flex;
	align-items: center;
	gap: 16px;
	text-decoration: none;
	transition: border-color 0.3s ease, transform 0.3s ease;
}

.laaw-contact-info-card:hover {
	border-color: rgba(192, 140, 80, 0.3);
	transform: translateY(-2px);
}

.laaw-contact-info-card__icon-wrap {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #C08C501A;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #C08C50;
	flex-shrink: 0;
}

.laaw-contact-info-card__icon-img {
	width: 20px;
	height: 20px;
	object-fit: contain;
}

.laaw-contact-info-card__content {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.laaw-contact-info-card__label {
	font-size: 14px;
	color: #C08C50;
	font-weight: 500;
}

.laaw-contact-info-card__val {
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
}

/* Enterprise Promo Card */
.laaw-enterprise-card {
	background: #111728;
	border: 1px solid rgba(192, 140, 80, 0.2);
	border-radius: 18px;
	padding: 28px 24px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.laaw-enterprise-card__header {
	display: flex;
	align-items: center;
	gap: 12px;
}

.laaw-enterprise-card__icon {
	font-size: 20px;
}

.laaw-enterprise-card__title {
	font-size: 19px;
	font-weight: 700;
	color: #FFFFFF;
	margin: 0;
}

.laaw-enterprise-card__desc {
	font-size: 14px;
	color: #C08C50;
	line-height: 1.6;
	margin: 0;
}

.laaw-enterprise-card__link {
	font-size: 16px;
	font-weight: 600;
	color: #ffffff !important;
	text-decoration: none;
	margin-top: 4px;
	transition: opacity 0.2s ease;
}

.srfm-form-container.srfm-bg-color {
	background: transparent !important;
}

.laaw-enterprise-card__link:hover {
	opacity: 0.85;
}

/* Right Column: Form Wrapper Card */
.laaw-contact-form-card {
	background: #111728;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 24px;
	padding: 40px 36px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
}

.laaw-contact-form-card__title {
	font-size: 26px;
	font-weight: 700;
	color: #FFFFFF;
	margin-bottom: 10px;
}

.laaw-contact-form-card__sub {
	font-size: 14px;
	color: #94A3B8;
	line-height: 1.6;
	margin-bottom: 32px;
}

/* --------------------------------------------------------------------------
   SUREFORMS CUSTOM OVERRIDES (Figma Dark Theme)
   -------------------------------------------------------------------------- */
.laaw-contact-form-wrapper .srfm-form {
	display: flex;
	flex-direction: column;
	gap: 00px !important;
}

.laaw-contact-form-wrapper .srfm-block-single {
	margin-bottom: 0 !important;
}

.laaw-contact-form-wrapper .srfm-block-label,
.laaw-contact-form-wrapper .srfm-block-legend {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #FFFFFF !important;
	margin-bottom: 8px !important;
	display: block !important;
}

.laaw-contact-form-wrapper .srfm-required {
	color: #C08C50 !important;
}

.laaw-contact-form-wrapper .srfm-input-common,
.laaw-contact-form-wrapper .srfm-input-input,
.laaw-contact-form-wrapper .srfm-input-email,
.laaw-contact-form-wrapper .srfm-input-textarea,
.laaw-contact-form-wrapper .ts-control {
	background: #1A2030 !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 12px !important;
	padding: 14px 18px !important;
	color: #FFFFFF !important;
	font-size: 15px !important;
	font-family: inherit !important;
	width: 100% !important;
	outline: none !important;
	box-shadow: none !important;
	transition: border-color 0.3s ease, background 0.3s ease !important;
}

.laaw-contact-form-wrapper .srfm-input-common::placeholder,
.laaw-contact-form-wrapper .srfm-input-input::placeholder,
.laaw-contact-form-wrapper .srfm-input-email::placeholder,
.laaw-contact-form-wrapper .srfm-input-textarea::placeholder,
.laaw-contact-form-wrapper .ts-control input::placeholder {
	color: #64748B !important;
	opacity: 1 !important;
}

.laaw-contact-form-wrapper .srfm-input-common:focus,
.laaw-contact-form-wrapper .srfm-input-input:focus,
.laaw-contact-form-wrapper .srfm-input-email:focus,
.laaw-contact-form-wrapper .srfm-input-textarea:focus,
.laaw-contact-form-wrapper .ts-control.focus {
	border-color: #C08C50 !important;
	background: #1E2638 !important;
}

.laaw-contact-form-wrapper .srfm-input-textarea {
	min-height: 120px !important;
	resize: vertical !important;
}

/* Dropdown / TomSelect styling */
.laaw-contact-form-wrapper .ts-dropdown {
	background: #1A2030 !important;
	border: 1px solid rgba(192, 140, 80, 0.3) !important;
	border-radius: 12px !important;
	color: #FFFFFF !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

.laaw-contact-form-wrapper .ts-dropdown .option {
	padding: 10px 16px !important;
	color: #FFFFFF !important;
}

.laaw-contact-form-wrapper .ts-dropdown .option:hover,
.laaw-contact-form-wrapper .ts-dropdown .option.active {
	background: #C08C50 !important;
	color: #000000 !important;
}

/* Submit Container & Button */
.laaw-contact-form-wrapper .srfm-submit-container {
	margin-top: 10px !important;
}

.laaw-contact-form-wrapper .srfm-submit-button,
.laaw-contact-form-wrapper #srfm-submit-btn,
.laaw-contact-form-wrapper button[type="submit"] {
	width: 100% !important;
	background: #C08C50 !important;
	color: #000000 !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	padding: 14px 28px !important;
	border-radius: 9999px !important;
	border: none !important;
	cursor: pointer !important;
	transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.laaw-contact-form-wrapper .srfm-submit-button:hover,
.laaw-contact-form-wrapper #srfm-submit-btn:hover,
.laaw-contact-form-wrapper button[type="submit"]:hover {
	background: #D49D5E !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 10px 25px rgba(192, 140, 80, 0.3) !important;
	color: #000000 !important;
}

/* Responsive Rules for Contact */
@media (max-width: 992px) {
	.laaw-contact-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.laaw-contact-title {
		font-size: 40px;
	}

	.laaw-contact-form-card {
		padding: 32px 24px;
	}
}

@media (max-width: 480px) {
	.laaw-contact-section {
		padding: 60px 0;
	}

	.laaw-contact-title {
		font-size: 32px;
	}

	.laaw-contact-form-card {
		padding: 24px 16px;
	}
}