/*
Theme Name: Twenty Twenty-Two
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Site Editor features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.4
Requires PHP: 5.6
Version: 1.6.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, style-variations, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news

Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}

/*
 * Improves spacing for the legacy Post Comments block.
 * https://core.trac.wordpress.org/ticket/57560
 */

.wp-block-post-comments ol.commentlist ul.children {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.wp-block-post-comments ol.commentlist li.comment:not(:last-child) {
	margin-bottom: 1rem;
}


/* ZIBMOJ WORLD CLASS DESIGN - 2026-08-02 */
:root {
	--z-ink: #0b1020;
	--z-text: #20283b;
	--z-muted: #68738a;
	--z-canvas: #f6f8fc;
	--z-white: #ffffff;
	--z-line: rgba(15, 23, 42, 0.09);
	--z-violet: #7657ff;
	--z-violet-dark: #5b3df1;
	--z-cyan: #21d4d1;
	--z-blue: #3994ff;
	--z-amber: #ffb84d;
	--z-radius-sm: 16px;
	--z-radius: 24px;
	--z-radius-lg: 36px;
	--z-shadow-sm: 0 10px 30px rgba(21, 30, 58, 0.07);
	--z-shadow: 0 24px 80px rgba(14, 22, 46, 0.13);
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 92px;
}

body {
	background: var(--z-canvas);
	color: var(--z-text);
	font-family: Tahoma, "Segoe UI", Arial, sans-serif;
}

.z-header-part,
.z-footer-part,
.z-home,
.z-article-page {
	font-family: Tahoma, "Segoe UI", Arial, sans-serif !important;
}

.z-header-part *,
.z-footer-part *,
.z-home *,
.z-article-page * {
	box-sizing: border-box;
}

.z-header-part :is(a, strong, small, span, nav, summary),
.z-footer-part :is(a, strong, small, span, p),
.z-home :is(h1, h2, h3, p, a, span, b, em, li, small),
.z-article-page :is(h1, h2, h3, h4, h5, h6, p, a, span, b, strong, em, li, blockquote) {
	font-family: inherit !important;
}

.z-shell {
	margin-inline: auto;
	max-width: 1180px;
	padding-inline: 24px;
	width: 100%;
}

.z-header-part {
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	background: rgba(255, 255, 255, 0.88);
	border-bottom: 1px solid rgba(15, 23, 42, 0.07);
	box-shadow: 0 8px 30px rgba(15, 23, 42, 0.03);
	margin: 0 !important;
	position: sticky;
	top: 0;
	z-index: 1000;
}

body.admin-bar .z-header-part {
	top: 32px;
}

.z-nav {
	align-items: center;
	display: flex;
	gap: 30px;
	height: 78px;
	justify-content: space-between;
}

.z-brand {
	align-items: center;
	color: var(--z-ink) !important;
	display: inline-flex;
	gap: 12px;
	text-decoration: none !important;
}

.z-brand-mark {
	align-items: center;
	background: linear-gradient(135deg, var(--z-violet), #9a7cff);
	border-radius: 13px;
	box-shadow: 0 10px 22px rgba(118, 87, 255, 0.28);
	color: #fff;
	direction: ltr;
	display: inline-flex;
	font-family: Consolas, monospace !important;
	font-size: 15px;
	font-weight: 800;
	height: 42px;
	justify-content: center;
	letter-spacing: -2px;
	width: 42px;
}

.z-brand-copy {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}

.z-brand-copy strong {
	font-size: 17px;
	font-weight: 900;
	letter-spacing: -0.04em;
}

.z-brand-copy small {
	color: var(--z-muted);
	font-size: 10px;
	font-weight: 500;
	margin-top: 5px;
}

.z-desktop-nav {
	align-items: center;
	display: flex;
	gap: clamp(18px, 2.4vw, 34px);
	margin-inline: auto;
}

.z-desktop-nav a {
	color: #3a4358;
	font-size: 13px;
	font-weight: 700;
	position: relative;
	text-decoration: none !important;
}

.z-desktop-nav a::after {
	background: var(--z-violet);
	border-radius: 999px;
	bottom: -10px;
	content: "";
	height: 3px;
	inset-inline: 50%;
	position: absolute;
	transition: inset 180ms ease;
}

.z-desktop-nav a:hover {
	color: var(--z-violet);
}

.z-desktop-nav a:hover::after {
	inset-inline: 15%;
}

.z-nav-cta {
	background: var(--z-ink);
	border-radius: 12px;
	color: #fff !important;
	font-size: 12px;
	font-weight: 800;
	padding: 12px 18px;
	text-decoration: none !important;
	transition: transform 180ms ease, background 180ms ease;
}

.z-nav-cta:hover {
	background: var(--z-violet);
	transform: translateY(-2px);
}

.z-mobile-nav {
	display: none;
	position: relative;
}

.z-mobile-nav summary {
	align-items: center;
	border: 1px solid var(--z-line);
	border-radius: 11px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	gap: 4px;
	height: 42px;
	justify-content: center;
	list-style: none;
	width: 42px;
}

.z-mobile-nav summary::-webkit-details-marker {
	display: none;
}

.z-mobile-nav summary span {
	background: var(--z-ink);
	border-radius: 99px;
	height: 2px;
	width: 18px;
}

.z-mobile-panel {
	background: #fff;
	border: 1px solid var(--z-line);
	border-radius: 18px;
	box-shadow: var(--z-shadow);
	display: flex;
	flex-direction: column;
	gap: 5px;
	left: 0;
	min-width: 210px;
	padding: 12px;
	position: absolute;
	top: 52px;
}

.z-mobile-panel a {
	border-radius: 10px;
	color: var(--z-ink);
	font-size: 13px;
	font-weight: 700;
	padding: 11px 12px;
	text-decoration: none;
}

.z-mobile-panel a:hover {
	background: #f2efff;
	color: var(--z-violet);
}

.z-home {
	margin-block-start: 0 !important;
	overflow: hidden;
}

.z-hero {
	background:
		radial-gradient(circle at 85% 14%, rgba(118, 87, 255, 0.28), transparent 28%),
		radial-gradient(circle at 10% 75%, rgba(33, 212, 209, 0.11), transparent 30%),
		linear-gradient(135deg, #090d1b 0%, #10162a 54%, #121733 100%);
	color: #fff;
	min-height: 680px;
	overflow: hidden;
	padding: 96px 0 88px;
	position: relative;
}

.z-hero::before {
	background-image: linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px);
	background-size: 44px 44px;
	content: "";
	inset: 0;
	mask-image: linear-gradient(to bottom, #000, transparent 92%);
	position: absolute;
}

.z-hero-orb {
	border-radius: 999px;
	filter: blur(2px);
	pointer-events: none;
	position: absolute;
}

.z-orb-one {
	background: rgba(118, 87, 255, 0.16);
	height: 340px;
	left: -170px;
	top: 90px;
	width: 340px;
}

.z-orb-two {
	border: 1px solid rgba(33, 212, 209, 0.18);
	height: 440px;
	right: -270px;
	top: 80px;
	width: 440px;
}

.z-hero-grid {
	align-items: center;
	display: grid;
	gap: clamp(44px, 6vw, 82px);
	grid-template-columns: minmax(0, 1.03fr) minmax(420px, .97fr);
	position: relative;
	z-index: 1;
}

.z-eyebrow {
	align-items: center;
	color: #b9c2dc;
	display: flex;
	font-size: 12px;
	font-weight: 700;
	gap: 9px;
	margin-bottom: 20px;
}

.z-eyebrow span {
	background: var(--z-cyan);
	border-radius: 50%;
	box-shadow: 0 0 0 6px rgba(33, 212, 209, 0.12);
	height: 7px;
	width: 7px;
}

.z-hero h1 {
	color: #fff;
	font-size: clamp(3.2rem, 6vw, 5.6rem);
	font-weight: 950;
	letter-spacing: -0.065em;
	line-height: 1.17;
	margin: 0;
}

.z-hero h1 em {
	background: linear-gradient(90deg, #a38dff, #56e6e2);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	display: inline;
	font-style: normal;
}

.z-hero-copy > p {
	color: #aeb8d0;
	font-size: clamp(1rem, 1.45vw, 1.16rem);
	line-height: 2;
	margin: 25px 0 0;
	max-width: 610px;
}

.z-hero-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 34px;
}

.z-button {
	align-items: center;
	border: 0;
	border-radius: 14px;
	display: inline-flex;
	font-size: 13px;
	font-weight: 900;
	gap: 10px;
	justify-content: center;
	padding: 15px 21px;
	text-decoration: none !important;
	transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.z-button:hover {
	transform: translateY(-3px);
}

.z-button-primary {
	background: linear-gradient(135deg, var(--z-violet), var(--z-violet-dark));
	box-shadow: 0 15px 35px rgba(118, 87, 255, 0.32);
	color: #fff !important;
}

.z-button-primary:hover {
	box-shadow: 0 20px 44px rgba(118, 87, 255, 0.42);
}

.z-button-ghost {
	background: rgba(255,255,255,.07);
	border: 1px solid rgba(255,255,255,.12);
	color: #fff !important;
}

.z-button-ghost:hover {
	background: rgba(255,255,255,.12);
}

.z-play {
	align-items: center;
	background: rgba(255,255,255,.12);
	border-radius: 50%;
	display: inline-flex;
	font-size: 8px;
	height: 26px;
	justify-content: center;
	width: 26px;
}

.z-proof-row {
	border-top: 1px solid rgba(255,255,255,.1);
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
	margin-top: 36px;
	padding-top: 22px;
}

.z-proof-row span {
	color: #9ca8c1;
	font-size: 11px;
	font-weight: 700;
}

.z-proof-row b {
	color: var(--z-cyan);
	margin-left: 5px;
}

.z-code-stage {
	min-height: 475px;
	position: relative;
}

.z-code-window {
	background: #0f1424;
	border: 1px solid rgba(255,255,255,.11);
	border-radius: 24px;
	box-shadow: 0 34px 100px rgba(0,0,0,.45);
	direction: ltr;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 36px;
	transform: perspective(1200px) rotateY(-3deg) rotateX(1deg);
	width: min(100%, 500px);
}

.z-window-bar {
	align-items: center;
	background: #171d30;
	border-bottom: 1px solid rgba(255,255,255,.07);
	display: flex;
	gap: 7px;
	height: 48px;
	padding: 0 17px;
}

.z-window-bar i {
	background: #ff6b6b;
	border-radius: 50%;
	height: 8px;
	width: 8px;
}

.z-window-bar i:nth-child(2) {
	background: #ffd166;
}

.z-window-bar i:nth-child(3) {
	background: #58d68d;
}

.z-window-bar span {
	color: #6d7891;
	font-family: Consolas, monospace !important;
	font-size: 10px;
	margin-left: 10px;
}

.z-code-window pre {
	background: transparent;
	border: 0;
	color: #d6def3;
	font-family: Consolas, "Courier New", monospace !important;
	font-size: clamp(11px, 1.1vw, 14px);
	line-height: 2;
	margin: 0;
	overflow: auto;
	padding: 28px 26px 24px;
	white-space: pre;
}

.z-code-window code,
.z-code-window code * {
	font-family: Consolas, "Courier New", monospace !important;
}

.z-code-purple { color: #bd93f9; }
.z-code-yellow { color: #f6da8b; }
.z-code-blue { color: #69b7ff; }
.z-code-green { color: #62dfb1; }

.z-code-result {
	align-items: center;
	background: #151c30;
	border-top: 1px solid rgba(255,255,255,.07);
	display: flex;
	gap: 12px;
	padding: 16px 20px;
}

.z-result-icon {
	align-items: center;
	background: rgba(98,223,177,.13);
	border-radius: 50%;
	color: #62dfb1;
	display: flex;
	font-size: 11px;
	height: 30px;
	justify-content: center;
	width: 30px;
}

.z-code-result div {
	display: flex;
	flex-direction: column;
}

.z-code-result b {
	color: #d9e3f8;
	font-family: Consolas, monospace !important;
	font-size: 10px;
}

.z-code-result small {
	color: #69758e;
	font-size: 9px;
	margin-top: 4px;
}

.z-result-time {
	color: #60708c;
	font-family: Consolas, monospace !important;
	font-size: 10px;
	margin-left: auto;
}

.z-float-chip {
	align-items: center;
	backdrop-filter: blur(12px);
	background: rgba(23,29,48,.88);
	border: 1px solid rgba(255,255,255,.11);
	border-radius: 16px;
	box-shadow: 0 18px 46px rgba(0,0,0,.28);
	display: grid;
	gap: 0 9px;
	grid-template-columns: 36px auto;
	padding: 11px 14px 11px 11px;
	position: absolute;
	z-index: 3;
}

.z-float-chip > span {
	align-items: center;
	background: rgba(118,87,255,.16);
	border-radius: 10px;
	display: flex;
	grid-row: span 2;
	height: 36px;
	justify-content: center;
	width: 36px;
}

.z-float-chip b {
	color: #fff;
	font-size: 10px;
}

.z-float-chip small {
	color: #77839c;
	font-size: 8px;
}

.z-chip-top {
	right: -22px;
	top: 4px;
}

.z-chip-bottom {
	bottom: 22px;
	left: -28px;
}

.z-section {
	padding: clamp(76px, 9vw, 120px) 0;
}

.z-section-heading {
	align-items: end;
	display: flex;
	gap: 40px;
	justify-content: space-between;
	margin-bottom: 44px;
}

.z-kicker {
	color: var(--z-violet);
	display: block;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .08em;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.z-section-heading h2,
.z-about-copy h2 {
	color: var(--z-ink);
	font-size: clamp(2rem, 4vw, 3.35rem);
	font-weight: 950;
	letter-spacing: -0.055em;
	line-height: 1.3;
	margin: 0;
}

.z-section-heading > p {
	color: var(--z-muted);
	font-size: 14px;
	line-height: 1.9;
	margin: 0;
	max-width: 430px;
}

.z-learning {
	background: #fff;
}

.z-learning-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.z-path-card {
	background: #f7f8fc;
	border: 1px solid var(--z-line);
	border-radius: 22px;
	color: var(--z-ink) !important;
	display: flex;
	flex-direction: column;
	min-height: 310px;
	overflow: hidden;
	padding: 24px;
	position: relative;
	text-decoration: none !important;
	transition: transform 200ms ease, box-shadow 200ms ease, border 200ms ease;
}

.z-path-card::before {
	background: var(--path-color);
	border-radius: 999px;
	content: "";
	filter: blur(42px);
	height: 100px;
	opacity: .13;
	position: absolute;
	right: -38px;
	top: -35px;
	width: 100px;
}

.z-path-violet { --path-color: var(--z-violet); }
.z-path-cyan { --path-color: var(--z-cyan); }
.z-path-blue { --path-color: var(--z-blue); }
.z-path-amber { --path-color: var(--z-amber); }

.z-path-card:hover {
	border-color: color-mix(in srgb, var(--path-color) 38%, transparent);
	box-shadow: var(--z-shadow-sm);
	transform: translateY(-7px);
}

.z-path-no {
	color: #aab2c2;
	font-family: Consolas, monospace !important;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .12em;
}

.z-path-icon {
	align-items: center;
	background: color-mix(in srgb, var(--path-color) 13%, #fff);
	border: 1px solid color-mix(in srgb, var(--path-color) 20%, transparent);
	border-radius: 15px;
	color: var(--path-color);
	direction: ltr;
	display: flex;
	font-family: Consolas, monospace !important;
	font-size: 18px;
	font-weight: 900;
	height: 49px;
	justify-content: center;
	margin: 27px 0 24px;
	width: 49px;
}

.z-path-card h3 {
	font-size: 18px;
	font-weight: 900;
	letter-spacing: -.03em;
	line-height: 1.5;
	margin: 0;
}

.z-path-card p {
	color: var(--z-muted);
	font-size: 12px;
	line-height: 1.95;
	margin: 10px 0 20px;
}

.z-path-link {
	color: var(--path-color);
	font-size: 11px;
	font-weight: 900;
	margin-top: auto;
}

.z-articles {
	background: var(--z-canvas);
	margin: 0 !important;
	max-width: none !important;
	padding: clamp(76px, 9vw, 120px) 0 !important;
}

.z-articles > * {
	max-width: none !important;
}

.z-section-heading-light {
	margin-bottom: 42px;
}

.z-home-query {
	margin-inline: auto !important;
	max-width: 1180px !important;
	padding-inline: 24px;
	width: 100%;
}

.z-post-grid {
	display: grid !important;
	gap: 20px !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	list-style: none;
	max-width: none !important;
	padding: 0 !important;
}

.z-post-grid > li {
	margin: 0 !important;
	min-width: 0;
}

.z-post-card {
	background: #fff;
	border: 1px solid var(--z-line);
	border-radius: 22px;
	box-shadow: 0 7px 24px rgba(16,24,48,.055);
	height: 100%;
	overflow: hidden;
	transition: transform 200ms ease, box-shadow 200ms ease;
}

.z-post-card:hover {
	box-shadow: 0 22px 55px rgba(16,24,48,.12);
	transform: translateY(-6px);
}

.z-post-card > * {
	max-width: none !important;
}

.z-card-image {
	aspect-ratio: 16 / 9;
	margin: 0 !important;
	overflow: hidden;
	width: 100%;
}

.z-card-image a,
.z-card-image img {
	display: block;
	height: 100%;
	width: 100%;
}

.z-card-image img {
	object-fit: cover;
	transition: transform 360ms ease;
}

.z-post-card:hover .z-card-image img {
	transform: scale(1.045);
}

.z-card-body {
	display: flex;
	flex-direction: column;
	height: calc(100% - (100% / 1.7778));
	padding: 20px 21px 18px;
}

.z-card-body > * {
	max-width: none !important;
}

.z-card-category {
	margin: 0 0 10px !important;
}

.z-card-category a {
	background: #f0edff;
	border-radius: 99px;
	color: var(--z-violet) !important;
	display: inline-block;
	font-size: 9px;
	font-weight: 900;
	padding: 5px 9px;
	text-decoration: none !important;
}

.z-card-title {
	font-size: 17px !important;
	font-weight: 900 !important;
	letter-spacing: -.025em;
	line-height: 1.65 !important;
	margin: 0 !important;
}

.z-card-title a {
	color: var(--z-ink) !important;
	text-decoration: none !important;
}

.z-card-title a:hover {
	color: var(--z-violet) !important;
}

.z-card-excerpt {
	margin: 10px 0 0 !important;
}

.z-card-excerpt p {
	color: var(--z-muted);
	display: -webkit-box;
	font-size: 11px;
	line-height: 1.9;
	margin: 0;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.z-card-meta {
	border-top: 1px solid var(--z-line);
	margin-top: auto !important;
	padding-top: 14px;
	width: 100%;
}

.z-card-meta time,
.z-card-meta a {
	color: #96a0b3 !important;
	font-size: 9px;
	text-decoration: none !important;
}

.z-read-link {
	color: var(--z-violet);
	font-size: 10px;
	font-weight: 900;
}

.z-all-articles {
	display: flex;
	justify-content: center;
	margin-top: 38px;
}

.z-button-dark {
	background: var(--z-ink);
	color: #fff !important;
}

.z-product-section {
	background:
		radial-gradient(circle at 76% 44%, rgba(118,87,255,.33), transparent 32%),
		linear-gradient(145deg, #0a0f20 0%, #111830 100%);
	color: #fff;
	overflow: hidden;
	padding: clamp(80px, 10vw, 130px) 0;
	position: relative;
}

.z-product-section::before {
	background-image: radial-gradient(rgba(255,255,255,.12) 1px, transparent 1px);
	background-size: 28px 28px;
	content: "";
	inset: 0;
	mask-image: linear-gradient(90deg, transparent, #000 50%, transparent);
	opacity: .18;
	position: absolute;
}

.z-product-grid {
	align-items: center;
	display: grid;
	gap: 90px;
	grid-template-columns: minmax(0, .95fr) minmax(380px, 1.05fr);
	position: relative;
	z-index: 1;
}

.z-kicker-dark {
	color: #67e8e5;
}

.z-product-title-row {
	align-items: center;
	display: flex;
	gap: 17px;
	margin-top: 14px;
}

.z-product-title-row img {
	border: 3px solid rgba(255,255,255,.15);
	border-radius: 18px;
	box-shadow: 0 15px 35px rgba(0,0,0,.28);
}

.z-product-title-row h2 {
	color: #fff;
	font-size: clamp(2.8rem, 5vw, 4.6rem);
	font-weight: 950;
	letter-spacing: -.06em;
	line-height: 1;
	margin: 0;
}

.z-product-title-row div {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.z-product-title-row div span {
	color: #9faac2;
	font-size: 11px;
}

.z-product-copy > p {
	color: #aab5cc;
	font-size: 14px;
	line-height: 2.05;
	margin: 28px 0 0;
	max-width: 560px;
}

.z-feature-list {
	display: grid;
	gap: 11px;
	list-style: none;
	margin: 25px 0 30px;
	padding: 0;
}

.z-feature-list li {
	align-items: center;
	color: #d7deed;
	display: flex;
	font-size: 12px;
	gap: 10px;
}

.z-feature-list li span {
	align-items: center;
	background: rgba(33,212,209,.12);
	border: 1px solid rgba(33,212,209,.18);
	border-radius: 50%;
	color: var(--z-cyan);
	display: flex;
	font-size: 9px;
	height: 24px;
	justify-content: center;
	width: 24px;
}

.z-button-white {
	background: #fff;
	color: var(--z-ink) !important;
}

.z-phone-stage {
	height: 570px;
	position: relative;
}

.z-phone-glow {
	background: var(--z-violet);
	border-radius: 50%;
	filter: blur(90px);
	height: 320px;
	left: 50%;
	opacity: .25;
	position: absolute;
	top: 48%;
	transform: translate(-50%,-50%);
	width: 320px;
}

.z-phone {
	background: #090c14;
	border: 7px solid #252b3b;
	border-radius: 43px;
	box-shadow: 0 45px 90px rgba(0,0,0,.52);
	height: 540px;
	left: 50%;
	overflow: hidden;
	padding: 9px;
	position: absolute;
	top: 0;
	transform: translateX(-50%) rotate(3deg);
	width: 265px;
	z-index: 2;
}

.z-phone::after {
	border: 1px solid rgba(255,255,255,.15);
	border-radius: 35px;
	content: "";
	inset: 8px;
	pointer-events: none;
	position: absolute;
}

.z-phone-speaker {
	background: #171c29;
	border-radius: 0 0 13px 13px;
	height: 19px;
	left: 50%;
	position: absolute;
	top: 8px;
	transform: translateX(-50%);
	width: 82px;
	z-index: 4;
}

.z-phone img {
	border-radius: 32px;
	height: 100%;
	object-fit: cover;
	object-position: top;
	width: 100%;
}

.z-product-badge {
	backdrop-filter: blur(16px);
	background: rgba(255,255,255,.1);
	border: 1px solid rgba(255,255,255,.16);
	border-radius: 15px;
	box-shadow: 0 20px 48px rgba(0,0,0,.2);
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 13px 17px;
	position: absolute;
	z-index: 3;
}

.z-product-badge b {
	color: #fff;
	font-size: 17px;
}

.z-product-badge span {
	color: #98a5be;
	font-size: 8px;
}

.z-badge-one {
	right: 20px;
	top: 105px;
}

.z-badge-two {
	bottom: 88px;
	left: 6px;
}

.z-about {
	background: #fff;
}

.z-about-grid {
	align-items: center;
	display: grid;
	gap: clamp(50px, 8vw, 110px);
	grid-template-columns: minmax(340px, .85fr) minmax(0, 1.15fr);
}

.z-about-photo {
	margin-inline: auto;
	max-width: 430px;
	position: relative;
	width: 100%;
}

.z-photo-frame {
	background: linear-gradient(135deg, #e8e4ff, #dffaf8);
	border-radius: 38% 38% 24px 24px;
	box-shadow: 0 30px 70px rgba(18,28,52,.16);
	overflow: hidden;
	position: relative;
}

.z-photo-frame::after {
	border: 1px solid rgba(255,255,255,.45);
	border-radius: inherit;
	content: "";
	inset: 10px;
	pointer-events: none;
	position: absolute;
}

.z-photo-frame img {
	aspect-ratio: 1 / 1.06;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.z-photo-caption {
	align-items: center;
	background: #fff;
	border: 1px solid var(--z-line);
	border-radius: 14px;
	bottom: 22px;
	box-shadow: var(--z-shadow-sm);
	color: var(--z-ink);
	display: flex;
	font-size: 10px;
	font-weight: 800;
	gap: 7px;
	padding: 11px 14px;
	position: absolute;
	right: -18px;
}

.z-photo-caption span {
	color: #2fd39c;
	font-size: 9px;
}

.z-photo-dot {
	border-radius: 50%;
	position: absolute;
}

.z-dot-one {
	background: var(--z-violet);
	height: 18px;
	left: -22px;
	top: 18%;
	width: 18px;
}

.z-dot-two {
	border: 4px solid var(--z-cyan);
	bottom: 13%;
	height: 28px;
	right: -34px;
	width: 28px;
}

.z-about-copy h2 em {
	color: var(--z-violet);
	font-style: normal;
}

.z-about-copy > p {
	color: var(--z-muted);
	font-size: 14px;
	line-height: 2.05;
	margin: 22px 0 0;
	max-width: 650px;
}

.z-skill-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 28px;
}

.z-skill-row span {
	background: #f3f1ff;
	border: 1px solid #e7e2ff;
	border-radius: 99px;
	color: #6047d6;
	font-size: 10px;
	font-weight: 800;
	padding: 8px 12px;
}

.z-text-link {
	color: var(--z-ink) !important;
	display: inline-flex;
	font-size: 12px;
	font-weight: 900;
	gap: 8px;
	margin-top: 28px;
	text-decoration: none !important;
}

.z-text-link:hover {
	color: var(--z-violet) !important;
}

.z-final-cta {
	background: #fff;
	padding: 0 0 clamp(76px, 9vw, 120px);
}

.z-final-card {
	align-items: center;
	background:
		radial-gradient(circle at 10% 10%, rgba(33,212,209,.16), transparent 32%),
		linear-gradient(135deg, #10172c, #151d3b);
	border-radius: 32px;
	color: #fff;
	display: flex;
	gap: 40px;
	justify-content: space-between;
	overflow: hidden;
	padding: clamp(34px, 5vw, 60px);
	position: relative;
}

.z-final-card::after {
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 50%;
	content: "";
	height: 230px;
	left: -80px;
	position: absolute;
	top: -100px;
	width: 230px;
}

.z-final-card > div {
	position: relative;
	z-index: 1;
}

.z-final-card > div > span {
	color: var(--z-cyan);
	font-size: 10px;
	font-weight: 900;
}

.z-final-card h2 {
	color: #fff;
	font-size: clamp(2rem, 4vw, 3.2rem);
	font-weight: 950;
	letter-spacing: -.05em;
	margin: 9px 0 0;
}

.z-final-card p {
	color: #a7b2ca;
	font-size: 12px;
	line-height: 1.9;
	margin: 11px 0 0;
}

.z-final-card .z-button {
	flex: 0 0 auto;
	position: relative;
	z-index: 1;
}

.z-footer-part {
	background: #080c17;
	color: #909bb3;
	margin: 0 !important;
	padding: 70px 0 0;
}

.z-footer-grid {
	display: grid;
	gap: 60px;
	grid-template-columns: 1.5fr .65fr .65fr;
}

.z-brand-footer {
	color: #fff !important;
}

.z-brand-footer .z-brand-copy small {
	color: #6f7b94;
}

.z-footer-brand p {
	font-size: 11px;
	line-height: 2;
	margin: 22px 0 0;
	max-width: 430px;
}

.z-footer-links {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.z-footer-links strong {
	color: #fff;
	font-size: 12px;
	margin-bottom: 5px;
}

.z-footer-links a {
	color: #7f8aa2 !important;
	font-size: 10px;
	text-decoration: none !important;
}

.z-footer-links a:hover {
	color: var(--z-cyan) !important;
}

.z-footer-bottom {
	border-top: 1px solid rgba(255,255,255,.07);
	display: flex;
	font-size: 9px;
	justify-content: space-between;
	margin-top: 55px;
	padding-bottom: 26px;
	padding-top: 22px;
}

/* Single article */
body.single {
	background: #fff;
}

body.single .wp-site-blocks > * {
	margin-block-start: 0;
}

.z-article-page {
	background: #fff;
	margin: 0 !important;
	max-width: none !important;
	padding: clamp(55px, 7vw, 92px) 24px 100px;
}

.z-article-page > * {
	max-width: 800px !important;
}

.z-article-hero {
	max-width: 980px !important;
	text-align: center;
}

.z-article-hero > * {
	max-width: 880px !important;
}

.z-breadcrumb {
	align-items: center;
	color: #9aa4b7;
	display: flex;
	font-size: 10px;
	gap: 8px;
	justify-content: center;
	margin-bottom: 22px;
}

.z-breadcrumb a {
	color: #7b8599 !important;
	text-decoration: none !important;
}

.z-article-category {
	margin: 0 0 18px !important;
}

.z-article-category a {
	background: #f0edff;
	border-radius: 99px;
	color: var(--z-violet) !important;
	display: inline-block;
	font-size: 10px;
	font-weight: 900;
	padding: 7px 12px;
	text-decoration: none !important;
}

.z-article-title {
	color: var(--z-ink);
	font-size: clamp(2.45rem, 6vw, 5rem) !important;
	font-weight: 950 !important;
	letter-spacing: -.065em;
	line-height: 1.25 !important;
	margin: 0 !important;
}

.z-article-lead {
	margin-top: 23px !important;
}

.z-article-lead p {
	color: var(--z-muted);
	font-size: clamp(14px, 1.5vw, 17px);
	line-height: 2;
	margin: 0 auto;
	max-width: 720px;
}

.z-article-meta {
	color: #8c96aa;
	gap: 20px !important;
	justify-content: center;
	margin-top: 25px !important;
}

.z-article-meta time,
.z-article-meta a,
.z-article-meta span,
.z-article-meta p {
	color: #8c96aa !important;
	font-size: 10px !important;
	margin: 0 !important;
	text-decoration: none !important;
}

.z-reading-time {
	align-items: center;
	display: inline-flex;
	gap: 6px;
}

.z-reading-time::before {
	background: #32c997;
	border-radius: 50%;
	content: "";
	height: 6px;
	width: 6px;
}

.z-article-cover {
	border-radius: 30px;
	box-shadow: var(--z-shadow);
	margin: clamp(38px, 5vw, 62px) auto 0 !important;
	max-width: 1120px !important;
	overflow: hidden;
}

.z-article-cover img {
	aspect-ratio: 16 / 8.5;
	display: block;
	object-fit: cover;
	width: 100%;
}

.z-article-content {
	color: #293248;
	font-size: clamp(16px, 1.45vw, 18px);
	line-height: 2.2;
	margin-top: clamp(50px, 6vw, 78px) !important;
	max-width: 800px !important;
}

.z-article-content > * {
	max-width: 800px !important;
}

.z-article-content p {
	margin-block: 0 1.5em;
}

.z-article-content h2 {
	color: var(--z-ink);
	font-size: clamp(1.8rem, 3vw, 2.55rem);
	font-weight: 950;
	letter-spacing: -.045em;
	line-height: 1.45;
	margin: 2.2em 0 .75em;
}

.z-article-content h3 {
	color: var(--z-ink);
	font-size: clamp(1.4rem, 2vw, 1.85rem);
	font-weight: 900;
	margin: 1.9em 0 .65em;
}

.z-article-content a {
	color: var(--z-violet) !important;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

.z-article-content img {
	border-radius: 20px;
	height: auto;
}

.z-article-content blockquote {
	background: #f5f3ff;
	border: 0;
	border-right: 4px solid var(--z-violet);
	border-radius: 14px;
	color: #4a416e;
	margin: 2em 0;
	padding: 22px 24px;
}

.z-article-content pre {
	background: #0e1424 !important;
	border: 1px solid #202a43;
	border-radius: 18px;
	box-shadow: 0 16px 40px rgba(13,20,38,.16);
	color: #dce5f8 !important;
	direction: ltr;
	font-family: Consolas, "Courier New", monospace !important;
	font-size: 13px;
	line-height: 1.9;
	overflow: auto;
	padding: 24px !important;
	text-align: left;
}

.z-article-content code,
.z-article-content code * {
	font-family: Consolas, "Courier New", monospace !important;
}

.z-article-content :not(pre) > code {
	background: #f0edff;
	border-radius: 6px;
	color: #664ce3;
	direction: ltr;
	font-size: .86em;
	padding: 3px 7px;
}

.z-article-content ul,
.z-article-content ol {
	padding-right: 1.3em;
}

.z-article-content li {
	margin-bottom: .7em;
}

.z-article-content table {
	border: 1px solid var(--z-line);
	border-collapse: separate;
	border-radius: 14px;
	border-spacing: 0;
	overflow: hidden;
	width: 100%;
}

.z-article-content th,
.z-article-content td {
	border: 0;
	border-bottom: 1px solid var(--z-line);
	padding: 13px 15px;
}

.z-article-content th {
	background: #f7f8fc;
	color: var(--z-ink);
	font-weight: 900;
}

.z-author-box {
	align-items: center;
	background: #f7f8fc;
	border: 1px solid var(--z-line);
	border-radius: 22px;
	display: flex;
	gap: 22px;
	margin: 70px auto 0;
	max-width: 800px;
	padding: 24px;
}

.z-author-box img {
	border-radius: 18px;
	flex: 0 0 auto;
	height: 96px;
	object-fit: cover;
	width: 96px;
}

.z-author-box span {
	color: var(--z-violet);
	font-size: 9px;
	font-weight: 900;
}

.z-author-box h3 {
	color: var(--z-ink);
	font-size: 18px;
	font-weight: 950;
	margin: 4px 0 0;
}

.z-author-box p {
	color: var(--z-muted);
	font-size: 11px;
	line-height: 1.85;
	margin: 6px 0 0;
}

.z-author-box a {
	color: var(--z-violet) !important;
	display: inline-block;
	font-size: 10px;
	font-weight: 900;
	margin-top: 8px;
	text-decoration: none !important;
}

.z-article-taxonomy {
	color: #8993a6;
	font-size: 10px;
	margin-top: 30px !important;
	max-width: 800px !important;
}

.z-article-taxonomy a {
	background: #f2f4f8;
	border-radius: 99px;
	color: #637087 !important;
	display: inline-block;
	margin: 4px;
	padding: 6px 10px;
	text-decoration: none !important;
}

.z-article-separator {
	margin: 55px auto !important;
	max-width: 800px !important;
}

.z-article-comments {
	max-width: 800px !important;
}

@media (max-width: 1040px) {
	.z-learning-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.z-hero-grid {
		gap: 45px;
		grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr);
	}

	.z-product-grid {
		gap: 55px;
	}

	.z-chip-top { right: 0; }
	.z-chip-bottom { left: 0; }
}

@media (max-width: 820px) {
	body.admin-bar .z-header-part {
		top: 46px;
	}

	.z-desktop-nav,
	.z-nav-cta {
		display: none;
	}

	.z-mobile-nav {
		display: block;
	}

	.z-nav {
		height: 70px;
	}

	.z-hero {
		padding: 72px 0 55px;
	}

	.z-hero-grid {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.z-hero-copy > p {
		margin-inline: auto;
	}

	.z-eyebrow,
	.z-hero-actions,
	.z-proof-row {
		justify-content: center;
	}

	.z-code-stage {
		margin-inline: auto;
		max-width: 520px;
		min-height: 455px;
		width: 100%;
	}

	.z-code-window {
		left: 50%;
		transform: translateX(-50%);
	}

	.z-section-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 14px;
	}

	.z-post-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.z-product-grid {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.z-product-copy > p {
		margin-inline: auto;
	}

	.z-product-title-row,
	.z-feature-list li {
		justify-content: center;
	}

	.z-feature-list {
		margin-inline: auto;
		max-width: 420px;
	}

	.z-phone-stage {
		margin-inline: auto;
		max-width: 500px;
		width: 100%;
	}

	.z-about-grid {
		grid-template-columns: 1fr;
	}

	.z-about-photo {
		max-width: 380px;
	}

	.z-about-copy {
		text-align: center;
	}

	.z-about-copy > p {
		margin-inline: auto;
	}

	.z-skill-row {
		justify-content: center;
	}

	.z-final-card {
		align-items: flex-start;
		flex-direction: column;
	}

	.z-footer-grid {
		grid-template-columns: 1.5fr 1fr 1fr;
	}

	.z-article-page {
		padding-inline: 20px;
	}
}

@media (max-width: 620px) {
	.z-shell,
	.z-home-query {
		padding-inline: 16px;
	}

	.z-brand-copy small {
		display: none;
	}

	.z-hero {
		min-height: 0;
		padding-top: 60px;
	}

	.z-hero h1 {
		font-size: clamp(2.55rem, 13vw, 3.55rem);
	}

	.z-hero-copy > p {
		font-size: 14px;
	}

	.z-hero-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.z-button {
		width: 100%;
	}

	.z-proof-row {
		gap: 12px;
	}

	.z-code-stage {
		min-height: 390px;
	}

	.z-code-window {
		border-radius: 19px;
		width: 100%;
	}

	.z-code-window pre {
		font-size: 10px;
		padding: 22px 16px;
	}

	.z-float-chip {
		display: none;
	}

	.z-learning-grid,
	.z-post-grid {
		grid-template-columns: 1fr !important;
	}

	.z-path-card {
		min-height: 280px;
	}

	.z-post-card {
		border-radius: 19px;
	}

	.z-product-title-row {
		align-items: center;
	}

	.z-product-title-row img {
		height: 60px;
		width: 60px;
	}

	.z-phone-stage {
		height: 520px;
	}

	.z-phone {
		height: 500px;
		width: 244px;
	}

	.z-badge-one {
		right: -3px;
	}

	.z-badge-two {
		left: -3px;
	}

	.z-photo-caption {
		right: 8px;
	}

	.z-dot-one,
	.z-dot-two {
		display: none;
	}

	.z-final-card {
		border-radius: 24px;
	}

	.z-footer-grid {
		grid-template-columns: 1fr 1fr;
	}

	.z-footer-brand {
		grid-column: 1 / -1;
	}

	.z-footer-bottom {
		flex-direction: column;
		gap: 8px;
	}

	.z-article-page {
		padding-inline: 15px;
	}

	.z-article-title {
		font-size: clamp(2.15rem, 11vw, 3.4rem) !important;
	}

	.z-article-cover {
		border-radius: 20px;
	}

	.z-author-box {
		align-items: flex-start;
		flex-direction: column;
	}

	.z-author-box img {
		height: 78px;
		width: 78px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.z-button,
	.z-path-card,
	.z-post-card,
	.z-card-image img,
	.z-nav-cta {
		transition: none;
	}
}

body.home .wp-site-blocks,
body.single .wp-site-blocks {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.home .z-header,
body.home .z-hero,
body.home .z-section,
body.home .z-footer,
body.single .z-header,
body.single .z-article-hero,
body.single .z-article-shell,
body.single .z-footer {
  width: 100%;
  box-sizing: border-box;
}

body.page-template-page-blog .wp-site-blocks,
body.archive .wp-site-blocks,
body.search .wp-site-blocks { padding-left:0!important; padding-right:0!important; }
.z-blog-page{background:#f7f8fc;min-height:70vh;color:#111827}
.z-blog-hero{max-width:none!important;padding:92px max(5vw,24px) 78px!important;text-align:center;background:
 radial-gradient(circle at 20% 15%,rgba(122,92,255,.28),transparent 32%),
 radial-gradient(circle at 82% 80%,rgba(33,205,220,.18),transparent 30%),
 #080c1d;color:#fff;position:relative;overflow:hidden}
.z-blog-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}
.z-blog-hero>*{position:relative;z-index:1}
.z-blog-hero h1,.z-blog-hero .wp-block-query-title{font-size:clamp(2.4rem,6vw,5.3rem);line-height:1.15;margin:14px auto 20px;max-width:920px;letter-spacing:-.045em}
.z-blog-hero h1 mark{color:transparent;background:linear-gradient(100deg,#55e1ee,#9e77ff);background-clip:text;-webkit-background-clip:text}
.z-blog-lead,.z-blog-hero .taxonomy-description{font-size:1.1rem;line-height:2;color:#c7cce0;max-width:760px;margin:0 auto 30px}
.z-blog-search{max-width:680px;margin:30px auto 0;display:flex;background:#fff;padding:7px;border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.28)}
.z-blog-search .wp-block-search__inside-wrapper{border:0;padding:0}
.z-blog-search input{border:0!important;background:transparent!important;padding:14px 18px!important;font-family:inherit!important;outline:0;color:#111827}
.z-blog-search button{border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#7956f6,#5b7cff)!important;color:#fff!important;padding:0 20px!important}
.z-topic-strip{max-width:1180px!important;margin:-28px auto 0!important;padding:0 24px!important;position:relative;z-index:3}
.z-topic-strip>.wp-block-group{background:#fff}
.z-topic-strip{background:#fff;border:1px solid #e7e9f2;border-radius:22px;box-shadow:0 18px 55px rgba(22,32,70,.09);padding:24px 28px!important}
.z-topic-label{text-align:center;margin:0 0 15px;color:#71778a;font-size:.86rem;font-weight:800}
.z-topic-pills{justify-content:center!important;gap:10px!important}
.z-topic-pills p{margin:0}
.z-topic-pills a{display:block;padding:10px 16px;border-radius:999px;background:#f1f3fa;color:#30364b;text-decoration:none;font-size:.87rem;font-weight:800;transition:.2s}
.z-topic-pills a:hover{background:#101529;color:#fff;transform:translateY(-2px)}
.z-blog-listing{max-width:1180px!important;margin:0 auto!important;padding:88px 24px 110px!important}
.z-blog-listing .z-section-head{margin-bottom:32px}
.z-blog-listing .z-section-head h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:4px 0}
.z-count-note{color:#7b8192;font-size:.9rem}
.z-mag-grid{gap:24px!important}
.z-mag-grid>li{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e7e9f1;border-radius:22px;overflow:hidden;box-shadow:0 10px 32px rgba(26,34,67,.06);transition:transform .25s,box-shadow .25s}
.z-mag-grid>li:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(30,41,79,.13)}
.z-mag-grid>li:not(:has(.wp-block-post-featured-image)):before,
.z-articles .wp-block-post-template>li:not(:has(.wp-block-post-featured-image)):before{content:"</>";display:grid;place-items:center;height:178px;color:rgba(255,255,255,.92);font-size:2.2rem;font-weight:900;direction:ltr;background:radial-gradient(circle at 30% 25%,rgba(85,225,238,.55),transparent 35%),linear-gradient(135deg,#11162d,#6d55ee)}
.z-mag-grid .wp-block-post-featured-image{margin:0;height:190px;overflow:hidden}
.z-mag-grid .wp-block-post-featured-image img{height:100%;width:100%;object-fit:cover;transition:transform .4s}
.z-mag-grid>li:hover .wp-block-post-featured-image img{transform:scale(1.05)}
.z-mag-card-body{padding:22px 22px 20px!important;display:flex!important;flex:1;flex-direction:column}
.z-card-category{font-size:.75rem;font-weight:900;margin-bottom:9px}
.z-card-category a{color:#6d55ee;text-decoration:none}
.z-mag-card-body h3{font-size:1.18rem;line-height:1.65;margin:0 0 10px}
.z-mag-card-body h3 a{color:#111827;text-decoration:none}
.z-mag-card-body .wp-block-post-excerpt{font-size:.88rem;line-height:1.9;color:#6d7283;margin-bottom:16px}
.z-mag-card-body .wp-block-post-excerpt__excerpt{margin:0}
.z-card-meta{margin-top:auto!important;border-top:1px solid #eef0f5;padding-top:15px;color:#858b9c;font-size:.76rem}
.z-card-meta p{margin:0;color:#6650df;font-weight:900}
.z-mag-query .wp-block-query-pagination{margin-top:50px;gap:8px}
.z-mag-query .page-numbers,.z-mag-query .wp-block-query-pagination-next,.z-mag-query .wp-block-query-pagination-previous{display:grid;place-items:center;min-width:42px;height:42px;padding:0 13px;border:1px solid #e0e3ec;border-radius:12px;background:#fff;color:#272c3e;text-decoration:none;font-weight:800}
.z-mag-query .page-numbers.current{background:#11162d;color:#fff;border-color:#11162d}
.z-archive-hero{padding-top:75px!important;padding-bottom:68px!important;text-align:right}
.z-archive-hero .wp-block-query-title,.z-archive-hero .taxonomy-description{max-width:1180px;margin-left:auto;margin-right:auto}
@media(max-width:900px){.z-mag-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.z-blog-hero{padding-top:72px!important}.z-section-head{align-items:flex-start!important;flex-direction:column!important}.z-count-note{margin:4px 0 0}}
@media(max-width:620px){.z-mag-grid{grid-template-columns:1fr!important}.z-blog-hero{padding:58px 20px 62px!important}.z-blog-hero h1{font-size:2.35rem}.z-topic-strip{margin:-22px 16px 0!important;padding:20px 16px!important}.z-topic-pills{gap:7px!important}.z-topic-pills a{font-size:.76rem;padding:8px 11px}.z-blog-listing{padding:66px 16px 80px!important}}