/*
 * Online Wills Advisor: client CSS
 *
 * 1. Twenty Twenty compatibility (added for WordPress)
 * 2. Client inline styles, moved into classes
 * 3. Client CSS, copied from the <style> block in index.html
 * 4. WordPress additions (admin bar, footer widgets)
 */

/* ==========================================================================
   1. Twenty Twenty compatibility
   ========================================================================== */

/*
 * The client's page was designed against plain browser defaults, without
 * Twenty Twenty's style.css or Bootstrap 5.3. Both restyle bare elements
 * (h1-h6, p, a, ul, li, button, img, svg, table, section, body font size,
 * line height and letter spacing), so inside the client's own regions those
 * elements are put back to browser defaults here.
 *
 * Regions: .site-bar (header), .homepage-layout (Home page), #start (final
 * CTA), .foot (footer) and the cookie notice after it. Twenty Twenty content
 * on other pages is outside these regions and keeps its normal styling.
 *
 * Specificity is kept at the level of Twenty Twenty's and Bootstrap's own
 * element rules (the region part is inside :where()), so these rules beat
 * them by loading later but lose to every rule in section 2 and to the
 * client's inline styles.
 */

/* Region roots: browser-default text settings instead of the theme's body settings. */
:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) {
	box-sizing: content-box;
	font-size: medium;
	font-weight: normal;
	letter-spacing: normal;
	line-height: normal;
	text-align: start;
	word-break: normal;
	overflow-wrap: normal;
	-webkit-font-smoothing: auto;
	-webkit-tap-highlight-color: initial;
	-webkit-text-size-adjust: auto;
	text-size-adjust: auto;
}

section:where(#start) {
	padding: 0;
	width: auto;
}

/* HTML elements: back to browser defaults (SVG is handled separately below). */
:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) :is(
	a, abbr, b, blockquote, br, button, caption, cite, code, dd, div, dl, dt,
	em, figcaption, figure, footer, h1, h2, h3, h4, h5, h6, header, hr, i, img,
	li, nav, ol, p, section, small, span, strong, sub, sup, table, tbody, td,
	tfoot, th, thead, tr, ul
) {
	all: revert;
}

:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) ::before,
:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) ::after {
	box-sizing: content-box;
}

/* Links and buttons: Twenty Twenty removes or adds underlines on hover/focus. */
:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) a:hover,
:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) a:focus {
	text-decoration: underline;
}

/* ...but the brand link keeps the client's .brand { text-decoration: none } on hover. */
:where(.site-bar) .brand:hover,
:where(.site-bar) .brand:focus {
	text-decoration: none;
}

:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) button:hover,
:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) button:focus {
	text-decoration: none;
}

/* Twenty Twenty: dt + dd and dd + dt spacing. */
:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) dt + dd,
:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) dd + dt {
	margin-top: 0;
}

/* Inline SVG icons (presentation attributes such as width and stroke stay in effect). */
:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) svg {
	display: inline;
	max-width: none;
	vertical-align: baseline;
}

/* Twenty Twenty sets svg { height: auto }, which overrides the icons' height="" attribute. */
:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) svg:where([height="14"]) { height: 14px; }
:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) svg:where([height="15"]) { height: 15px; }
:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) svg:where([height="16"]) { height: 16px; }
:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) svg:where([height="17"]) { height: 17px; }
:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) svg:where([height="18"]) { height: 18px; }
:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) svg:where([height="19"]) { height: 19px; }
:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) svg:where([height="20"]) { height: 20px; }
:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) svg:where([height="22"]) { height: 22px; }
:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) svg:where([height="26"]) { height: 26px; }
:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) svg:where([height="52"]) { height: 52px; }

:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) :is(svg, svg *) {
	box-sizing: content-box;
	word-break: inherit;
	overflow-wrap: inherit;
	-webkit-font-smoothing: inherit;
}

:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) path {
	transition: none;
}

/* Class names shared with Bootstrap: .h2 and .container. */
:where(.site-bar, .homepage-layout, #start, .foot, .foot + div) .h2 {
	margin: 0;
	font-size: 1.5em;
	font-weight: bold;
	line-height: inherit;
	color: inherit;
}

:where(.hero) .container {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}

/* ==========================================================================
   2. Client styles moved from inline style="" attributes
   ==========================================================================
   One class per distinct inline style in the client HTML, named by section
   (owa-<section>-<n>). Declarations are copied unchanged. A few carry
   !important where a client rule below would otherwise override them (the
   inline style used to win). Elements the client JavaScript restyles on
   click (style contains --w:<key>) keep their inline styles. */

.owa-site-1 {
	width: 100%;
	background: #ffffff;
	display: flex;
	flex-direction: column;
}

.owa-hero-1 {
	background: #c73a30 !important;
	border-color: #c73a30 !important;
}

.owa-hero-2 {
	display: inline-flex;
	align-items: center;
	margin-right: 9px;
}

.owa-how-1 {
	padding: 108px 40px;
	background: #f7f5fb;
}

.owa-how-2 {
	max-width: 1160px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 0.85fr 1.15fr;
	gap: 72px;
	align-items: center;
}

.owa-how-3 {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.owa-how-4 {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.owa-how-5 {
	display: flex;
	align-items: center;
	gap: 12px;
}

.owa-how-6 {
	width: 28px;
	height: 2px;
	background: #f5b800;
}

.owa-how-7 {
	font-size: 13px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #5b3fb0;
	font-weight: 700;
}

.owa-how-8 {
	font-family: Merriweather, Georgia, serif;
	font-weight: 400;
	font-size: 40px;
	color: #1d1030;
	line-height: 1.2;
}

.owa-how-9 {
	font-size: 17px;
	line-height: 1.7;
	color: #4a4854;
	font-weight: 400;
}

.owa-how-10 {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.owa-how-11 {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1;
	text-align: left;
}

.owa-how-12 {
	align-self: flex-start !important;
	display: inline-flex !important;
	align-items: center !important;
	min-height: 52px !important;
	padding: 0 30px !important;
	border-radius: 8px !important;
	background: #c73a30 !important;
	color: #ffffff !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
}

.owa-how-13 {
	display: inline-flex !important;
	align-items: center !important;
	margin-right: 8px !important;
	vertical-align: middle !important;
}

.owa-how-14 {
	position: relative;
	aspect-ratio: 4 / 3;
}

.owa-how-15 {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: 12px;
	text-align: center;
	font-size: 12.5px;
	line-height: 1.4;
	color: #6a6675;
}

.owa-how-16 {
	position: absolute;
	inset: 0;
	border-radius: 20px;
	overflow: hidden;
	background: linear-gradient(150deg, #241640 0%, #3d2358 58%, #6a2f68 100%);
}

.owa-how-17 {
	background: #ffffff;
	border-radius: 18px;
	box-shadow: 0 40px 80px -26px rgba(10,6,22,0.62);
	border: 1px solid rgba(255,255,255,0.5);
	padding: 14px 14px 12px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.owa-how-18 {
	display: flex;
	gap: 5px;
	padding: 5px;
	background: #f1eff5;
	border-radius: 12px;
}

.owa-how-19 {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 9px 6px;
	border-radius: 9px;
	background: #ffffff;
	box-shadow: 0 2px 6px rgba(29,16,48,0.12);
}

.owa-how-20 {
	font-size: 13px;
	font-weight: 700;
	color: #1d1030;
}

.owa-how-21 {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 9px 6px;
	border-radius: 9px;
	background: transparent;
}

.owa-how-22 {
	font-size: 13px;
	font-weight: 500;
	color: #9993a6;
}

.owa-how-23 {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.owa-how-24 {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 11px 12px;
	border-radius: 11px;
	background: #f5f3fb;
}

.owa-how-25 {
	flex: none;
	width: 42px;
	height: 42px;
	border-radius: 11px;
	background: #26163f;
	display: flex;
	align-items: center;
	justify-content: center;
}

.owa-how-26 {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.owa-how-27 {
	font-size: 14.5px;
	font-weight: 700;
	color: #1d1030;
}

.owa-how-28 {
	font-size: 12.5px;
	color: #8a8494;
}

.owa-how-29 {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 11px 12px;
	border-radius: 11px;
	background: transparent;
}

.owa-how-30 {
	flex: none;
	width: 42px;
	height: 42px;
	border-radius: 11px;
	background: #ffffff;
	border: 1.5px solid #e3e0ec;
	display: flex;
	align-items: center;
	justify-content: center;
}

.owa-how-31 {
	font-size: 14.5px;
	font-weight: 600;
	color: #1d1030;
}

.owa-how-32 {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 6px 2px;
}

.owa-how-33 {
	font-size: 13px;
	font-weight: 600;
	color: #6a6480;
}

.owa-how-34 {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 6px 2px;
}

.owa-how-35 {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #17a35a;
}

.owa-how-36 {
	font-size: 13px;
	font-weight: 600;
	color: #1d7a4a;
}

.owa-how-37 {
	max-width: 1160px;
	margin: 60px auto 0;
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.owa-how-38 {
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
}

.owa-how-39 {
	font-family: Merriweather,Georgia,serif;
	font-weight: 400;
	font-size: 28px;
	line-height: 1.3;
	color: #1d1030;
}

.owa-how-40 {
	font-size: 16.5px;
	line-height: 1.7;
	color: #4a4854;
	max-width: 640px;
}

.owa-how-41 {
	border-radius: 20px;
	overflow: hidden;
	background: linear-gradient(150deg,#241640 0%,#3d2358 58%,#6a2f68 100%);
	padding: 40px;
}

.owa-how-42 {
	display: grid;
	grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
	gap: 20px;
	align-items: stretch;
}

.owa-how-43 {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 0;
}

.owa-how-44 {
	display: flex;
	align-items: center;
	gap: 10px;
}

.owa-how-45 {
	flex: none;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #f5c451;
	color: #26163f;
	font-size: 13px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.owa-how-46 {
	font-size: 13px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-weight: 700;
	color: #e9e4f2;
}

.owa-how-47 {
	background: #ffffff;
	border-radius: 18px;
	box-shadow: 0 40px 80px -26px rgba(10,6,22,0.62);
	border: 1px solid rgba(255,255,255,0.5);
	padding: 20px 22px 14px;
	flex: 1;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.owa-how-48 {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding-bottom: 12px;
}

.owa-how-49 {
	font-size: 16px;
	font-weight: 700;
	color: #1d1030;
}

.owa-how-50 {
	font-size: 13px;
	color: #6a6480;
}

.owa-how-51 {
	margin: 0;
}

.owa-how-52 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 11px 0;
	border-top: 1px solid #ece8f3;
	min-height: 46px;
	box-sizing: border-box;
}

.owa-how-53 {
	font-size: 13px;
	color: #6a6480;
	white-space: nowrap;
}

.owa-how-54 {
	margin: 0;
	font-size: 14.5px;
	font-weight: 600;
	color: #1d1030;
	text-align: right;
}

.owa-how-55 {
	align-self: center;
	margin-top: 38px;
	flex: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255,255,255,0.14);
	border: 1px solid rgba(255,255,255,0.28);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
}

.owa-how-56 {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13.5px;
	font-weight: 600;
	color: #1d7a4a;
	white-space: nowrap;
}

.owa-how-57 {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13.5px;
	font-weight: 600;
	color: #8a5a00;
	background: #fff4d6;
	border-radius: 999px;
	padding: 3px 10px;
	white-space: nowrap;
}

.owa-how-58 {
	border-top: 1px solid #ece8f3;
	padding: 14px 0 10px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.owa-how-59 {
	font-size: 15px;
	font-weight: 600;
	color: #1d1030;
}

.owa-how-60 {
	font-size: 13.5px;
	line-height: 1.55;
	color: #4a4854;
	margin-top: 4px;
}

.owa-how-61 {
	margin-top: auto;
	border-top: 1px solid #ece8f3;
	padding: 12px 0 4px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.owa-how-62 {
	text-align: center;
	font-size: 12.5px;
	line-height: 1.4;
	color: #6a6675;
}

.owa-platform-1 {
	padding: 100px 40px;
	background: #f7f5fb;
}

.owa-platform-2 {
	max-width: 1160px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 40px;
	align-items: center;
}

.owa-platform-3 {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: center;
	text-align: center;
}

.owa-platform-4 {
	font-size: 13px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #5b3fb0;
	font-weight: 700;
}

.owa-platform-5 {
	font-family: Merriweather, Georgia, serif;
	font-weight: 400;
	font-size: 44px;
	color: #1d1030;
	line-height: 1.25;
	max-width: 900px;
}

.owa-platform-6 {
	font-size: 17px;
	line-height: 1.7;
	color: #4a4854;
	max-width: 700px;
	font-weight: 400;
}

.owa-platform-7 {
	display: flex;
	gap: 6px;
	padding: 6px;
	border-radius: 999px;
	background: #f0eef5;
	border: 1px solid #e3e1ea;
}

.owa-platform-8 {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

.owa-platform-9 {
	font-family: Merriweather, Georgia, serif;
	font-weight: 400;
	font-size: 22px;
	color: #ffffff;
	margin-top: 4px;
}

.owa-platform-10 {
	font-size: 15px;
	line-height: 1.55;
	color: #cfc7dd;
	font-weight: 500;
}

.owa-platform-11 {
	display: flex !important;
	align-items: center !important;
	min-height: 48px !important;
	padding: 0 26px !important;
	border-radius: 8px !important;
	background: #c73a30 !important;
	color: #ffffff !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	margin-top: 8px !important;
}

.owa-route-1 {
	padding: 96px 40px;
	background: #26163f;
}

.owa-route-2 {
	max-width: 1160px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 44px;
}

.owa-route-3 {
	display: flex;
	flex-direction: column;
	gap: 14px;
	align-items: center;
	text-align: center;
}

.owa-route-4 {
	font-family: Merriweather, Georgia, serif;
	font-weight: 400;
	font-size: 34px;
	color: #ffffff;
	line-height: 1.3;
}

.owa-route-5 {
	font-size: 17px;
	line-height: 1.7;
	color: #d9d2e6;
	max-width: 760px;
	font-weight: 400;
}

.owa-route-6 {
	color: #f5c451 !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
}

.owa-route-7 {
	display: flex;
	flex-direction: column;
	gap: 8px;
	align-items: center;
}

.owa-route-8 {
	font-size: 13px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #b8956a;
	font-weight: 700;
}

.owa-route-9 {
	display: inline-flex;
	gap: 4px;
	padding: 5px;
	background: #ffffff;
	border-radius: 999px;
	box-shadow: 0 8px 24px -10px rgba(10,6,22,0.55);
}

.owa-route-10 {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 4px;
}

.owa-route-11 {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 24px 0;
	table-layout: fixed;
	min-width: 600px;
	color: #1d1030;
}

.owa-route-12 {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.owa-route-13 {
	background: #ffffff;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	border-bottom: 1px solid #26163f;
	padding: 30px 28px 26px;
	text-align: center;
	vertical-align: top;
	font-weight: 400;
}

.owa-route-14 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

.owa-route-15 {
	width: 52px;
	height: 52px;
	border-radius: 12px;
	background: #f4f1f9;
	border: 1px solid #e3dded;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Merriweather, Georgia, serif;
	font-weight: 700;
	font-size: 14px;
	color: #b8342b;
}

.owa-route-16 {
	font-family: Merriweather, Georgia, serif;
	font-size: 22px;
	font-weight: 400;
	color: #1d1030;
	margin-top: 4px;
}

.owa-route-17 {
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.02em;
	color: #ffffff;
	background: #26163f;
	padding: 7px 16px;
	border-radius: 999px;
}

.owa-route-18 {
	font-size: 14.5px;
	line-height: 1.65;
	font-weight: 400;
	color: #4a4854;
	margin-top: 6px;
	max-width: 340px;
}

.owa-route-19 {
	background: #ffffff;
	border-bottom: 1px solid #26163f;
	text-align: center;
	vertical-align: middle;
	padding: 18px 26px;
}

.owa-route-20 {
	display: block;
	font-size: 11.5px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #7a7288;
	margin-bottom: 5px;
}

.owa-route-21 {
	display: block;
	font-size: 15.5px;
	line-height: 1.5;
	color: #1d1030;
}

.owa-route-22 {
	background: #ffffff;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	padding: 26px 28px 30px;
	text-align: center;
	vertical-align: top;
}

.owa-route-23 {
	display: block;
	font-size: 24px;
	font-weight: 700;
	color: #1d1030;
	margin-bottom: 18px;
}

.owa-route-24 {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 48px !important;
	padding: 0 16px !important;
	border-radius: 9px !important;
	background: #c73a30 !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-weight: 500 !important;
	font-size: 15px !important;
	box-sizing: border-box !important;
}

.owa-route-25 {
	text-align: center;
	font-size: 13.5px;
	line-height: 1.6;
	color: #c9c0d9;
	font-weight: 400;
	max-width: 760px;
	margin: 0 auto;
}

.owa-pricing-1 {
	padding: 104px 40px;
	background: #fbfaf8;
}

.owa-pricing-2 {
	max-width: 1060px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 56px;
}

.owa-pricing-3 {
	font-size: 12px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: #b08d4f;
	font-weight: 600;
	margin: 0;
}

.owa-pricing-4 {
	font-family: Merriweather, Georgia, serif;
	font-weight: 400;
	font-size: 34px;
	color: #1d1030;
	line-height: 1.3;
}

.owa-pricing-5 {
	font-size: 17px;
	line-height: 1.7;
	color: #4a4854;
	max-width: 760px;
	font-weight: 400;
}

.owa-pricing-6 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	background: linear-gradient(160deg, #1a1020 0%, #26163f 100%);
	border-top: 2px solid #c9a35f;
	border-radius: 0 0 6px 6px;
	box-shadow: 0 40px 70px -40px rgba(29,16,48,0.6);
}

.owa-pricing-7 {
	padding: 60px 56px 56px;
	display: flex;
	flex-direction: column;
}

.owa-pricing-8 {
	font-size: 11.5px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: #e2c98f;
	font-weight: 600;
	margin: 0 0 18px;
}

.owa-pricing-9 {
	font-family: Merriweather, Georgia, serif;
	font-weight: 400;
	font-size: 30px;
	color: #ffffff;
	margin: 0 0 30px;
	line-height: 1.2;
}

.owa-pricing-10 {
	font-family: Merriweather, Georgia, serif;
	font-weight: 400;
	font-size: 58px;
	color: #ffffff;
	line-height: 1;
	margin: 0;
	letter-spacing: -0.01em;
	font-variant-numeric: lining-nums;
}

.owa-pricing-11 {
	font-size: 20px;
	letter-spacing: 0.08em;
	margin-right: 10px;
	color: #b9aecb;
}

.owa-pricing-12 {
	font-size: 14px;
	line-height: 1.6;
	color: #b9aecb;
	margin: 14px 0 0;
	min-height: 45px;
}

.owa-pricing-13 {
	margin: 36px 0 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid rgba(255,255,255,0.4);
	border-bottom: 1px solid rgba(255,255,255,0.14);
}

.owa-pricing-14 {
	display: flex;
	gap: 16px;
	align-items: baseline;
	padding: 15px 0;
	border-bottom: 1px solid rgba(255,255,255,0.14);
	font-size: 15.5px;
	line-height: 1.5;
	color: #ece7f5;
}

.owa-pricing-15 {
	flex: none;
	width: 6px;
	height: 6px;
	background: #e2c98f;
	transform: rotate(45deg);
	position: relative;
	top: -2px;
}

.owa-pricing-16 {
	display: flex;
	gap: 16px;
	align-items: baseline;
	padding: 15px 0;
	font-size: 15.5px;
	line-height: 1.5;
	color: #ece7f5;
}

.owa-pricing-17 {
	font-size: 11.5px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #b9aecb;
	margin: 34px 0 4px;
}

.owa-pricing-18 {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: 14px 0;
	border-bottom: 1px solid rgba(255,255,255,0.14);
}

.owa-pricing-19 {
	font-size: 15.5px;
	color: #d9d2e6;
}

.owa-pricing-20 {
	font-family: Merriweather, Georgia, serif;
	font-size: 18px;
	color: #ffffff;
}

.owa-pricing-21 {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: 14px 0 34px;
}

.owa-pricing-22 {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-top: auto !important;
	min-height: 56px !important;
	padding: 0 24px !important;
	border-radius: 3px !important;
	background: #fbfaf8 !important;
	color: #1d1030 !important;
	font-weight: 500 !important;
	font-size: 15px !important;
	letter-spacing: 0.02em !important;
	text-decoration: none !important;
}

.owa-pricing-23 {
	padding: 60px 56px 56px;
	display: flex;
	flex-direction: column;
	border-left: 1px solid rgba(255,255,255,0.14);
}

.owa-pricing-24 {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.owa-pricing-25 {
	font-size: 14px;
	line-height: 1.65;
	color: #6a6678;
	margin: 0;
}

.owa-pricing-26 {
	font-size: 15px;
	line-height: 1.7;
	color: #4a4854;
	font-weight: 400;
	margin: 0;
}

.owa-sample-1 {
	position: relative;
	padding: 88px 40px;
	background: linear-gradient(160deg, #1a1020 0%, #26163f 62%, #2c2138 100%);
	overflow: hidden;
}

.owa-sample-2 {
	position: relative;
	max-width: 1160px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 56px;
	align-items: center;
}

.owa-sample-3 {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: flex-start;
}

.owa-sample-4 {
	display: inline-flex;
	align-items: center;
	border: 1px solid rgba(245,196,81,.5);
	color: #f5c451;
	border-radius: 999px;
	padding: 6px 14px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.owa-sample-5 {
	font-family: Merriweather, Georgia, serif;
	font-weight: 400;
	font-size: 36px;
	line-height: 1.25;
	color: #ffffff;
}

.owa-sample-6 {
	font-size: 17px;
	line-height: 1.7;
	color: #cfc7dd;
	max-width: 500px;
}

.owa-sample-7 {
	list-style: none;
	margin: 4px 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 12px 28px;
	max-width: 420px;
}

.owa-sample-8 {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 15.5px;
	color: #ffffff;
}

.owa-sample-9 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 24px;
	margin-top: 8px;
}

.owa-sample-10 {
	display: inline-flex !important;
	align-items: center !important;
	gap: 9px !important;
	min-height: 52px !important;
	padding: 0 28px !important;
	border-radius: 8px !important;
	background: #c73a30 !important;
	color: #ffffff !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
}

.owa-sample-11 {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	color: #f5c451 !important;
	font-weight: 500 !important;
	font-size: 15.5px !important;
	text-decoration: none !important;
	min-height: 44px !important;
}

.owa-sample-12 {
	font-size: 13.5px;
	line-height: 1.6;
	color: #a99cc4;
	max-width: 460px;
}

.owa-sample-13 {
	background: #3a2460;
	border-radius: 22px;
	padding: 28px 28px 0;
	overflow: hidden;
	box-shadow: 0 34px 64px -30px rgba(6,3,14,.7);
}

.owa-sample-14 {
	background: #ffffff;
	border-radius: 14px 14px 0 0;
	overflow: hidden;
}

.owa-sample-15 {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 18px;
	background: #f4f1f9;
	border-bottom: 1px solid #e2dfe9;
}

.owa-sample-16 {
	font-size: 13.5px;
	font-weight: 600;
	color: #26163f;
}

.owa-sample-17 {
	margin-left: auto;
	font-size: 12.5px;
	color: #6a6675;
}

.owa-sample-18 {
	display: block;
	position: relative;
	max-height: 420px;
	overflow: hidden;
}

.owa-sample-19 {
	width: 100%;
	display: block;
	background: #ffffff;
}

.owa-sample-20 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 110px;
	background: linear-gradient(to bottom,rgba(255,255,255,0),#ffffff);
}

.owa-compare-1 {
	padding: 96px 40px;
	background: #ffffff;
}

.owa-compare-2 {
	max-width: 1160px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.owa-compare-3 {
	font-family: Merriweather, Georgia, serif;
	font-weight: 400;
	font-size: 34px;
	color: #1d1030;
	line-height: 1.3;
	max-width: 760px;
}

.owa-compare-4 {
	font-size: 17px;
	line-height: 1.7;
	color: #4a4854;
	max-width: 680px;
	font-weight: 400;
}

.owa-compare-5 {
	border: 1px solid #d9d2e6;
	border-radius: 14px;
	overflow-x: auto;
	overflow-y: hidden;
	background: #ffffff;
}

.owa-compare-6 {
	width: 100%;
	min-width: 880px;
	border-collapse: collapse;
	font-size: 15px;
	line-height: 1.55;
	color: #2b2b33;
}

.owa-compare-7 {
	text-align: left;
	padding: 20px 22px;
	vertical-align: bottom;
	background: #ffffff;
	border-top: 3px solid transparent;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: #6a6675;
	width: 17%;
}

.owa-compare-8 {
	text-align: left;
	padding: 20px 22px;
	vertical-align: bottom;
	background: #ffffff;
	color: #1d1030;
	border-top: 3px solid #d9d2e6;
	font-family: Merriweather,Georgia,serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 1.3;
}

.owa-compare-9 {
	text-align: left;
	padding: 20px 22px;
	vertical-align: bottom;
	background: #26163f;
	color: #ffffff;
	border-top: 3px solid #f5c451;
	font-family: Merriweather,Georgia,serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 1.3;
}

.owa-compare-10 {
	border-top: 1px solid #e6e2ee;
}

.owa-compare-11 {
	text-align: left;
	padding: 20px 22px;
	vertical-align: top;
	font-weight: 600;
	font-size: 15px;
	line-height: 1.4;
	color: #1d1030;
}

.owa-compare-12 {
	padding: 20px 22px;
	vertical-align: top;
}

.owa-compare-13 {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.owa-compare-14 {
	flex: none;
	margin-top: 1px;
}

.owa-compare-15 {
	flex: 1;
	min-width: 0;
}

.owa-compare-16 {
	font-weight: 600;
	font-size: 15px;
	line-height: 1.4;
	color: #1d1030;
}

.owa-compare-17 {
	margin-top: 3px;
	font-size: 14px;
	line-height: 1.5;
	color: #5a5666;
}

.owa-compare-18 {
	padding: 20px 22px;
	vertical-align: top;
	background: #f7f5fb;
	border-left: 1px solid #d9d2e6;
	border-right: 1px solid #d9d2e6;
}

.owa-compare-19 {
	flex: none;
	width: 20px;
}

.owa-compare-20 {
	margin-top: 10px;
	height: 6px;
	border-radius: 3px;
	background: #ece8f3;
	position: relative;
	overflow: hidden;
}

.owa-compare-21 {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background: #cfc9dc;
}

.owa-compare-22 {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 27%;
	background: #8a8598;
}

.owa-compare-23 {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 33%;
	background: #cfc9dc;
}

.owa-compare-24 {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 33%;
	background: #f5b800;
}

.owa-compare-25 {
	display: flex;
	gap: 10px 26px;
	flex-wrap: wrap;
	justify-content: center;
}

.owa-compare-26 {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.owa-compare-27 {
	font-size: 13px;
	color: #4a4854;
}

.owa-compare-28 {
	max-width: 780px;
	margin: 0 auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.owa-compare-29 {
	font-size: 15px;
	line-height: 1.65;
	color: #4a4854;
}

.owa-compare-30 {
	font-size: 13px;
	line-height: 1.6;
	color: #6a6675;
}

.owa-who-1 {
	padding: 96px 40px;
	background: #f7f5fb;
}

.owa-who-2 {
	max-width: 1060px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.owa-who-3 {
	font-family: Merriweather, Georgia, serif;
	font-weight: 400;
	font-size: 34px;
	color: #1d1030;
}

.owa-who-4 {
	background: #ffffff;
	border: 1px solid #d9d2e6;
	border-top: 3px solid #f5c451;
	border-radius: 14px;
	overflow: hidden;
}

.owa-who-5 {
	display: flex;
	padding: 14px 30px;
	background: #faf9fc;
	border-bottom: 1px solid #e6e2ee;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: #6a6675;
}

.owa-who-6 {
	display: flex;
	flex-wrap: wrap;
	gap: 18px 28px;
	align-items: center;
	padding: 26px 30px;
}

.owa-who-7 {
	flex: 1 1 400px;
	min-width: 0;
	display: flex;
	gap: 18px;
	align-items: flex-start;
}

.owa-who-8 {
	flex: none;
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: #26163f;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.owa-who-9 {
	font-family: Merriweather,Georgia,serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.35;
	color: #1d1030;
}

.owa-who-10 {
	margin-top: 6px;
	font-size: 15.5px;
	line-height: 1.65;
	color: #4a4854;
}

.owa-who-11 {
	display: flex;
	flex-wrap: wrap;
	gap: 18px 28px;
	align-items: center;
	padding: 26px 30px;
	border-top: 1px solid #e6e2ee;
}

.owa-who-12 {
	display: flex;
	gap: 14px;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 10px;
}

.owa-who-13 {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 52px !important;
	padding: 0 28px !important;
	border-radius: 8px !important;
	background: #c73a30 !important;
	color: #ffffff !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	text-decoration: none !important;
	gap: 9px !important;
}

.owa-who-14 {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 52px !important;
	padding: 0 28px !important;
	border-radius: 8px !important;
	background: #26163f !important;
	color: #ffffff !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	text-decoration: none !important;
	gap: 9px !important;
}

.owa-prepare-1 {
	padding: 72px 40px;
	background: #26163f;
}

.owa-prepare-2 {
	max-width: 1160px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 36px;
}

.owa-prepare-3 {
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: center;
	text-align: center;
}

.owa-prepare-4 {
	font-family: Merriweather, Georgia, serif;
	font-weight: 400;
	font-size: 34px;
	color: #ffffff;
}

.owa-prepare-5 {
	font-size: 17px;
	line-height: 1.7;
	color: #cfc7dd;
	max-width: 720px;
	font-weight: 400;
}

.owa-trust-1 {
	padding: 96px 40px 0;
	background: #ffffff;
	border-top: 1px solid #e3e1e8;
}

.owa-trust-2 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 28px 24px;
}

.owa-trust-3 {
	border-top: 6px solid #f5b800;
	padding-top: 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.owa-trust-4 {
	font-size: 22px;
	line-height: 1.2;
	font-weight: 700;
	color: #26163f;
}

.owa-trust-5 {
	font-size: 15px;
	line-height: 1.5;
	color: #4a4854;
	font-weight: 400;
}

.owa-trust-6 {
	border: 1px solid #d8d6de;
	border-radius: 16px;
	padding: 36px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: center;
	text-align: center;
}

.owa-trust-7 {
	font-family: Merriweather, Georgia, serif;
	font-weight: 400;
	font-size: 24px;
	color: #1d1030;
}

.owa-trust-8 {
	font-size: 16px;
	line-height: 1.7;
	color: #4a4854;
	font-weight: 400;
}

.owa-trust-9 {
	margin: 44px -40px 0;
	background: #26163f;
	padding: 64px 40px;
}

.owa-trust-10 {
	max-width: 1160px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 24px;
	align-items: stretch;
}

.owa-trust-11 {
	display: flex;
	flex-direction: column;
	gap: 18px;
	background: #2f1d4d;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 14px;
	padding: 28px;
}

.owa-trust-12 {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 56px;
}

.owa-trust-13 {
	flex: none;
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: rgba(245,196,81,.12);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.owa-trust-14 {
	font-family: Merriweather,Georgia,serif;
	font-weight: 400;
	font-size: 19px;
	line-height: 1.35;
	color: #ffffff;
}

.owa-trust-15 {
	height: 1px;
	background: rgba(255,255,255,.1);
}

.owa-trust-16 {
	font-size: 16.5px;
	line-height: 1.5;
	color: #f5c451;
	font-weight: 600;
}

.owa-trust-17 {
	font-size: 15.5px;
	line-height: 1.7;
	color: #e9e4f2;
	font-weight: 400;
}

.owa-trust-18 {
	color: #f5c451 !important;
	text-decoration: underline !important;
}

.owa-trust-19 {
	margin-top: auto;
	padding-top: 14px;
	border-top: 1px solid rgba(255,255,255,0.14);
	font-size: 15px;
	line-height: 1.6;
	color: #e9e4f2;
}

.owa-trust-20 {
	color: #f5c451 !important;
}

.owa-trust-21 {
	max-width: 1160px;
	margin: 0 auto;
	padding: 52px 0 56px;
	display: flex;
	justify-content: center;
}

.owa-trust-22 {
	display: inline-flex !important;
	align-items: center !important;
	gap: 9px !important;
	min-height: 52px !important;
	padding: 0 30px !important;
	border-radius: 8px !important;
	background: #c73a30 !important;
	color: #ffffff !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
}

.owa-reviews-1 {
	padding: 24px 40px 96px;
	background: #ffffff;
}

.owa-reviews-2 {
	max-width: 1160px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.owa-reviews-3 {
	margin: 0;
	padding: 12px 14px;
	border-radius: 8px;
	border: 1.5px dashed #d99a00;
	background: #fff8e1;
	color: #7a5200;
	font-size: 14px;
	line-height: 1.5;
}

.owa-reviews-4 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 24px;
}

.owa-reviews-5 {
	display: flex;
	flex-direction: column;
	gap: 16px;
	background: #ffffff;
	border: 1px solid #e3e1e8;
	border-radius: 14px;
	padding: 26px;
}

.owa-reviews-6 {
	display: flex;
	gap: 3px;
}

.owa-reviews-7 {
	height: 1px;
	background: #e3e1e8;
}

.owa-reviews-8 {
	text-align: center;
	font-size: 14px;
	line-height: 1.6;
	color: #6b6878;
}

.owa-blog-1 {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px 40px;
}

.owa-blog-2 {
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 700px;
}

.owa-blog-3 {
	font-family: Merriweather, Georgia, serif;
	font-weight: 400;
	font-size: 38px;
	color: #1d1030;
	line-height: 1.25;
}

.owa-blog-4 {
	flex: none !important;
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-height: 48px !important;
	padding: 0 22px !important;
	border-radius: 999px !important;
	border: 1px solid #1d1030 !important;
	color: #1d1030 !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
}

.owa-blog-5 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr));
	gap: 28px;
	align-items: stretch;
}

.owa-blog-6 {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-end !important;
	min-height: 520px !important;
	border-radius: 24px !important;
	overflow: hidden !important;
	text-decoration: none !important;
	background: #1d1030 !important;
	box-shadow: 0 30px 60px -24px rgba(29,16,48,0.45) !important;
}

.owa-blog-7 {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.55;
}

.owa-blog-8 {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(29,16,48,0.05) 20%, rgba(29,16,48,0.95) 85%);
}

.owa-blog-9 {
	position: relative !important;
	padding: 40px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 14px !important;
}

.owa-blog-10 {
	display: flex !important;
	gap: 10px !important;
	align-items: center !important;
}

.owa-blog-11 {
	font-size: 11.5px !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	color: #1d1030 !important;
	background: #f5b800 !important;
	padding: 5px 11px !important;
	border-radius: 999px !important;
}

.owa-blog-12 {
	font-size: 13px !important;
	color: #d9d2e6 !important;
}

.owa-blog-13 {
	font-family: Merriweather, Georgia, serif !important;
	font-weight: 400 !important;
	font-size: 32px !important;
	color: #ffffff !important;
	line-height: 1.3 !important;
}

.owa-blog-14 {
	font-size: 16px !important;
	line-height: 1.7 !important;
	color: #e9e4f2 !important;
	font-weight: 400 !important;
	max-width: 540px !important;
}

.owa-blog-15 {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin-top: 6px !important;
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 500 !important;
}

.owa-blog-16 {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.owa-blog-17 {
	flex: 1 !important;
	display: grid !important;
	grid-template-columns: minmax(96px,150px) 1fr !important;
	gap: 18px !important;
	align-items: center !important;
	padding: 16px !important;
	border-radius: 18px !important;
	background: #ffffff !important;
	border: 1px solid #e2dcef !important;
	text-decoration: none !important;
}

.owa-blog-18 {
	height: 128px !important;
	border-radius: 12px !important;
	background: linear-gradient(150deg, #241640 0%, #3d2358 58%, #6a2f68 100%) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-family: Merriweather, Georgia, serif !important;
	font-size: 26px !important;
	letter-spacing: 0.08em !important;
	color: #d7b48b !important;
}

.owa-blog-19 {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
}

.owa-blog-20 {
	align-self: flex-start !important;
	font-size: 11px !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	color: #5b3fb0 !important;
	background: #ebe5f7 !important;
	padding: 4px 9px !important;
	border-radius: 999px !important;
}

.owa-blog-21 {
	font-size: 18px !important;
	font-weight: 500 !important;
	color: #1d1030 !important;
	line-height: 1.4 !important;
	margin: 0 !important;
}

.owa-blog-22 {
	font-size: 13px !important;
	color: #6a6776 !important;
}

.owa-faq-1 {
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 36px;
}

.owa-faq-2 {
	border-top: 1px solid #b9b6c2;
}

.owa-faq-3 {
	border-bottom: 1px solid #b9b6c2;
}

.owa-faq-4 {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
}

.owa-faq-5 {
	width: 100%;
	min-height: 60px;
	padding: 18px 0;
	border: 0;
	background: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	text-align: left;
	font-size: 17px;
	color: #1d1030;
}

.owa-faq-6 {
	font-size: 16px;
	line-height: 1.7;
	color: #1d1030;
	font-weight: 500;
}

.owa-faq-7 {
	display: flex;
	justify-content: center;
	margin-top: 6px;
}

.owa-foot-1 {
	font-size: 14.5px !important;
	color: #e9e4f2 !important;
	text-decoration: none !important;
	min-height: 44px !important;
	display: inline-flex !important;
	align-items: center !important;
}

.owa-cta-1 {
	position: relative;
	overflow: hidden;
	background: #2b1850;
}

.owa-cta-2 {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.3;
}

.owa-cta-3 {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(43,24,80,0.95) 0%, rgba(150,52,70,0.9) 60%, rgba(200,69,47,0.92) 100%);
}

.owa-cta-4 {
	position: relative;
	max-width: 760px;
	margin: 0 auto;
	padding: 84px 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 18px;
}

.owa-cta-5 {
	font-family: Merriweather, Georgia, serif;
	font-weight: 400;
	font-size: 40px;
	color: #ffffff;
	line-height: 1.25;
}

.owa-cta-6 {
	font-size: 18px;
	line-height: 1.65;
	color: #ffffff;
	max-width: 600px;
}

.owa-cta-7 {
	margin-top: 10px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 9px !important;
	min-height: 54px !important;
	padding: 0 34px !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	color: #b8342b !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	box-shadow: 0 8px 24px rgba(26,16,32,.28) !important;
}

.owa-foot-2 {
	padding: 44px 40px 32px;
	background: #1a1020;
}

.owa-foot-3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 12px 40px;
}

.owa-foot-4 {
	font-family: Merriweather, Georgia, serif;
	font-size: 20px;
	color: #ffffff;
}

.owa-foot-5 {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 28px;
}

.owa-foot-6 {
	height: 1px;
	background: rgba(255,255,255,.12);
}

.owa-foot-7 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px 40px;
	align-items: flex-start;
}

.owa-foot-8 {
	font-size: 13.5px;
	line-height: 1.7;
	color: #b9afce;
	max-width: 720px;
}

.owa-foot-9 {
	font-size: 13.5px;
	line-height: 1.7;
	color: #b9afce;
	max-width: 420px;
}

.owa-cookie-1 {
	background: #110a16;
	padding: 16px 24px;
	text-align: center;
}

.owa-cookie-2 {
	margin: 0;
	font-size: 13.5px;
	line-height: 1.6;
	color: #ffffff;
}

.owa-cookie-3 {
	color: #ffffff !important;
	text-decoration: underline !important;
}

/* ==========================================================================
   3. Client CSS (from index.html, unchanged)
   ========================================================================== */

body{margin:0;font-family:Inter,system-ui,sans-serif;background:#ffffff;color:#2b2b33}
a{color:#b8342b}a:hover{color:#8f261f}
h1,h2,h3,p{margin:0}
button{font-family:inherit;cursor:pointer}
.ph{border:1.5px dashed #b8342b;background:#fff6f5;color:#8f261f}
:root{--plum:#382852;--plum-deep:#281b40;--red:#ef4438;--cream:#f7f2ed;--gold:#d7b48b;--line:#d8b68a}
.hero *{box-sizing:border-box}
button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.hero{position:relative;color:#fff;overflow:hidden;background:radial-gradient(900px 560px at 80% 46%,rgba(215,180,139,.17),transparent 64%),radial-gradient(760px 480px at 4% -8%,rgba(132,82,168,.30),transparent 62%),linear-gradient(180deg,#1a1020 0%,#26163f 100%)}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}
.hero .container{width:min(1280px,calc(100% - 64px));margin:0 auto;position:relative}
.masthead{height:92px;display:flex;justify-content:space-between;align-items:center;gap:28px;border-bottom:1px solid rgba(255,255,255,.09)}
.brand{font-family:Merriweather,Georgia,serif;font-weight:700;font-size:22px;line-height:1.2;color:#fff;white-space:nowrap;text-decoration:none;letter-spacing:.01em}
.masthead nav{display:flex;align-items:center;gap:32px}
.masthead nav a{color:#e6ddf0;text-decoration:none;font-size:14px;letter-spacing:.02em;white-space:nowrap}
.masthead nav a:hover{color:var(--gold)}
.masthead .cta{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 20px;border:1px solid var(--gold);border-radius:999px;color:var(--gold);text-decoration:none;font-size:13.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap;transition:background .2s,color .2s}
.masthead .cta:hover{background:var(--gold);color:#1a1020}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:40px;align-items:center;min-height:680px;padding:44px 0 72px}
.copy{position:relative;z-index:2}
.hero-badge{display:inline-flex;align-items:center;gap:10px;margin:0 0 30px;padding:8px 8px 8px 16px;border-radius:999px;border:1px solid rgba(215,180,139,.45);background:rgba(215,180,139,.07)}
.hero-badge span{color:#f0e4d6;font-size:12.5px;font-weight:500;letter-spacing:.03em}
.hero-badge a{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;color:var(--gold);font-size:13px;font-weight:600;text-decoration:none;border-left:1px solid rgba(215,180,139,.4);white-space:nowrap;flex:none}
.hero-badge a:hover{color:#fff}
.hero h1{font-family:Merriweather,Georgia,serif;font-weight:400;font-size:clamp(40px,4.5vw,62px);line-height:1.08;letter-spacing:-.02em;max-width:640px;margin:0 0 20px;color:#fff;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--gold);white-space:nowrap}
.lead{font-size:clamp(18px,1.6vw,22px);line-height:1.4;margin:0 0 18px;color:#f3e9dd;max-width:560px;font-weight:500;letter-spacing:.005em}
.description{font-size:16.5px;line-height:1.7;color:#cfc7dd;max-width:540px;margin:0;font-weight:400}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px;align-items:center}
.actions a{display:inline-flex;align-items:center;min-height:58px;border-radius:6px;padding:0 26px;font-size:15px;font-weight:600;text-decoration:none;letter-spacing:.01em;transition:transform .2s,background .2s,filter .2s}
.primary{background:var(--red);color:#fff;border:1px solid var(--red);box-shadow:0 14px 30px -12px rgba(239,68,56,.6)}
.primary:hover{filter:brightness(.94);transform:translateY(-1px)}
.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}
.secondary:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.7)}
.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;margin:34px 0 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.14)}
.price .from{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600}
.price .amt{font-family:Merriweather,Georgia,serif;font-size:32px;line-height:1;color:#fff}
.price small{font-size:13.5px;color:#b9aecb;font-weight:400}
.proof{margin:22px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;color:#e6ddf0;font-size:13.5px;font-weight:500;line-height:1.35}
.proof li{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:0 14px;border-left:1px solid rgba(255,255,255,.14)}
.proof li:first-child{padding-left:0;border-left:0}
.proof .ico{width:38px;height:38px;border-radius:10px;border:1px solid rgba(215,180,139,.5);background:rgba(215,180,139,.09);display:inline-flex;align-items:center;justify-content:center;color:var(--gold)}
.stage{position:relative;height:620px;min-width:0;isolation:isolate}
.halo{position:absolute;z-index:-1;right:2%;top:40px;width:520px;height:520px;max-width:100%;border-radius:50%;background:radial-gradient(circle,rgba(215,180,139,.30) 0%,rgba(215,180,139,.08) 45%,transparent 70%);filter:blur(6px)}
.sheet{position:absolute;margin:0;background:#fff;border:1px solid rgba(215,180,139,.55);box-shadow:0 40px 80px -20px rgba(6,2,14,.7),0 8px 20px rgba(6,2,14,.35)}
.sheet img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.sheet--back{right:1%;top:36px;width:56%;aspect-ratio:3/4;transform:rotate(5deg);animation:drift 12s ease-in-out infinite}
.sheet--front{left:20%;top:92px;width:52%;aspect-ratio:3/4;transform:rotate(-3deg);animation:drift 12s ease-in-out -6s infinite;z-index:1}
.sheet--front:before{content:"";position:absolute;inset:-10px;border:1px solid rgba(215,180,139,.38);pointer-events:none}
.portrait{position:absolute;z-index:2;left:0;bottom:22px;width:34%;aspect-ratio:4/5;margin:0;border-radius:999px 999px 14px 14px;overflow:hidden;border:1px solid rgba(215,180,139,.6);background:linear-gradient(165deg,#5a3a86,#2a1a45);box-shadow:0 30px 60px -18px rgba(6,2,14,.75);animation:drift 14s ease-in-out -3s infinite}
.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.chip{position:absolute;z-index:3;width:max-content;max-width:210px;padding:12px 16px;border-radius:12px;background:rgba(26,16,32,.78);border:1px solid rgba(215,180,139,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 36px -14px rgba(6,2,14,.6);font-size:15px;line-height:1.25;font-weight:600;color:#fff}
.chip small{display:block;margin:0 0 4px;color:var(--gold);font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}
.chip--a{left:2%;top:108px}
.chip--b{right:0;bottom:96px}
.chip--c{left:33%;bottom:34px}
.stage-note{position:absolute;z-index:3;right:0;bottom:0;margin:0;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#a99cc4;font-weight:500}
@keyframes drift{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.copy>*{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
.copy>*:nth-child(2){animation-delay:.08s}.copy>*:nth-child(3){animation-delay:.16s}.copy>*:nth-child(4){animation-delay:.24s}.copy>*:nth-child(5){animation-delay:.32s}.copy>*:nth-child(6){animation-delay:.4s}.copy>*:nth-child(7){animation-delay:.48s}
@media(max-width:1100px){.masthead nav{gap:20px}.stage{height:560px}.chip{font-size:13.5px;padding:10px 13px}}
@media(max-width:900px){.hero .container{width:calc(100% - 40px)}.masthead{height:72px}.masthead nav{display:none}.brand{font-size:20px}.hero-grid{display:block;min-height:0;padding:32px 0 48px}.copy{padding:0 0 12px}.hero-badge{margin-bottom:22px}.hero h1{font-size:clamp(36px,9vw,48px)}.description{font-size:15.5px}.actions{margin-top:26px}.actions a{min-height:52px;padding:0 20px;font-size:14px}.price .amt{font-size:28px}.stage{height:480px;margin-top:32px}.sheet--back{width:54%;right:0}.sheet--front{width:50%;left:22%;top:80px}.portrait{width:32%}.chip--a{top:90px}.chip--b{bottom:80px}.chip--c{display:none}.halo{width:380px;height:380px}}
@media(max-width:470px){.proof{grid-template-columns:1fr;gap:12px}.proof li{flex-direction:row;align-items:center;gap:12px;padding:0;border-left:0}.masthead .cta{display:none}.hero h1{font-size:36px}.lead{font-size:17px}.proof{gap:8px 18px;font-size:13px}.stage{height:400px}.chip{max-width:150px;font-size:12px;padding:8px 10px}.chip small{font-size:8.5px}.chip--a{left:0;top:70px}.chip--b{bottom:62px}.sheet--front{top:60px;left:20%;width:54%}.stage-note{font-size:9px}.portrait{width:36%;bottom:14px}}
@media(prefers-reduced-motion:reduce){.sheet,.portrait,.copy>*{animation:none!important}.actions a,.masthead .cta{transition:none}}
.prep-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.prep-card{display:flex;flex-direction:column;background:#2f1d4d;border-radius:10px;overflow:hidden}.prep-top{padding:20px 20px 16px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-height:88px}.prep-top h3{font-family:Merriweather,Georgia,serif;font-weight:400;font-size:17px;line-height:1.3;color:#fff}.prep-body{margin:0 0 0 20px;background:#fff;padding:16px 18px 18px;flex:1}.prep-body p{font-size:14.5px;line-height:1.6;color:#4a4854}.prep-card--accent{background:#3a2460}.prep-top-row{display:flex;align-items:center;gap:12px}.prep-body a{display:flex;align-items:center;min-height:44px;margin-top:6px;font-weight:500;font-size:14.5px;color:#c93a2f;text-decoration:none}.prep-tag{display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#1a1020;background:#f5c451;border-radius:999px;padding:3px 9px}

/* ---- responsive layer ---- */
.swipe-hint{display:none;margin:0;text-align:center;font-size:13px;color:#6a6675}
.sec:not(#trust):not(#reviews){padding-top:72px!important;padding-bottom:72px!important}
#trust{padding-top:72px!important}
#reviews{padding-bottom:72px!important}
.read-fig{margin-top:60px!important}
.cta-inner{padding-top:64px!important;padding-bottom:64px!important}
@media(max-width:1240px){
.read-flow{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;max-width:520px;width:100%;margin:0 auto}
.read-arrow{transform:rotate(90deg);justify-self:center;margin-top:0!important}
}
@media(max-width:1024px){
.sec{padding-left:28px!important;padding-right:28px!important}
.sec:not(#trust):not(#reviews){padding-top:60px!important;padding-bottom:60px!important}
#trust{padding-top:60px!important}
#reviews{padding-bottom:60px!important}
.how-grid{grid-template-columns:minmax(0,1fr)!important;gap:44px!important}
.feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.trust-band{margin-left:-28px!important;margin-right:-28px!important;padding-left:28px!important;padding-right:28px!important}
.h2{font-size:32px!important}
}
@media(max-width:900px){.swipe-hint{display:block}}
@media(min-width:561px) and (max-width:900px){.stage{max-width:560px;margin-left:auto;margin-right:auto}}
@media(max-width:760px){
.sec{padding-left:20px!important;padding-right:20px!important}
.sec:not(#trust):not(#reviews){padding-top:48px!important;padding-bottom:48px!important}
#trust{padding-top:48px!important}
#reviews{padding-bottom:48px!important}
#reviews{padding-top:8px!important;padding-bottom:48px!important}
.read-panel{padding:20px 16px!important}
.how-visual>div[style*="left:6%"]{left:4%!important;width:88%!important}
.how-visual>div[style*="left:6%"] :is([style*="border-radius:9px"], .owa-how-19, .owa-how-21) svg{display:none}
.how-visual>div[style*="left:6%"] :is([style*="border-radius:9px"], .owa-how-19, .owa-how-21){padding:9px 4px!important}
.h2{font-size:28px!important;line-height:1.25!important}
.how-grid{gap:32px!important}
.price-grid{grid-template-columns:minmax(0,1fr)!important}
.price-cell{padding:36px 24px 32px!important}
.price-cell--r{border-left:0!important;border-top:1px solid rgba(255,255,255,.14)!important}
.price-amt{font-size:46px!important}
.trust-band{margin:36px -20px 0!important;padding:44px 20px!important}
.blog-lead{min-height:400px!important}
.blog-lead-body{padding:24px!important}
.blog-lead-body h3{font-size:24px!important}
.cta-inner{padding:64px 20px!important}
.foot{padding:36px 20px 28px!important}
.who-row{padding:20px 18px!important}
.route-t{border-spacing:8px 0!important;min-width:0!important}
.route-t th,.route-t td{padding-left:12px!important;padding-right:12px!important}
.route-t td{padding-top:14px!important;padding-bottom:14px!important}
.route-t a{font-size:13px!important;padding-left:8px!important;padding-right:8px!important;min-height:48px!important;text-align:center;justify-content:center}
}
@media(max-width:560px){
.feat-grid{grid-template-columns:minmax(0,1fr)!important}
}

#faq button{line-height:1.4}
@media(max-width:760px){
.how-visual{aspect-ratio:5/6!important}
.read-flow{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
.read-arrow{transform:rotate(90deg);justify-self:center;margin-top:0!important}
.read-fig{margin-top:60px!important}
[role=tablist][aria-label="Platform features"]{width:100%;box-sizing:border-box}
[role=tablist][aria-label="Platform features"] button{flex:1;padding:0 10px!important;font-size:14px!important;line-height:1.25}
.feat-grid>div{min-height:0!important;padding:28px 22px 30px!important}
.route-t th span:is([style*="border-radius: 999px"], .owa-platform-7, .owa-route-9, .owa-route-17, .owa-blog-4, .owa-blog-11, .owa-blog-20){border-radius:14px!important;line-height:1.35}
.prep-top{min-height:0!important;gap:10px!important}
.stat-grid>div:last-child{grid-column:1/-1}
.stat-v{font-size:20px!important}
.blog-card{grid-template-columns:72px minmax(0,1fr)!important;gap:14px!important;align-items:start!important}
.blog-thumb{height:72px!important;font-size:14px!important}
.blog-card span{letter-spacing:.06em!important}
.blog-card span:is([style*="font-size: 18px"], .owa-pricing-20, .owa-blog-21, .owa-cta-6){font-size:16.5px!important}
.swipe-hint{display:none!important}
.cmp-t{min-width:0!important;display:block}
.cmp-t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cmp-t tbody,.cmp-t tr,.cmp-t th,.cmp-t td{display:block}
.cmp-t tr{border-bottom:1px solid #d9d2e6;padding:6px 0 10px}
.cmp-t tr:last-child{border-bottom:0}
.cmp-t th[scope=row]{padding:16px 18px 6px!important;font-size:16px!important}
.cmp-t td{padding:10px 18px!important;border-left:0!important;border-right:0!important}
.cmp-t td:before{display:block;margin-bottom:6px;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#6a6675}
.cmp-t td:nth-of-type(1):before{content:"Direct through ADJD or DIFC"}
.cmp-t td:nth-of-type(2):before{content:"UAE law firms and Will-writing services"}
.cmp-t td:nth-of-type(3):before{content:"Online Wills Advisor";color:#5b3fb0}
.cmp-t td:nth-of-type(3){background:#f7f5fb!important;border-radius:10px;margin:0 10px}
}

/* ---- mobile menu ---- */
.masthead{position:relative}
.menu-btn{display:none;flex:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(215,180,139,.55);border-radius:999px;background:transparent;color:#d7b48b;cursor:pointer}
.menu-btn .ico-close{display:none}
.menu-btn[aria-expanded="true"] .ico-open{display:none}
.menu-btn[aria-expanded="true"] .ico-close{display:block}
.menu-panel{display:none!important}
@media(max-width:900px){
.masthead{gap:12px}
.masthead .brand{margin-right:auto}
.menu-btn{display:inline-flex}
.menu-panel[data-open="true"]{display:flex!important;flex-direction:column;position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;padding:8px;border:1px solid rgba(215,180,139,.35);border-radius:16px;background:#1f1230;box-shadow:0 28px 60px -20px rgba(6,2,14,.85)}
.menu-panel nav{display:flex;flex-direction:column;align-items:stretch;gap:0}
.menu-panel nav a{display:flex;align-items:center;min-height:52px;padding:0 16px;color:#e6ddf0;text-decoration:none;font-size:16px;border-bottom:1px solid rgba(255,255,255,.07)}
.menu-panel nav a:last-child{border-bottom:0}
.menu-panel .menu-cta{display:flex;align-items:center;justify-content:center;min-height:50px;margin:8px 8px 6px;border-radius:999px;background:#c73a30;color:#fff;text-decoration:none;font-weight:600;font-size:15px}
}
/* ---- sticky nav bar ---- */
.site-bar{position:sticky;top:0;z-index:50;height:92px;margin-bottom:-92px;color:#fff;background:rgba(26,16,32,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.09)}
.site-bar *{box-sizing:border-box}
.site-bar .masthead{width:min(1280px,calc(100% - 64px));margin:0 auto;border-bottom:0}
.site-bar .brand{color:#ffffff!important}
.masthead .cta{background:#c73a30;border-color:#c73a30;color:#ffffff}
.masthead .cta:hover{background:#a82f27;border-color:#a82f27;color:#ffffff}
.hero .container{padding-top:92px}
.sec,#start{scroll-margin-top:84px}
@media(max-width:900px){
.site-bar{height:72px;margin-bottom:-72px}
.site-bar .masthead{width:calc(100% - 40px)}
.hero .container{padding-top:72px}
.sec,#start{scroll-margin-top:64px}
}

/* ==========================================================================
   4. WordPress additions
   ========================================================================== */

/* Home page wrapper: keep the client's sections stacked exactly as before. */
.homepage-layout {
	display: flex;
	flex-direction: column;
}

/* Keep the sticky nav bar below the WordPress admin bar when logged in. */
.admin-bar .site-bar {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .site-bar {
		top: 46px;
	}
}

@media screen and (max-width: 600px) {
	.admin-bar .site-bar {
		top: 0;
	}
}

/* Header menu (Appearance > Menus): the current page's link, in the client's hover colour. */
.site-bar nav a[aria-current="page"] {
	color: var(--gold);
}

/* Footer widget areas: match the client's footer paragraphs. */
.foot-widgets {
	font-size: 13.5px;
	line-height: 1.7;
	color: #b9afce;
}

.foot-widgets-about {
	max-width: 720px;
}

.foot-widgets-legal {
	max-width: 420px;
}

.foot-widgets p,
.foot-widgets ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.foot-widgets a {
	color: #e9e4f2;
}

.foot-widgets .widget + .widget {
	margin-top: 12px;
}

.foot-widgets .widget-title {
	margin: 0 0 6px;
	font-family: Merriweather, Georgia, serif;
	font-size: 15px;
	font-weight: 400;
	color: #ffffff;
}