/* ==========================================================================
   Webnaa — brand layer on top of GeneratePress + GenerateBlocks.
   Values mirror the original webnaa.com build (Tailwind scale):
   container 1120px · section 72px · display 48/60px · text 14/16/18px.
   ========================================================================== */

/* ---------- Fonts (self-hosted) ---------- */
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/plex-arabic-400-ar.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/plex-arabic-400-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/plex-arabic-500-ar.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/plex-arabic-500-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/plex-arabic-600-ar.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/plex-arabic-600-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/plex-arabic-700-ar.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/plex-arabic-700-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 400 800; font-display: swap; src: url(../fonts/manrope-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Instrument Serif"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/instrument-serif-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ---------- Tokens ---------- */
:root {
	--wn-ink: #0b1215;
	--wn-ink-deep: #0f171b;
	--wn-primary: #446e7d;
	--wn-primary-deep: #375a66;
	--wn-bronze: #c4a574;
	--wn-bronze-deep: #6b542c;
	--wn-mist: #e6eaec;
	--wn-paper: #f4f7f8;
	--wn-font: "IBM Plex Sans Arabic", "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
	--wn-display: "IBM Plex Sans Arabic", "Manrope", system-ui, sans-serif;
	--wn-display-weight: 600;
	--wn-display-track: 0;
}
html[lang^="en"] {
	/* The original English build renders body text in the system UI stack; only display headings use Instrument Serif. */
	--wn-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--wn-display: "Instrument Serif", Georgia, serif;
	--wn-display-weight: 400;
	--wn-display-track: -.02em;
}

/* ---------- Base ---------- */
[class*="wn-"], [class*="wn-"]::before, [class*="wn-"]::after { box-sizing: border-box; }
html, body { overflow-x: clip; }
body, button, input, select, textarea, .main-navigation a, h1, h2, h3, h4, h5, h6 { font-family: var(--wn-font); }
body { color: var(--wn-ink); background: #fff; font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { color: inherit; line-height: 1.25; letter-spacing: 0; margin: 0; }
.entry-content p, .wn-page p { margin: 0; }
a { color: var(--wn-primary); }
:focus-visible { outline: 2px solid var(--wn-primary); outline-offset: 2px; }
img { height: auto; }

.wn-page .site-content { display: block; padding: 0; }
.wn-page .inside-article, .wn-page .entry-content, .wn-page.one-container .site-content { padding: 0; margin: 0; }
.wn-page .entry-content > * { margin-top: 0; margin-bottom: 0; }
.wn-page .entry-header { display: none; }
/* <main class="pb-8 sm:pb-12 md:pb-16"> */
.wn-page .site-main { margin: 0; padding: 0 0 32px; }
@media (min-width: 640px) { .wn-page .site-main { padding-bottom: 48px; } }
@media (min-width: 768px) { .wn-page .site-main { padding-bottom: 64px; } }

/* ---------- Layout ---------- */
.wn-container { width: min(1120px, calc(100% - 1.5rem)); margin-inline: auto; }
@media (min-width: 640px) { .wn-container { width: min(1120px, calc(100% - 2rem)); } }
.wn-section { padding-block: 44px; }
.wn-section-tight { padding-block: 32px; }
@media (min-width: 768px) { .wn-section { padding-block: 72px; } .wn-section-tight { padding-block: 52px; } }
.wn-wash { background: linear-gradient(rgba(243, 246, 247, .2), rgba(232, 238, 240, .9)), radial-gradient(800px 400px at 100% 0, rgba(68, 110, 125, .08), transparent 60%); }
.wn-ink { background: var(--wn-ink); color: #fff; }
.wn-ink h2, .wn-ink h3 { color: #fff; }
.wn-border-y { border-block: 1px solid rgba(11, 18, 21, .1); }
.wn-max-2xl { max-width: 672px; }
.wn-max-3xl { max-width: 768px; }
.wn-center { text-align: center; }
.wn-center .wn-lead { margin-inline: auto; }

/* ---------- Type ---------- */
.wn-display { font-family: var(--wn-display); font-weight: var(--wn-display-weight); letter-spacing: var(--wn-display-track); }
.wn-h2 { font-size: 30px; line-height: 36px; color: var(--wn-ink); }
.wn-h1 { font-size: 36px; line-height: 40px; color: var(--wn-ink); }
@media (min-width: 768px) {
	.wn-h2 { font-size: 48px; line-height: 1; }
	.wn-h1 { font-size: 60px; line-height: 1; }
}
.wn-h2--loose { line-height: 1.25 !important; }
.wn-ink .wn-h2, .wn-ink .wn-h1, .wn-page-hero .wn-h1 { color: #fff; }
.wn-lead { margin-top: 12px !important; font-size: 16px; line-height: 28px; color: rgba(11, 18, 21, .7); }
@media (min-width: 768px) { .wn-lead { margin-top: 16px !important; font-size: 18px; line-height: 32px; } }
.wn-ink .wn-lead { color: rgba(255, 255, 255, .7); }
.wn-eyebrow { font-size: 12px; line-height: 16px; text-transform: uppercase; letter-spacing: .2em; color: var(--wn-primary); }
.wn-eyebrow + .wn-h1 { margin-top: 12px; }
@media (min-width: 768px) { .wn-eyebrow + .wn-h1 { margin-top: 16px; } }
.wn-textlink { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--wn-primary); text-decoration: none; flex-shrink: 0; }
.wn-textlink:hover { color: var(--wn-primary-deep); }

/* ---------- Buttons (h-12 px-6 rounded-sm text-sm font-semibold) ---------- */
.wn-btns { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 32px; }
.wn-center .wn-btns { justify-content: center; }
.wn-btn {
	display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 24px;
	border-radius: 4px; border: 0; background: var(--wn-primary); color: #fff !important;
	font-size: 14px; line-height: 20px; font-weight: 600; text-decoration: none !important; cursor: pointer;
	transition: background-color .15s ease, color .15s ease;
}
.wn-btn:hover, .wn-btn:focus { background: var(--wn-primary-deep); color: #fff !important; }
.wn-btn--white { background: #fff; color: var(--wn-ink) !important; }
.wn-btn--white:hover, .wn-btn--white:focus { background: var(--wn-paper); color: var(--wn-ink) !important; }
.wn-btn--glass { background: rgba(0, 0, 0, .15); border: 1px solid rgba(255, 255, 255, .4); backdrop-filter: blur(2px); }
.wn-btn--glass:hover, .wn-btn--glass:focus { background: rgba(255, 255, 255, .1); }
.wn-btn--outline { background: transparent; border: 1px solid rgba(11, 18, 21, .15); color: var(--wn-ink) !important; }
.wn-btn--outline:hover, .wn-btn--outline:focus { background: var(--wn-paper); color: var(--wn-ink) !important; }
.wn-btn--sm { height: 44px; padding: 0 20px; }
.wn-btn--block { width: 100%; }

/* ---------- Top bar (h-8 sm:h-9, text-[11px] sm:text-xs) ---------- */
.wn-topbar { background: var(--wn-ink); color: #fff; border-bottom: 1px solid rgba(11, 18, 21, .08); }
.wn-topbar__inner { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 32px; font-size: 11px; line-height: 16.5px; letter-spacing: .025em; }
@media (min-width: 640px) { .wn-topbar__inner { height: 36px; font-size: 12px; line-height: 16px; } }
.wn-topbar p { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: .9; }
.wn-topbar p.wn-topbar__offer { opacity: 1; font-weight: 500; color: var(--wn-bronze); }

/* ---------- Header (h-14 md:h-16) ----------
   Original: <header class="sticky top-0"> holds the top bar + main row; once the page scrolls it
   gets border-b border-ink/10 bg-mist/95 backdrop-blur-md. Here the top bar (GP element) and the
   header are sibling sticky blocks, and assets/js/webnaa.js toggles html.wn-scrolled. */
.wn-topbar { position: sticky; top: 0; z-index: 51; }
.site-header { position: sticky; top: 32px; z-index: 50; background: #fff; border: 0; transition: background-color .3s, border-color .3s; }
@media (min-width: 640px) { .site-header { top: 36px; } }
@media (min-width: 783px) {
	.admin-bar .wn-topbar { top: 32px; }
	.admin-bar .site-header { top: 68px; }
}
.wn-scrolled .site-header, .wn-menu-open .site-header {
	background: rgba(243, 246, 247, .95); border-bottom: 1px solid rgba(11, 18, 21, .1);
	-webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
.site-header .inside-header {
	width: min(1120px, calc(100% - 1.5rem)); max-width: none; margin-inline: auto; padding: 0 !important;
	height: 56px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 12px;
}
@media (min-width: 640px) { .site-header .inside-header { width: min(1120px, calc(100% - 2rem)); } }
@media (min-width: 768px) { .site-header .inside-header { height: 64px; } }
.site-header .site-logo { order: 0; margin: 0 !important; flex-shrink: 0; line-height: 0; }
.site-header .site-logo a { display: inline-flex; align-items: center; }
.site-header .header-image, .site-logo img { height: 36px !important; width: auto !important; max-width: min(52vw, 11.5rem); object-fit: contain; }
@media (min-width: 640px) { .site-header .header-image, .site-logo img { height: 40px !important; max-width: 12.5rem; } }
@media (min-width: 768px) { .site-header .header-image, .site-logo img { height: 44px !important; max-width: 13.5rem; } }

/* Desktop: logo | centered menu | language + CTA (flex justify-between, as on the original). */
@media (min-width: 1024px) {
	.site-header .inside-header { gap: 0; }
	.site-header #site-navigation { order: 1; flex: 1 1 auto; margin: 0 !important; background: transparent; }
	.site-header #site-navigation .inside-navigation { display: flex; align-items: center; width: 100%; max-width: none; padding: 0; margin: 0; }
	.site-header #site-navigation .menu-toggle { display: none; }
	.site-header #primary-menu { flex: 1 1 auto; display: flex; justify-content: center; padding-inline: 12px; }
	.site-header #primary-menu > ul { display: flex; align-items: center; gap: 24px; }
	.site-header #primary-menu > ul > li { float: none; }
	.main-navigation .main-nav ul li a,
	.main-navigation .main-nav ul li[class*="current-menu-"] > a {
		padding: 0 !important; line-height: 20px !important; font-size: 14px; font-weight: 500; color: rgba(11, 18, 21, .8);
		background-image: linear-gradient(currentColor, currentColor); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 1px;
		transition: background-size .35s, color .15s; box-shadow: none;
	}
	html[dir="rtl"] .main-navigation .main-nav ul li a { background-position: 100% 100%; }
	.main-navigation .main-nav ul li a:hover { color: var(--wn-ink); background-size: 100% 1px; background-color: transparent; }
	.site-header .menu-bar-items { margin: 0; flex-shrink: 0; }
	.hide-on-desktop, .wn-mctl, .wn-mnav { display: none !important; }
}
@media (min-width: 1280px) { .site-header #primary-menu > ul { gap: 28px; } }

/* Language switch (h-9 px-3) + CTA (h-10 px-4): text centered inside the button box. */
.wn-header-cta { display: flex; align-items: center; gap: 12px; }
.wn-lang, .wn-menu-lang__link,
.main-navigation .menu-bar-items .wn-lang,
.main-navigation .menu-bar-items .wn-header-cta .wn-btn {
	display: inline-flex; align-items: center; justify-content: center; white-space: nowrap;
}
.wn-header-cta .wn-btn { height: 40px; padding: 0 16px; border-radius: 4px; }
.wn-lang, .wn-menu-lang__link {
	height: 36px; padding: 0 12px; border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, .2); color: #000 !important; font-size: 14px; line-height: 20px; font-weight: 500;
	text-decoration: none !important; text-transform: none !important; letter-spacing: 0 !important; background: transparent;
	transition: background-color .15s;
}
.wn-lang:hover, .wn-lang:focus { background: rgba(255, 255, 255, .1); }

/* Mobile / tablet header: language switch + menu button, drop-down panel under the header. */
@media (max-width: 1023.98px) {
	.site-header #site-navigation, .site-header .mobile-menu-control-wrapper { display: none !important; }
}
.wn-mctl { display: flex; align-items: center; gap: 8px; }
.wn-lang--mobile { background: rgba(243, 246, 247, .95); color: var(--wn-ink) !important; border-color: rgba(11, 18, 21, .2); }
.wn-lang--mobile:hover, .wn-lang--mobile:focus { background: var(--wn-paper); }
.wn-mtoggle, .wn-mtoggle:hover, .wn-mtoggle:focus {
	display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0;
	border: 1px solid rgba(11, 18, 21, .15); border-radius: 4px; background: transparent; color: var(--wn-ink); cursor: pointer;
}
.wn-mtoggle svg { display: block; }
.wn-mtoggle .wn-mtoggle__close, .wn-mtoggle[aria-expanded="true"] .wn-mtoggle__open { display: none; }
.wn-mtoggle[aria-expanded="true"] .wn-mtoggle__close { display: block; }
.wn-mnav {
	/* In the header flow (pushes the page down, as on the original), full bleed. */
	order: 10; flex: 0 0 auto; width: 100vw; margin-inline: calc(50% - 50vw); max-height: min(78svh, 36rem); overflow-y: auto;
	border-top: 1px solid rgba(11, 18, 21, .1); background: #f3f6f7; color: var(--wn-ink);
}
@media (max-width: 1023.98px) {
	.site-header .inside-header { flex-wrap: wrap; row-gap: 0; height: auto; }
	.site-header .site-logo, .wn-mctl { height: 56px; display: flex; align-items: center; }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
	.site-header .site-logo, .wn-mctl { height: 64px; }
}
.wn-mnav[hidden] { display: none; }
.wn-mnav__inner { display: grid; gap: 12px; padding: 10px 0 16px; }
.wn-mnav__title { margin: 0; padding: 0 4px; font-size: 11px; line-height: 16.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .16em; color: rgba(11, 18, 21, .65); }
.wn-mnav__list { display: grid; gap: 0; margin: 4px 0 0; padding: 0; list-style: none; }
.wn-mnav__list li { margin: 0; }
.wn-mnav__link { display: flex; align-items: center; padding: 6px 10px; border-radius: 6px; font-size: 15px; line-height: 22.5px; font-weight: 500; color: var(--wn-ink) !important; text-decoration: none !important; }
.wn-mnav__link:hover, .wn-mnav__link:focus { background: var(--wn-paper); }
.wn-mnav__link--sm { font-size: 14px; line-height: 20px; font-weight: 400; color: rgba(11, 18, 21, .8) !important; }
.wn-mnav__link--sm:hover { color: var(--wn-ink) !important; }
.wn-mnav__sec { border-top: 1px solid rgba(11, 18, 21, .1); padding-top: 10px; }
.wn-mnav__contact { margin-top: 6px; padding: 0 4px; }
.wn-mnav__addr { margin: 0; font-size: 14px; line-height: 20px; color: rgba(11, 18, 21, .65); }
.wn-mnav__clist { display: grid; gap: 6px; margin: 6px 0 0; padding: 0; list-style: none; }
.wn-mnav__clist li { margin: 0; }
.wn-mnav__citem { display: flex; width: 100%; min-width: 0; align-items: center; gap: 8px; padding: 6px 4px; border-radius: 6px; color: rgba(11, 18, 21, .85) !important; text-decoration: none !important; transition: color .15s; }
.wn-mnav__citem:hover { color: var(--wn-ink) !important; }
.wn-mnav__ico { display: grid; place-items: center; flex-shrink: 0; width: 28px; height: 28px; border-radius: 999px; border: 1px solid rgba(11, 18, 21, .1); background: rgba(11, 18, 21, .05); color: var(--wn-ink); }
.wn-mnav__ico svg { width: 14px; height: 14px; }
.wn-mnav__val { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: .025em; }
.wn-mnav__cta { display: flex; flex-direction: column; gap: 8px; }
.wn-btn--mnav { height: 40px; padding: 0 16px; }

/* ---------- Audio bar (mirrors /media/audio/audio-bar.js) ---------- */
.wnb-audiobar { background: #e8eef0; border-bottom: 1px solid #dde5e7; font-family: "IBM Plex Sans Arabic", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
.wnb-audiobar * { box-sizing: border-box; }
.wnb-inner { width: 100%; max-width: 1180px; margin: 0 auto; padding: 10px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.wnb-text { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.wnb-text strong { font-size: 14px; line-height: 1.5; font-weight: 700; color: #0b1215; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wnb-text span { font-size: 12px; line-height: 1.5; color: #5b6b70; }
.wnb-player { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.wnb-toggle { width: 34px; height: 34px; border-radius: 50%; background: #446e7d; color: #fff; border: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; transition: background .2s ease, transform .15s ease; padding: 0; }
.wnb-toggle:hover, .wnb-toggle:focus { background: #375a66; transform: translateY(-1px); color: #fff; }
.wnb-toggle svg { display: block; }
.wnb-toggle [hidden] { display: none; }
.wnb-time { font-size: 12px; line-height: 1.5; color: #5b6b70; font-variant-numeric: tabular-nums; min-width: 74px; direction: ltr; }
@media (max-width: 640px) {
	.wnb-text span { display: none; }
	.wnb-text strong { font-size: 13px; }
	.wnb-inner { padding-block: 8px; }
	.wnb-time { min-width: 68px; font-size: 11px; }
}

/* ---------- Home hero ---------- */
.wn-hero {
	position: relative; overflow: hidden; color: #fff; isolation: isolate;
	background: radial-gradient(1200px 600px at 70% 20%, rgba(68, 110, 125, .35), transparent 60%), radial-gradient(900px 500px at 10% 80%, rgba(168, 137, 90, .18), transparent 55%), linear-gradient(160deg, #0b1215 0%, #152229 45%, #1d333c 100%);
}
.wn-hero__bg { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; object-position: 50% 40%; filter: brightness(1.18) contrast(1.06) saturate(1.06); z-index: -3; }
.wn-hero::before {
	content: ""; position: absolute; inset: -22% -18%; z-index: -2; opacity: .16; filter: blur(24px); pointer-events: none;
	background-image: radial-gradient(32% 18% at 18% 42%, rgba(236, 244, 246, .34), transparent 72%), radial-gradient(40% 22% at 58% 66%, rgba(213, 229, 233, .24), transparent 74%), radial-gradient(28% 16% at 88% 34%, rgba(243, 247, 248, .2), transparent 72%);
}
.wn-hero::after {
	content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
	background: linear-gradient(to right, rgba(11, 18, 21, .2), transparent, rgba(11, 18, 21, .08)), linear-gradient(to top, rgba(11, 18, 21, .48), rgba(11, 18, 21, .12), transparent), linear-gradient(rgba(11, 18, 21, .1), rgba(11, 18, 21, .1));
}
.wn-hero__grid { display: grid; align-items: end; gap: 24px; padding: 56px 0 64px; min-height: calc(100svh - 5.5rem); }
@media (min-width: 768px) {
	.wn-hero__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: center; gap: 32px; padding: 112px 0; min-height: calc(100svh - 6.25rem); }
	.wn-hero__text { grid-column: span 7 / span 7; }
	.wn-hero__aside-wrap { grid-column: span 5 / span 5; justify-content: flex-end !important; align-self: center; }
}
.wn-hero__eyebrow { font-size: 12px; line-height: 16px; font-weight: 500; text-transform: uppercase; letter-spacing: .22em; color: rgba(255, 255, 255, .8); }
.wn-hero__h1 { margin-top: 16px !important; max-width: 768px; font-weight: inherit; }
.wn-hero__title {
	display: block; font-family: var(--wn-display); font-weight: var(--wn-display-weight); letter-spacing: var(--wn-display-track);
	font-size: 48px; line-height: 1.05; color: #fff; text-shadow: 0 2px 12px rgba(0, 0, 0, .35);
}
.wn-hero__tagline { display: block; margin-top: 16px; max-width: 672px; font-size: 20px; line-height: 1.625; font-weight: 500; color: #fff; }
@media (min-width: 640px) { .wn-hero__title { font-size: 60px; } .wn-hero__tagline { font-size: 24px; } }
@media (min-width: 768px) { .wn-hero__title { font-size: 72px; } .wn-hero__tagline { font-size: 30px; } }
@media (min-width: 1024px) { .wn-hero__title { font-size: 96px; } }
.wn-hero__lead { margin-top: 20px !important; max-width: 576px; font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, .85); }
@media (min-width: 768px) { .wn-hero__lead { font-size: 18px; line-height: 32px; } }
.wn-hero__aside-wrap { display: flex; justify-content: center; }
.wn-hero__aside { width: 100%; max-width: 200px; }
@media (min-width: 640px) { .wn-hero__aside { max-width: 240px; } }
@media (min-width: 768px) { .wn-hero__aside { max-width: 340px; } }
@media (min-width: 1024px) { .wn-hero__aside { max-width: 380px; } }
.wn-hero__map { border-radius: 16px; border: 1px solid rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .08); padding: 16px; backdrop-filter: blur(10px); box-shadow: 0 10px 28px -18px rgba(0, 0, 0, .45); }
@media (min-width: 768px) { .wn-hero__map { padding: 24px; } }
.wn-hero__map img { display: block; width: 100%; height: auto; user-select: none; }

/* ---------- Home: pricing band ---------- */
.wn-pricing { position: relative; z-index: 1; background: var(--wn-ink); color: #fff; border-block: 1px solid rgba(11, 18, 21, .1); }
.wn-pricing__inner { padding-block: 48px; }
@media (min-width: 768px) { .wn-pricing__inner { padding-block: 64px; } }
.wn-pricing__title { text-align: center; font-size: 18px; line-height: 28px; font-weight: 600; }
@media (min-width: 768px) { .wn-pricing__title { font-size: 20px; } }
.wn-pricing__more { margin-top: 20px !important; text-align: center; }
.wn-pricing__more a { font-size: 14px; line-height: 20px; font-weight: 500; color: rgba(255, 255, 255, .7); text-decoration: none; text-underline-offset: 4px; }
.wn-pricing__more a:hover { color: #fff; text-decoration: underline; }

/* ---------- Home: features ---------- */
.wn-fgrid { display: grid; gap: 24px; margin-top: 32px; }
@media (min-width: 640px) { .wn-fgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 768px) { .wn-fgrid { gap: 32px; margin-top: 40px; } }
.wn-feat { border-top: 1px solid rgba(11, 18, 21, .15); padding-top: 20px; }
.wn-feat__num { font-size: 12px; line-height: 16px; letter-spacing: .18em; color: var(--wn-primary); }
.wn-feat__title { margin-top: 8px !important; font-size: 20px; line-height: 28px; font-weight: 600; color: var(--wn-ink); }
.wn-feat__text { margin-top: 8px !important; font-size: 14px; line-height: 24px; color: rgba(11, 18, 21, .7); }

/* ---------- Home: process steps ---------- */
.wn-steps { display: grid; gap: 16px; margin-top: 32px; }
@media (min-width: 640px) { .wn-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 768px) { .wn-steps { margin-top: 40px; } }
@media (min-width: 1024px) { .wn-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } }
.wn-step { position: relative; border: 1px solid rgba(255, 255, 255, .1); padding: 20px; margin: 0; }
.wn-step__num { font-size: 14px; line-height: 20px; color: var(--wn-bronze); }
.wn-step__title { margin-top: 12px !important; font-size: 18px; line-height: 28px; font-weight: 600; color: #fff; }
.wn-step__text { margin-top: 8px !important; font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, .65); }

/* ---------- Samples (model cards) ---------- */
.wn-samples-head { display: flex; flex-direction: column; gap: 12px; }
@media (min-width: 768px) { .wn-samples-head { flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 24px; } }
.wn-mgrid { display: grid; gap: 16px; margin-top: 32px; }
@media (min-width: 640px) { .wn-mgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 768px) { .wn-mgrid { gap: 20px; margin-top: 40px; } }
.wn-mcard { position: relative; display: flex; min-height: 200px; overflow: hidden; background: var(--wn-ink); color: #fff !important; text-decoration: none !important; }
@media (min-width: 768px) { .wn-mcard { min-height: 220px; } }
.wn-mcard::before { content: ""; position: absolute; inset: 0; opacity: .6; transition: transform .7s ease; background: var(--wn-grad); }
.wn-mcard:hover::before { transform: scale(1.05); }
.wn-mcard__body { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; width: 100%; padding: 24px; }
.wn-mcard__tag { font-size: 12px; line-height: 16px; text-transform: uppercase; letter-spacing: .18em; color: rgba(255, 255, 255, .6); }
.wn-mcard__title { margin-top: 8px !important; font-size: 24px; line-height: 32px; font-weight: 600; color: #fff; }
.wn-mcard__sub { margin-top: 6px !important; font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, .75); }
.wn-grad-1 { --wn-grad: linear-gradient(135deg, #14181b, #3a4349 70%, #6b4a2e); }
.wn-grad-2 { --wn-grad: linear-gradient(135deg, #0d4a47, #2f8f82); }
.wn-grad-3 { --wn-grad: linear-gradient(135deg, #2a1b12, #a8431f); }
.wn-grad-4 { --wn-grad: linear-gradient(135deg, #10231d, #1f3d33 60%, #7a6036); }

/* Models page cards */
.wn-mpage-grid { display: grid; gap: 16px; margin-top: 32px; }
@media (min-width: 768px) { .wn-mpage-grid { gap: 20px; margin-top: 40px; } }
@media (min-width: 1024px) { .wn-mpage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.wn-mpage { position: relative; min-height: 260px; overflow: hidden; color: #fff; }
@media (min-width: 768px) { .wn-mpage { min-height: 300px; } }
.wn-mpage.wn-grad-1 { background: linear-gradient(to bottom right, #14181b, #3a4349 70%, #6b4a2e); }
.wn-mpage.wn-grad-2 { background: linear-gradient(to bottom right, #0d4a47, #2f8f82); }
.wn-mpage.wn-grad-3 { background: linear-gradient(to bottom right, #2a1b12, #a8431f); }
.wn-mpage.wn-grad-4 { background: linear-gradient(to bottom right, #10231d, #1f3d33 60%, #7a6036); }
.wn-mpage__body { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 32px; gap: 24px; }
@media (min-width: 768px) { .wn-mpage__body { padding: 40px; } }
.wn-mpage__title { font-size: 30px; line-height: 36px; font-weight: 600; color: #fff; }
@media (min-width: 768px) { .wn-mpage__title { font-size: 36px; line-height: 40px; } }
.wn-mpage__sub { margin-top: 8px !important; font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, .75); }
.wn-mpage__desc { margin-top: 20px !important; max-width: 448px; font-size: 14px; line-height: 28px; color: rgba(255, 255, 255, .8); }
.wn-mpage .wn-btn { margin-top: 32px; height: 44px; padding: 0 20px; }

/* ---------- Home: about band ---------- */
.wn-split { display: grid; align-items: center; gap: 32px; }
@media (min-width: 768px) { .wn-split { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; } }
.wn-split .wn-textlink { display: inline-flex; margin-top: 24px; }
.wn-build { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 4px; background: var(--wn-paper); }
.wn-build__inner { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: 20px; background: var(--wn-ink-deep); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04); }
@media (min-width: 768px) { .wn-build__inner { padding: 28px; } }
.wn-build__label { margin-bottom: 12px !important; font-size: 11px; line-height: 16.5px; font-weight: 500; text-transform: uppercase; letter-spacing: .18em; color: rgba(255, 255, 255, .7); }
.wn-build__svg { position: relative; flex: 1 0 auto; width: 100%; max-width: 420px; margin-inline: auto; min-height: 0; }
.wn-build__svg svg { width: 100%; height: 100%; display: block; }
.wn-build__bar { margin-top: 12px; height: 2px; overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, .1); }
.wn-build__bar span { display: block; height: 100%; background: var(--wn-primary); }

/* ---------- Page intros ---------- */
.wn-page-hero { position: relative; overflow: hidden; color: #fff; isolation: isolate; background: linear-gradient(160deg, #0b1215 0%, #152229 45%, #1d333c 100%); }
.wn-page-hero__bg { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; object-position: center; z-index: -2; border-radius: 0 !important; }
.wn-page-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, #0b1215, rgba(11, 18, 21, .55), rgba(68, 110, 125, .2)), linear-gradient(rgba(11, 18, 21, .6), rgba(11, 18, 21, .6)); }
.wn-page-hero .wn-eyebrow { color: rgba(255, 255, 255, .7); }
.wn-page-hero .wn-lead { color: rgba(255, 255, 255, .75); }
.wn-page-hero .wn-demo-note + .wn-eyebrow { margin-top: 12px; }

/* ---------- Services page ---------- */
.wn-ico { display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; border-radius: 999px; border: 1px solid rgba(68, 110, 125, .2); background: rgba(68, 110, 125, .08); color: var(--wn-primary); }
.wn-ico svg { width: 20px; height: 20px; }
.wn-ico--sm { width: 40px; height: 40px; }
.wn-note { margin: 24px auto 0 !important; max-width: 576px; text-align: center; font-size: 14px; line-height: 24px; color: rgba(11, 18, 21, .5); }
.wn-block-title { font-size: 18px; line-height: 28px; font-weight: 600; color: var(--wn-ink); }
.wn-mt-block { margin-top: 40px; }
@media (min-width: 768px) { .wn-mt-block { margin-top: 56px; } }
.wn-specs { display: grid; gap: 12px; margin-top: 24px; }
@media (min-width: 640px) { .wn-specs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.wn-spec { display: flex; min-height: 56px; align-items: center; gap: 14px; border-radius: 4px; border: 1px solid rgba(11, 18, 21, .08); background: rgba(255, 255, 255, .8); padding: 12px 14px; margin: 0; color: inherit !important; text-decoration: none !important; }
a.wn-spec:hover { border-color: rgba(68, 110, 125, .3); }
.wn-spec__text { flex: 1; min-width: 0; font-size: 14px; line-height: 24px; font-weight: 500; color: rgba(11, 18, 21, .85); }
.wn-diff-wrap { margin-top: 24px; }
@media (min-width: 768px) { .wn-diff-wrap { margin-top: 40px; } }
.wn-diff-title { font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: .025em; color: rgba(11, 18, 21, .55); }
.wn-diffs { display: grid; gap: 12px; margin-top: 16px; }
@media (min-width: 640px) { .wn-diffs { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.wn-diff { display: flex; flex-direction: column; gap: 10px; height: 100%; min-height: 108px; border-radius: 4px; border: 1px solid rgba(11, 18, 21, .1); background: #fff; padding: 14px 16px; box-shadow: 0 12px 36px -28px rgba(11, 18, 21, .4); }
.wn-diff__title { font-size: 15px; line-height: 24px; font-weight: 600; color: var(--wn-ink); }
.wn-diff__text { margin-top: 6px !important; font-size: 14px; line-height: 24px; color: rgba(11, 18, 21, .65); }
.wn-pbl { position: relative; overflow: hidden; margin-top: 24px; border-radius: 4px; border: 1px solid rgba(11, 18, 21, .1); background: var(--wn-ink); box-shadow: 0 20px 60px -42px rgba(11, 18, 21, .5); }
.wn-pbl::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(70% 55% at 50% 0%, rgba(68, 110, 125, .18), transparent 65%); }
.wn-pbl__inner { position: relative; display: flex; flex-direction: column; padding: 14px; }
@media (min-width: 640px) { .wn-pbl__inner { padding: 16px; } }
.wn-pbl__label { margin-bottom: 12px !important; text-align: center; font-size: 10px; line-height: 15px; font-weight: 500; text-transform: uppercase; letter-spacing: .2em; color: rgba(255, 255, 255, .4); }
@media (min-width: 640px) { .wn-pbl__label { font-size: 11px; } }
.wn-pbl__svg { position: relative; width: 100%; max-width: 300px; margin-inline: auto; }
@media (min-width: 640px) { .wn-pbl__svg { max-width: 320px; } }
.wn-pbl__svg svg { width: 100%; height: auto; display: block; }
.wn-pbl .wn-build__bar { margin-top: 14px; background: rgba(255, 255, 255, .08); }
.wn-faq { margin-top: 20px; border-block: 1px solid rgba(11, 18, 21, .1); }
.wn-faq .wp-block-details { padding: 16px 0; margin: 0; border-top: 1px solid rgba(11, 18, 21, .1); }
.wn-faq .wp-block-details:first-child { border-top: 0; }
.wn-faq .wp-block-details summary { cursor: pointer; list-style: none; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; font-size: 14px; line-height: 20px; font-weight: 600; color: var(--wn-ink); }
.wn-faq .wp-block-details summary::-webkit-details-marker { display: none; }
.wn-faq .wp-block-details summary::after { content: "+"; flex-shrink: 0; margin-top: 2px; color: rgba(11, 18, 21, .4); transition: transform .2s; }
.wn-faq .wp-block-details[open] summary::after { transform: rotate(45deg); }
.wn-faq .wp-block-details p { margin-top: 12px; max-width: 768px; font-size: 14px; line-height: 28px; color: rgba(11, 18, 21, .65); }
.wn-pb-section { padding-bottom: 40px; }
@media (min-width: 768px) { .wn-pb-section { padding-bottom: 64px; } }

/* ---------- About page ---------- */
.wn-about-grid { display: grid; gap: 32px; }
@media (min-width: 1024px) { .wn-about-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 40px; } }
.wn-about-text > * + * { margin-top: 16px !important; }
@media (min-width: 768px) { .wn-about-text > * + * { margin-top: 20px !important; } }
.wn-about-text p { font-size: 16px; line-height: 28px; color: rgba(11, 18, 21, .8); }
@media (min-width: 768px) { .wn-about-text p { font-size: 18px; line-height: 32px; } }
.wn-about-img { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: var(--wn-paper); }
.wn-about-img img { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; }
.wn-about-img::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to top, rgba(11, 18, 21, .3), transparent, transparent); }
.wn-principles-title { margin-top: 24px !important; font-size: 18px; line-height: 28px; font-weight: 600; color: var(--wn-ink); }
.wn-principles { margin-top: 16px; }
.wn-principle { border-top: 1px solid rgba(11, 18, 21, .1); padding-top: 16px; margin: 0; }
.wn-principle + .wn-principle { margin-top: 16px; }
.wn-principle h3 { font-size: 16px; line-height: 24px; font-weight: 600; color: var(--wn-ink); }
.wn-principle p { margin-top: 6px !important; font-size: 14px; line-height: 24px; color: rgba(11, 18, 21, .7); }

/* ---------- Contact page ---------- */
.wn-contact-grid { display: grid; gap: 32px; }
@media (min-width: 1024px) { .wn-contact-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: start; gap: 40px; } .wn-contact-info { grid-column: span 5 / span 5; } .wn-contact-form { grid-column: span 7 / span 7; } }
.wn-contact-box { margin-top: 28px; border-top: 1px solid rgba(11, 18, 21, .1); padding-top: 24px; }
.wn-contact-box > * + * { margin-top: 12px !important; }
.wn-mini-title { font-size: 11px; line-height: 16.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .16em; color: rgba(11, 18, 21, .5); }
.wn-contact-addr { font-size: 14px; line-height: 20px; color: rgba(11, 18, 21, .7); }
.wn-clist { display: grid; gap: 8px; }
@media (min-width: 640px) { .wn-clist { gap: 10px; } }
.wn-citem { display: flex; width: 100%; min-width: 0; align-items: center; gap: 8px; border-radius: 6px; padding: 8px 6px; color: rgba(11, 18, 21, .85) !important; text-decoration: none !important; }
.wn-citem:hover { background: rgba(255, 255, 255, .6); color: var(--wn-ink) !important; }
.wn-citem__ico { display: grid; place-items: center; flex-shrink: 0; width: 32px; height: 32px; border-radius: 999px; border: 1px solid rgba(11, 18, 21, .1); background: rgba(11, 18, 21, .05); color: var(--wn-ink); }
.wn-citem__ico svg { width: 14px; height: 14px; }
.wn-citem__txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.wn-citem__label { font-size: 11px; line-height: 16.5px; font-weight: 500; text-transform: uppercase; letter-spacing: .12em; opacity: .55; }
.wn-citem__value { font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: .025em; direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] .wn-citem__value { text-align: right; }
.wn-247 { padding-top: 4px; font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: .025em; color: var(--wn-primary); }
.wn-formbox { border: 1px solid rgba(11, 18, 21, .1); background: #fff; padding: 20px 20px 32px; }
@media (min-width: 768px) { .wn-formbox { padding: 28px; } }
.wn-client-wrap { margin-top: 32px; }
@media (min-width: 768px) { .wn-client-wrap { margin-top: 40px; } }
.wn-client-wrap > .wn-formbox { max-width: 672px; margin-inline: auto; padding-bottom: 20px; }
@media (min-width: 768px) { .wn-client-wrap > .wn-formbox { padding-bottom: 28px; } }

/* Forms */
.wn-form .wn-row2 { display: grid; gap: 16px; }
@media (min-width: 640px) { .wn-form .wn-row2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.wn-form label { display: block; font-size: 14px; line-height: 20px; font-weight: 500; color: rgba(11, 18, 21, .8); }
.wn-form input[type="text"], .wn-form input[type="tel"], .wn-form input[type="email"], .wn-form select, .wn-form textarea {
	width: 100%; height: 48px; padding: 0 16px; border-radius: 16px; border: 1px solid rgba(11, 18, 21, .12);
	background: #fff; color: var(--wn-ink); font-size: 14px; outline: none; transition: box-shadow .15s;
}
.wn-form textarea { height: 120px; padding: 12px 16px; }
.wn-form input:focus, .wn-form select:focus, .wn-form textarea:focus { box-shadow: 0 0 0 2px rgba(68, 110, 125, .3); border-color: rgba(11, 18, 21, .12); }
.wn-form input[type="file"] { width: 100%; padding: 20px; border: 1.5px dashed rgba(68, 110, 125, .35); border-radius: 16px; background: var(--wn-paper); font-size: 14px; }
.wn-form .wn-hint { display: block; margin-top: 6px; font-size: 12px; line-height: 16px; color: rgba(11, 18, 21, .5); font-weight: 400; }
.wn-hp { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; opacity: 0; }

/* ---------- Policies ---------- */
.wn-policy { padding-block: 64px; }
@media (min-width: 768px) { .wn-policy { padding-block: 96px; } .wn-policy .wn-h1 { font-size: 48px; line-height: 1; } }
.wn-policy__body { margin-top: 40px; max-width: 768px; }
.wn-policy__body > * + * { margin-top: 20px !important; }
.wn-policy__body p { font-size: 16px; line-height: 32px; color: rgba(11, 18, 21, .75); }

/* ---------- Footer ---------- */
.wn-footer { background: var(--wn-mist); color: var(--wn-ink); border-top: 1px solid rgba(11, 18, 21, .1); }
.wn-footer__grid { display: grid; gap: 24px; padding-block: 32px; }
@media (min-width: 768px) {
	.wn-footer__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: start; gap: 32px; padding-block: 48px; }
	.wn-footer__grid > * { grid-column: span 4 / span 4; }
}
.wn-footer__logo { display: block; height: 36px; width: auto; max-width: min(52vw, 11.5rem); object-fit: contain; }
@media (min-width: 640px) { .wn-footer__logo { height: 40px; max-width: 12.5rem; } }
@media (min-width: 768px) { .wn-footer__logo { height: 44px; max-width: 13.5rem; } }
.wn-footer__about { margin-top: 12px !important; max-width: 384px; font-size: 14px; line-height: 24px; color: rgba(11, 18, 21, .7); }
.wn-footer__team { margin-top: 8px !important; font-size: 14px; line-height: 20px; color: var(--wn-bronze-deep); }
.wn-footer__cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
@media (min-width: 768px) { .wn-footer__cols { gap: 32px; } }
.wn-footer__title { font-size: 11px; line-height: 16.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .16em; color: rgba(11, 18, 21, .65); }
.wn-footer__links { margin: 12px 0 0; padding: 0; list-style: none; font-size: 14px; line-height: 20px; }
.wn-footer__links li { margin: 0; }
.wn-footer__links li + li { margin-top: 6px; }
.wn-footer__links a {
	display: inline-block; padding: 2px 0; color: rgba(11, 18, 21, .8); text-decoration: none;
	background-image: linear-gradient(currentColor, currentColor); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 1px; transition: background-size .35s;
}
.wn-footer__links a:hover { color: var(--wn-ink); background-size: 100% 1px; }
.wn-footer__addr { margin-top: 12px !important; font-size: 14px; line-height: 24px; color: rgba(11, 18, 21, .7); }
.wn-footer .wn-clist { gap: 6px; margin-top: 12px; }
.wn-footer .wn-citem { padding: 6px 4px; }
.wn-footer .wn-citem__ico { width: 28px; height: 28px; }
.wn-footer .wn-citem__ico svg { width: 14px; height: 14px; }
.wn-footer__bottom-wrap { border-top: 1px solid rgba(11, 18, 21, .1); padding-bottom: calc(6.5rem + env(safe-area-inset-bottom)); }
@media (min-width: 768px) { .wn-footer__bottom-wrap { padding-bottom: 0; } }
.wn-footer__bottom { display: grid; grid-template-columns: 1fr; align-items: center; gap: 12px; padding: 16px; text-align: center; font-size: 11px; line-height: 16px; color: rgba(11, 18, 21, .7); }
@media (min-width: 640px) { .wn-footer__bottom { gap: 16px; } }
.wn-footer__copy { order: 3; margin: 0; }
.wn-footer__pay { order: 1; display: inline-flex; justify-content: center; align-items: center; gap: 8px; }
.wn-footer__verify { order: 2; display: inline-flex; justify-content: center; }
@media (min-width: 768px) {
	.wn-footer__bottom { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding: 20px 64px; font-size: 12px; line-height: 1.5; }
	.wn-footer__copy { order: 1; justify-self: start; text-align: start; }
	.wn-footer__pay { order: 2; justify-self: center; gap: 12px; }
	.wn-footer__verify { order: 3; justify-self: end; }
}
@media (min-width: 1024px) { .wn-footer__bottom { padding-inline: 80px; } }
.wn-footer__pay img:first-child { width: 13rem; height: auto; }
.wn-footer__pay img:last-child { width: 3.5rem; height: auto; }
@media (min-width: 768px) { .wn-footer__pay img:first-child { width: 14rem; } .wn-footer__pay img:last-child { width: 3.75rem; } }
.wn-footer__verify img { width: 44px; height: 44px; object-fit: contain; }
@media (min-width: 768px) { .wn-footer__verify img { width: 54px; height: 54px; } }

/* ---------- Floating contact buttons (.wn-fab) ---------- */
.wn-float__btn {
	position: fixed; z-index: 40; bottom: max(1.25rem, calc(env(safe-area-inset-bottom) + 1.125rem));
	display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 999px;
	color: #fff !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .18); transition: opacity .15s;
}
.wn-float__btn:hover { opacity: .95; }
.wn-float__btn--wa { left: max(1.125rem, env(safe-area-inset-left)); background: #25d366; }
.wn-float__btn--call { right: max(1.125rem, env(safe-area-inset-right)); background: #446e7d; }
@media (min-width: 768px) {
	.wn-float__btn { width: 58px; height: 58px; bottom: 96px; }
	.wn-float__btn--wa { left: 28px; }
	.wn-float__btn--call { right: 28px; }
}
.slide-opened .wn-float__btn { visibility: hidden; pointer-events: none; }

/* ---------- Model showcase pages ---------- */
.wn-head { margin-bottom: 32px; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
@media (min-width: 768px) { .wn-head { margin-bottom: 40px; } }
.wn-head > div { max-width: 672px; }
.wn-head .wn-eyebrow { margin-bottom: 12px; }
.wn-head .wn-h2 { font-family: var(--wn-display); font-weight: var(--wn-display-weight); letter-spacing: var(--wn-display-track); }
.wn-paper { background: var(--wn-paper); }
.wn-dark { background: var(--wn-ink); color: #fff; }
.wn-dark h2, .wn-dark h3, .wn-dark .wn-h2 { color: #fff; }
.wn-dark .wn-lead { color: rgba(255, 255, 255, .7); }
.wn-grid { display: grid; gap: 16px; }
@media (min-width: 768px) { .wn-grid { gap: 20px; } }
.wn-grid-2, .wn-grid-3, .wn-grid-4 { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .wn-grid-2, .wn-grid-3, .wn-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .wn-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .wn-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.wn-card { height: 100%; border: 1px solid rgba(11, 18, 21, .1); background: #fff; padding: 20px; }
.wn-dark .wn-card { background: transparent; border-color: rgba(255, 255, 255, .1); }
.wn-num { display: block; font-size: 14px; line-height: 20px; color: var(--wn-bronze); margin-bottom: 12px; }
.wn-h3 { font-size: 18px; line-height: 28px; font-weight: 600; }
.wn-muted { margin-top: 8px !important; font-size: 14px; line-height: 24px; color: rgba(11, 18, 21, .65); }
.wn-dark .wn-muted { color: rgba(255, 255, 255, .65); }
.wn-img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wn-img--wide { aspect-ratio: 16 / 10; }
.wn-service-card { padding: 0; overflow: hidden; display: flex; flex-direction: column; }
.wn-service-card .wn-img { aspect-ratio: 4 / 3; height: auto; }
.wn-service-card__body { padding: 20px; }
.wn-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.wn-gallery .wn-img { aspect-ratio: 3 / 4; }
@media (min-width: 768px) { .wn-gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.wn-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 32px; }
@media (min-width: 768px) { .wn-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.wn-stat__num { display: block; font-size: 36px; line-height: 40px; font-weight: 600; color: var(--wn-bronze); }
.wn-stat__label { font-size: 14px; color: rgba(255, 255, 255, .7); }
.wn-quote { font-size: 16px; line-height: 28px; }
.wn-quote-by { margin-top: 12px !important; font-weight: 600; color: var(--wn-primary); font-size: 14px; }
.wn-demo-note { display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: 12px; background: rgba(196, 165, 116, .16); color: var(--wn-bronze); border: 1px solid rgba(196, 165, 116, .35); }
ul.wn-checklist { list-style: none; margin: 24px 0 0; padding: 0; display: grid; gap: 12px; }
@media (min-width: 640px) { ul.wn-checklist { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
ul.wn-checklist li { display: flex; align-items: center; min-height: 56px; gap: 14px; border-radius: 4px; border: 1px solid rgba(11, 18, 21, .08); background: rgba(255, 255, 255, .8); padding: 12px 14px; margin: 0; font-size: 14px; font-weight: 500; }
ul.wn-checklist li::before { content: ""; flex-shrink: 0; width: 20px; height: 20px; border-radius: 50%; background: var(--wn-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat; }
.wn-page-hero > .wn-container { padding-block: 44px; }
@media (min-width: 768px) { .wn-page-hero > .wn-container { padding-block: 72px; } .wn-page-hero > .wn-container.wn-section-tight { padding-block: 52px; } }
.wn-page-hero h1 { font-family: var(--wn-display); font-weight: var(--wn-display-weight); letter-spacing: var(--wn-display-track); font-size: 36px; line-height: 40px; color: #fff; }
@media (min-width: 768px) { .wn-page-hero h1 { font-size: 60px; line-height: 1; } }

/* ---------- Blog (ready for future articles) ---------- */
.blog .site-main, .archive .site-main { padding-block: 48px; }
.single-post .entry-content { font-size: 18px; line-height: 1.8; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; }
}

/* ---------- Resets for GeneratePress defaults inside Webnaa components ---------- */
ul[class*="wn-"], ol[class*="wn-"], .wn-footer ul { margin-left: 0; margin-right: 0; margin-bottom: 0; padding: 0; list-style: none; }
ul[class*="wn-"] > li, ol[class*="wn-"] > li { margin-bottom: 0; }
.wn-steps, .wn-specs, .wn-diffs, .wn-principles { margin-bottom: 0 !important; }
.main-navigation .menu-bar-items .wn-lang { font-size: 14px !important; font-weight: 500 !important; line-height: 20px !important; }
.main-navigation .menu-bar-items .wn-header-cta .wn-btn { font-size: 14px !important; font-weight: 600 !important; line-height: 20px !important; }
.main-navigation .menu-bar-items { font-size: 14px; }

.wn-mpage__body { gap: 0; }

/* ---------- Client portal + contact form (same classes/metrics as the original React forms) ---------- */
.wn-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.wn-cp > * + * { margin-top: 20px; }
.wn-cp > .wn-hp + * { margin-top: 0; }
.wn-cf > * + * { margin-top: 16px; }
.wn-cf > .wn-hp + * { margin-top: 0; }
.wn-cf__row { display: grid; gap: 16px; }
@media (min-width: 640px) { .wn-cf__row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.wn-cp__label { display: block; margin: 0 0 6px !important; font-size: 14px; line-height: 20px; font-weight: 500; color: rgba(11, 18, 21, .8); }
.wn-cp input.wn-cp__input, .wn-cf input.wn-cp__input {
	display: block; width: 100%; height: 48px; margin: 0; padding: 0 16px; border-radius: 16px; border: 1px solid rgba(11, 18, 21, .12);
	background: #fff; color: var(--wn-ink); font-size: 14px; line-height: 20px; outline: none; box-shadow: none; transition: box-shadow .15s;
}
.wn-cp input.wn-cp__input:focus, .wn-cf input.wn-cp__input:focus { border-color: rgba(11, 18, 21, .12); background: #fff; color: var(--wn-ink); box-shadow: 0 0 0 2px rgba(68, 110, 125, .3); }
.wn-cp__hint { margin: 6px 0 0 !important; font-size: 12px; line-height: 16px; color: rgba(11, 18, 21, .5); }
.wn-cp__hint--files { margin: 0 0 12px !important; }
.wn-phone { display: flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 16px; border: 1px solid rgba(11, 18, 21, .12); background: #fff; transition: box-shadow .15s; }
.wn-phone:focus-within { box-shadow: 0 0 0 2px rgba(68, 110, 125, .3); }
.wn-phone__country { position: relative; display: flex; align-self: stretch; align-items: center; gap: 4px; }
.wn-phone__select { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; border: 0; cursor: pointer; }
.wn-phone__flag { display: block; width: 1.35rem; height: 1rem; box-shadow: 0 0 0 1px rgba(11, 18, 21, .12); background: rgba(11, 18, 21, .05); }
.wn-phone__flag img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wn-phone__arrow { display: inline-block; width: .35rem; height: .35rem; margin-inline-start: .2rem; border-right: 1px solid; border-bottom: 1px solid; opacity: .45; transform: rotate(45deg); }
.wn-phone__country:focus-within .wn-phone__flag { box-shadow: 0 0 0 2px rgba(68, 110, 125, .5); }
.wn-phone input.wn-phone__input, .wn-phone input.wn-phone__input:focus { flex: 1 1 0%; min-width: 0; width: 100%; height: 36px; margin: 0; padding: 0; border: 0; background: transparent; color: var(--wn-ink); font-size: 14px; outline: none; box-shadow: none; }
.wn-drop { cursor: pointer; border-radius: 4px; border: 1px dashed rgba(11, 18, 21, .2); background: rgba(244, 247, 248, .6); padding: 32px 16px; text-align: center; transition: border-color .15s, background-color .15s; }
.wn-drop:hover, .wn-drop:focus-visible, .wn-drop.is-over { border-color: rgba(68, 110, 125, .6); background: rgba(68, 110, 125, .06); }
.wn-drop__title { margin: 0 !important; font-size: 14px; line-height: 20px; color: rgba(11, 18, 21, .7); }
.wn-drop__btn { display: inline-flex; align-items: center; height: 40px; margin-top: 12px; padding: 0 16px; border-radius: 4px; border: 1px solid rgba(11, 18, 21, .15); background: #fff; font-size: 14px; line-height: 20px; font-weight: 600; color: var(--wn-ink); }
.wn-files { display: grid; gap: 8px; margin: 16px 0 0 !important; padding: 0; list-style: none; }
.wn-files[hidden] { display: none; }
.wn-file { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin: 0; padding: 10px 12px; border: 1px solid rgba(11, 18, 21, .1); background: #fff; }
.wn-file__body { flex: 1; min-width: 0; }
.wn-file__name { margin: 0 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 20px; font-weight: 500; color: var(--wn-ink); }
.wn-file__meta { margin: 2px 0 0 !important; font-size: 12px; line-height: 16px; color: rgba(11, 18, 21, .55); }
.wn-file--done .wn-file__meta { color: var(--wn-primary-deep); }
.wn-file--failed .wn-file__meta { color: #b42318; }
.wn-file__bar { display: block; height: 2px; margin-top: 8px; overflow: hidden; border-radius: 999px; background: rgba(11, 18, 21, .08); }
.wn-file__bar span { display: block; height: 100%; background: var(--wn-primary); transition: width .2s; }
.wn-file__remove, .wn-file__remove:hover, .wn-file__remove:focus { flex-shrink: 0; margin: 0; padding: 0; border: 0; background: none; font-size: 12px; line-height: 16px; font-weight: 500; color: rgba(11, 18, 21, .6); cursor: pointer; }
.wn-file__remove:hover { color: var(--wn-ink); }
.wn-consent { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; line-height: 24px; font-weight: 400; color: rgba(11, 18, 21, .8); cursor: pointer; }
.wn-consent input { flex-shrink: 0; width: 16px; height: 16px; margin: 4px 0 0; accent-color: var(--wn-primary); }
.wn-consent a { font-weight: 600; color: var(--wn-primary); text-decoration: none; text-underline-offset: 2px; }
.wn-consent a:hover { text-decoration: underline; }
.wn-cp__error { margin: 0; font-size: 14px; line-height: 20px; color: #b42318; }
.wn-cp__ok, .wn-cf__ok { margin: 0; font-size: 14px; line-height: 20px; color: var(--wn-primary-deep); }
.wn-cp__error[hidden], .wn-cp__ok[hidden], .wn-cf__ok[hidden] { display: none; }
.wn-cp__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.wn-cp__submit:disabled { cursor: not-allowed; opacity: .6; }
.wn-cp__retry[hidden] { display: none; }
.wn-cf .wn-btn, .wn-cp .wn-btn { height: 48px; padding: 0 24px; }

/* ---------- Footer: small alignment details ---------- */
.wn-footer__pay { direction: ltr; }
.wn-footer__copy { text-wrap: balance; }
@media (min-width: 768px) {
	.wn-footer__copy { padding-inline-end: 8px; }
	.wn-footer__verify { padding-inline-start: 8px; }
}

/* ---------- Floating buttons: 34px glyphs ---------- */
.wn-float__btn svg { width: 34px; height: 34px; flex-shrink: 0; }

/* ---------- Page intros: wn-section-tight (py-8 md:py-[52px]) and lead mt-4 ---------- */
.wn-page-hero > .wn-container.wn-section-tight { padding-block: 32px; }
@media (min-width: 768px) { .wn-page-hero > .wn-container.wn-section-tight { padding-block: 52px; } }
.wn-page-hero .wn-lead { margin-top: 16px !important; }

/* ---------- Footer address on phones: pin icon, leading-5 ---------- */
@media (max-width: 767.98px) {
	.wn-footer__addr { display: flex; align-items: flex-start; gap: 8px; line-height: 20px; color: rgba(11, 18, 21, .75); }
	.wn-footer__addr::before {
		content: ""; flex-shrink: 0; width: 24px; height: 24px; margin-top: 2px; border-radius: 999px; border: 1px solid rgba(11, 18, 21, .12);
		background: rgba(11, 18, 21, .05) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b1215' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center / 12px no-repeat;
	}
	.wn-footer .wn-clist { margin-top: 8px; }
}
.wn-footer__pay img { flex-shrink: 0; max-width: none; object-fit: contain; }
@media (min-width: 640px) { .wn-footer__pay { gap: 10px; } .wn-footer__pay img:first-child { width: 13.5rem; } .wn-footer__pay img:last-child { width: 3.75rem; } }
@media (min-width: 768px) { .wn-footer__pay { gap: 12px; } .wn-footer__pay img:first-child { width: 14rem; } }
.wn-split .wn-lead { margin-top: 16px !important; }
/* Footer logo link: inline-flex (keeps the line-box gap under the logo, as on the original); h-7 on phones. */
.wn-footer a:has(> .wn-footer__logo) { display: inline-flex; flex-shrink: 0; align-items: center; text-decoration: none; }
@media (max-width: 767.98px) { .wn-footer__logo { height: 28px; max-width: 8.75rem; } }
.wn-footer__logo { aspect-ratio: 2800 / 890; }

/* ---------- Client reviews: form (/write-review/) and list (/reviews/) ---------- */
.wn-section:has(.wn-rv) { padding-top: 96px; }
@media (max-width: 767.98px) { .wn-section:has(.wn-rv) { padding-top: 64px; } }
.wn-section:has(.wn-rv) .wn-formbox { border: 1px solid #d6dde1; background: #fff; box-shadow: 0 1px 2px rgba(11, 18, 21, .05), 0 14px 34px -22px rgba(11, 18, 21, .26); }
.wn-rv > * + * { margin-top: 22px; }
.wn-rv > .wn-hp + *, .wn-rv > input[type="hidden"] + * { margin-top: 0; }
.wn-rv input.wn-cp__input, .wn-rv textarea.wn-cp__input {
	display: block; width: 100%; height: 50px; margin: 0; padding: 0 16px; border-radius: 12px; border: 2px solid #b8c2c8;
	background: #ffffff; color: var(--wn-ink); font-size: 15px; line-height: 22px; outline: none; box-shadow: 0 1px 2px rgba(11, 18, 21, .06), 0 2px 6px -2px rgba(11, 18, 21, .06); transition: border-color .15s, box-shadow .15s;
}
.wn-rv textarea.wn-cp__input { height: auto; min-height: 140px; padding: 12px 16px; line-height: 24px; resize: vertical; }
.wn-rv input.wn-cp__input:hover, .wn-rv textarea.wn-cp__input:hover { border-color: #9faab1; }
.wn-rv input.wn-cp__input:focus, .wn-rv textarea.wn-cp__input:focus { border-color: #446e7d; background: #ffffff; color: var(--wn-ink); box-shadow: 0 0 0 4px rgba(68, 110, 125, .16), 0 2px 8px -2px rgba(68, 110, 125, .18); }
.wn-rv .wn-cp__input.is-invalid, .wn-rv .wn-cp__input.is-invalid:hover { border-color: #c2413b; }
.wn-rv .wn-cp__input.is-invalid:focus { border-color: #c2413b; box-shadow: 0 0 0 3px rgba(194, 65, 59, .12); }
.wn-rv input, .wn-rv textarea, .wn-rv__star input { scroll-margin-top: 140px; }
.wn-rv__err { display: flex; align-items: center; gap: 6px; margin: 8px 0 0 !important; font-size: 13px; line-height: 18px; font-weight: 500; color: #b42318; }
.wn-rv__err::before { content: "!"; display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; background: #b42318; color: #fff; font-size: 11px; font-weight: 700; line-height: 1; }
.wn-rv__err[hidden] { display: none; }
.wn-rv__rating { margin-inline: 0; margin-bottom: 0; padding: 0; border: 0; min-width: 0; }
.wn-rv__rating legend { padding: 0; }
.wn-rv__stars { display: inline-flex; gap: 6px; }
[dir="rtl"] .wn-rv__stars { flex-direction: row-reverse; }
.wn-rv__star { position: relative; display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 999px; cursor: pointer; color: #d6dbde; transition: color .15s ease, transform .15s ease; }
.wn-rv__star svg { width: 34px; height: 34px; fill: currentColor; }
.wn-rv__star { transition: color .15s ease, transform .15s ease, filter .15s ease; }
.wn-rv__star.is-on { color: #c9a227; }
.wn-rv__star.is-on svg path, .wn-rv__star.is-hover svg path { fill: url(#wn-gold) #c9a227; }
.wn-rv__star.is-on svg { filter: drop-shadow(0 1px .5px rgba(110, 80, 10, .3)); }
.wn-rv__star.is-hover { color: #c9a227; transform: translateY(-1px) scale(1.05); }
.wn-rv__star.is-hover svg { filter: brightness(1.08) drop-shadow(0 1px .5px rgba(110, 80, 10, .3)); }
.wn-rv__star:has(input:focus-visible) { box-shadow: 0 0 0 2px rgba(68, 110, 125, .45); }
.wn-rv__rating.is-invalid .wn-rv__star:not(.is-on) { color: #e3c9c7; }
.wn-rv .wn-btn { display: inline-flex; align-items: center; justify-content: center; height: 50px; min-width: 168px; padding: 0 28px; border-radius: 6px; background: #446e7d; line-height: 1; text-align: center; transition: background-color .15s ease, transform .15s ease, box-shadow .15s ease; }
.wn-rv .wn-btn:hover, .wn-rv .wn-btn:focus-visible { background: #375a66; transform: translateY(-1px); box-shadow: 0 8px 18px -10px rgba(55, 90, 102, .7); }
.wn-rv .wn-btn:disabled, .wn-rv .wn-btn:disabled:hover { background: #446e7d; opacity: .7; cursor: progress; transform: none; box-shadow: none; }
.wn-rv[hidden], .wn-rv-done[hidden] { display: none; }
.wn-rv-done { outline: none; text-align: center; padding: 8px 0; scroll-margin-top: 140px; }
.wn-rv-done::before { content: ""; display: block; width: 52px; height: 52px; margin: 0 auto 16px; border-radius: 50%; background: rgba(68, 110, 125, .1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23446e7d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 24px no-repeat; }
.wn-rv-done__title { margin: 0 !important; font-size: 24px; line-height: 32px; font-weight: 600; color: var(--wn-ink); }
.wn-rv-done__text { margin: 8px 0 0 !important; font-size: 15px; line-height: 26px; color: rgba(11, 18, 21, .7); }
.wn-rv-done__card { margin-top: 24px; text-align: start; }

.wn-stars { display: inline-flex; gap: 2px; direction: ltr; }
[dir="rtl"] .wn-stars { flex-direction: row-reverse; }
.wn-stars svg { width: 16px; height: 16px; fill: #d6dbde; }
.wn-stars svg.is-on { fill: #c9a227; }
.wn-stars svg.is-on path { fill: url(#wn-gold) #c9a227; }
.wn-reviews { display: grid; gap: 16px; margin-top: 32px; }
@media (min-width: 768px) { .wn-reviews { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 40px; } }
.wn-review { display: flex; flex-direction: column; gap: 14px; padding: 24px; border: 1px solid rgba(11, 18, 21, .1); background: #fff; }
.wn-review__text { flex: 1; margin: 0 !important; font-size: 15px; line-height: 28px; color: rgba(11, 18, 21, .82); overflow-wrap: anywhere; }
.wn-review__meta { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px; padding-top: 14px; border-top: 1px solid rgba(11, 18, 21, .08); }
.wn-review__name { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--wn-ink); }
.wn-review__meta time { font-size: 12px; line-height: 16px; color: rgba(11, 18, 21, .5); }
.wn-reviews__empty { margin-top: 32px !important; font-size: 15px; color: rgba(11, 18, 21, .6); }