/* Landing page sections. Colours and type come from theme.json presets. */

.geelark-main > .geelark-section {
	margin-block-start: 0;
	padding-block: 12px;
}

.geelark-section .wp-block-heading + .geelark-grid-3,
.geelark-section .wp-block-heading + .geelark-usecases,
.geelark-section .wp-block-heading + .geelark-tabs {
	margin-block-start: 1.5rem;
}

/* Rounded section cards */
.geelark-card {
	padding: 40px;
	border-radius: 24px;
	background: var(--wp--preset--color--card);
}

.geelark-card.is-cyan {
	background: var(--wp--preset--color--card-cyan);
}

.geelark-card > * + * {
	margin-block-start: 0.75rem;
}

.geelark-pair {
	gap: 24px;
}

.geelark-pair > .geelark-card > .wp-block-heading {
	margin-block-start: 0.25rem;
}

.geelark-narrow {
	max-width: 640px;
	margin-inline: auto !important;
}

.geelark-subcard {
	height: 100%;
	padding: 20px;
	border-radius: 24px;
}

.geelark-subcard.is-blue {
	background: var(--wp--preset--color--card-blue);
}

.geelark-subcard.is-white {
	background: var(--wp--preset--color--base);
}

.geelark-subcard > * {
	margin: 0;
}

.geelark-subcard > * + * {
	margin-top: 0.5rem;
}

/* Eyebrow label with a line icon */
.geelark-eyebrow {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0 !important;
	color: var(--wp--preset--color--contrast);
}

.geelark-eyebrow.has-text-align-center {
	justify-content: center;
}

.geelark-eyebrow::before,
.geelark-usecase-label::before {
	content: "";
	flex: none;
	width: 1.125rem;
	height: 1.125rem;
	background: currentColor;
	-webkit-mask: var(--geelark-icon) center / contain no-repeat;
	mask: var(--geelark-icon) center / contain no-repeat;
}

.geelark-eyebrow + .wp-block-heading {
	margin-top: 0.5rem !important;
}

/* Illustration frames */
.geelark-media {
	border-radius: 16px;
	background: var(--wp--preset--color--tint-strong);
}

.geelark-media.is-glow {
	background:
		radial-gradient(60% 60% at 70% 40%, rgba(51, 135, 255, 0.25), transparent 70%),
		radial-gradient(50% 50% at 30% 70%, rgba(0, 200, 255, 0.18), transparent 70%),
		var(--wp--preset--color--tint);
}

.geelark-media {
	overflow: hidden;
}

.geelark-media > .geelark-illustration {
	width: 100%;
	margin: 0 !important;
}

.geelark-media > .geelark-illustration img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform 0.4s ease;
}

/* Covers carry their own background and fill the frame edge to edge. */
.geelark-media.is-cover {
	justify-content: stretch !important;
	padding: 0 !important;
}

.geelark-media.is-cover > .geelark-illustration,
.geelark-media.is-cover > .geelark-illustration img {
	height: 100%;
	object-fit: cover;
}

/* Real dashboard screenshots sit on the glow like a framed window. */
.geelark-media.is-screenshot {
	padding: clamp(12px, 3vw, 28px) !important;
}

.geelark-media.is-screenshot > .geelark-illustration img {
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	box-shadow: 0 12px 32px rgba(11, 61, 145, 0.14);
}

.geelark-resource:hover .geelark-illustration img {
	transform: scale(1.03);
}

/* Hero */
.geelark-hero-section {
	padding-block: 64px 24px !important;
}

.geelark-hero h1 {
	margin-bottom: 1rem;
}

.geelark-hero .has-lead-font-size {
	max-width: 34rem;
	line-height: 1.3;
}

.geelark-hero-note {
	margin-top: 0.75rem !important;
}

/* Platforms row */
.geelark-platforms {
	padding-block: 32px;
	gap: 1rem 1.5rem;
}

.geelark-platforms > * {
	margin: 0 !important;
}

.geelark-platforms-label {
	font-size: 1.0625rem;
}

/* Below desktop the names wrap: centre them under the label instead of
   spreading a half-empty last row edge to edge. */
@media (max-width: 1099px) {
	.geelark-platforms {
		justify-content: center !important;
		gap: 0.75rem 2rem;
	}

	.geelark-platforms-label {
		flex-basis: 100%;
		text-align: center;
	}
}

/* Scroll reveal: only once landing.js has marked the page, so content stays
   visible without JavaScript and in the editor. */
.geelark-reveal-ready .geelark-reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.geelark-reveal-ready .geelark-reveal.is-revealed {
	opacity: 1;
	transform: none;
}

@media print, (prefers-reduced-motion: reduce) {
	.geelark-reveal-ready .geelark-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.geelark-media > .geelark-illustration img {
		transition: none;
	}
}

.geelark-platform {
	font-family: var(--wp--preset--font-family--golos);
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--wp--preset--color--contrast);
}

/* Tabs */
.geelark-tab-list {
	gap: 1rem;
	margin-block: 1rem 2rem !important;
}

.geelark-tab {
	margin: 0 !important;
	padding: 6px 24px;
	border: 1px solid transparent;
	border-radius: 4px;
	background: rgba(26, 32, 44, 0.05);
	color: var(--wp--preset--color--secondary);
	font-size: 1rem;
	cursor: pointer;
	user-select: none;
}

.geelark-tab.is-active {
	border-color: var(--wp--preset--color--contrast);
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
}

.geelark-tab-panel:not(.is-active) {
	display: none;
}

.geelark-tab-panel > * + * {
	margin-block-start: 1rem;
}

/* Use cases */
.geelark-usecases {
	gap: 24px;
}

.geelark-usecase {
	display: flex;
	align-items: center;
	min-height: 102px;
	padding: 20px 28px;
	border-radius: 16px;
	background: var(--wp--preset--color--card);
}

.geelark-usecase-label {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin: 0;
	font-size: 1rem;
	color: var(--wp--preset--color--contrast);
}

.geelark-usecase-label::before {
	width: 2.25rem;
	height: 2.25rem;
}

/* FAQ */
.geelark-faq {
	max-width: 720px;
	margin: 2rem auto 0 !important;
}

.geelark-faq .wp-block-details {
	margin: 0;
	padding: 20px 14px;
	border-bottom: 1px solid #e2e8f0;
}

.geelark-faq summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style: none;
	cursor: pointer;
	font-size: 1.125rem;
	color: var(--wp--preset--color--contrast);
}

.geelark-faq summary::-webkit-details-marker {
	display: none;
}

.geelark-faq summary::after {
	content: "";
	width: 0.6rem;
	height: 0.6rem;
	margin: 0 6px 4px 1rem;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.2s;
}

.geelark-faq details[open] summary::after {
	margin-bottom: -4px;
	transform: rotate(-135deg);
}

.geelark-faq details > p {
	margin: 1.25rem 0 0;
}

.geelark-faq summary:hover {
	color: var(--wp--preset--color--primary);
}

.geelark-faq summary:focus-visible {
	border-radius: 6px;
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 4px;
}

.geelark-faq details[open] > :not(summary) {
	animation: geelark-faq-open 0.25s ease;
}

@keyframes geelark-faq-open {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.geelark-faq details[open] > :not(summary) {
		animation: none;
	}
}

/* Review carousel */
.geelark-carousel {
	position: relative;
	margin-top: 2rem !important;
	padding-inline: 36px;
}

.geelark-carousel-track {
	display: flex;
	gap: 16px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.geelark-carousel-track::-webkit-scrollbar {
	display: none;
}

.geelark-carousel-track > * {
	margin: 0 !important;
}

.geelark-review {
	flex: 0 0 calc(50% - 8px);
	padding: 24px;
	border-radius: 12px;
	background: var(--wp--preset--color--card);
	scroll-snap-align: start;
}

.geelark-review > * + * {
	margin-top: 0.75rem;
}

.geelark-stars {
	color: #fcc419;
	letter-spacing: 0.1em;
}

.geelark-review-author {
	gap: 0.875rem;
	margin-top: 1rem !important;
}

.geelark-avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: var(--wp--preset--color--tint-strong);
}

.geelark-person-meta > * {
	margin: 0;
}

.geelark-carousel-prev,
.geelark-carousel-next {
	position: absolute;
	top: 50%;
	margin: 0 !important;
	font-size: 2rem;
	line-height: 1;
	cursor: pointer;
	transform: translateY(-50%);
	user-select: none;
}

.geelark-carousel-prev {
	left: 0;
}

.geelark-carousel-next {
	right: 0;
}

@media (max-width: 781px) {
	.geelark-review {
		flex-basis: 100%;
	}
}

/* Blog */
.geelark-posts {
	margin-top: 2rem !important;
}

.geelark-posts .wp-block-post-template {
	gap: 24px;
}

.geelark-posts .wp-block-post-featured-image img {
	border-radius: 12px;
}

.geelark-posts .wp-block-post-title a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}

.geelark-posts + .wp-block-buttons {
	margin-top: 2rem;
}

/* CTA box with a soft glow */
.geelark-cta-section {
	padding-block: 96px !important;
	background:
		radial-gradient(35% 60% at 15% 50%, rgba(99, 102, 241, 0.12), transparent 70%),
		radial-gradient(30% 60% at 90% 40%, rgba(0, 200, 255, 0.12), transparent 70%);
}

.geelark-cta-box {
	max-width: 930px !important;
	padding: 72px 64px;
	border: 2px solid var(--wp--preset--color--primary);
	border-radius: 24px;
	background: var(--wp--preset--color--base);
}

.geelark-cta-box .has-lead-font-size {
	line-height: 1.25;
}

@media (max-width: 781px) {
	.geelark-card,
	.geelark-cta-box {
		padding: 24px;
	}

	.geelark-hero-section {
		padding-block: 32px 16px !important;
	}
}

/* Outline buttons: blue border and text. Same box as filled buttons (theme.json:
   8px 32px, 1px border), so a filled and an outline button line up at 42px like the
   reference's outline buttons. */
.wp-block-button.is-style-outline > .wp-block-button__link {
	padding: 8px 32px;
	border: 1px solid var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
	background: transparent;
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--tint);
}

/* Icons */
.icon-bolt { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7l1-8z'/%3E%3C/svg%3E"); }
.icon-sun { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M2 12h2M20 12h2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E"); }
.icon-chip { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='2'/%3E%3Cpath d='M9 2v4M15 2v4M9 18v4M15 18v4M2 9h4M2 15h4M18 9h4M18 15h4'/%3E%3C/svg%3E"); }
.icon-gear { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9 7 7M17 17l2.1 2.1M4.9 19.1 7 17M17 7l2.1-2.1'/%3E%3C/svg%3E"); }
.icon-sparkle { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.2 6.8L21 12l-6.8 2.2L12 21l-2.2-6.8L3 12l6.8-2.2z'/%3E%3C/svg%3E"); }
.icon-grid { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E"); }
.icon-gem { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12l3 6-9 12L3 9z'/%3E%3Cpath d='M3 9h18'/%3E%3C/svg%3E"); }
.icon-users { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20c0-3.6 2.9-6 6.5-6s6.5 2.4 6.5 6'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M17 14c2.6 0 4.5 1.9 4.5 5'/%3E%3C/svg%3E"); }
.icon-chat { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16v12H8l-4 4z'/%3E%3Cpath d='M8 9h8M8 12h5'/%3E%3C/svg%3E"); }
.icon-book { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h11a3 3 0 0 1 3 3v15H8a3 3 0 0 1-3-3z'/%3E%3Cpath d='M5 18a3 3 0 0 1 3-3h11'/%3E%3C/svg%3E"); }
.icon-megaphone { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10v4h4l8 5V5L7 10z'/%3E%3Cpath d='M18 9a4 4 0 0 1 0 6'/%3E%3C/svg%3E"); }
.icon-chart { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M6 17v-5M11 17V8M16 17v-8M21 17V5'/%3E%3C/svg%3E"); }
.icon-coin { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9h4.5a1.5 1.5 0 0 1 0 3H9h5a1.5 1.5 0 0 1 0 3H9V8M11 6v2M11 16v2'/%3E%3C/svg%3E"); }
.icon-shield { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 6v6c0 5 3.5 8 8 9 4.5-1 8-4 8-9V6z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
.icon-gamepad { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='11' rx='5'/%3E%3Cpath d='M7 10v5M4.5 12.5h5'/%3E%3Ccircle cx='16' cy='11' r='1'/%3E%3Ccircle cx='18' cy='14' r='1'/%3E%3C/svg%3E"); }
.icon-check { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E"); }
.icon-cart { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.5 11h11L21 7H6.2'/%3E%3Ccircle cx='9' cy='19' r='1.5'/%3E%3Ccircle cx='17' cy='19' r='1.5'/%3E%3C/svg%3E"); }
.icon-bug { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='7' width='10' height='13' rx='5'/%3E%3Cpath d='M12 7V4M9 4l1.5 3M15 4l-1.5 3M3 12h4M17 12h4M4 18l3-2M20 18l-3-2M4 7l3 2M20 7l-3 2'/%3E%3C/svg%3E"); }

/* Footer */
.geelark-footer {
	padding-block: 32px 24px;
	border-top: 1px solid #e2e8f0;
	background: var(--wp--preset--color--base);
}

.geelark-footer .wp-block-site-logo + .geelark-footer-title {
	display: none;
}

.geelark-footer-title {
	font-family: var(--wp--preset--font-family--golos);
	font-size: 1.75rem;
}

.geelark-footer-title a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}

.geelark-footer-address {
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast);
}

.geelark-social {
	gap: 0.75rem 1rem;
	max-width: 200px;
}

.geelark-footer-grid {
	gap: 2.5rem 1.5rem;
}

.geelark-footer-col h3 {
	margin: 0 0 1rem;
	font-family: var(--wp--preset--font-family--noto);
	font-weight: 600;
}

.geelark-footer-col .wp-block-list {
	margin: 0;
}

.geelark-footer-col li + li {
	margin-top: 0.6rem;
}

.geelark-footer .geelark-footer-col a {
	color: #718096;
	font-size: var(--wp--preset--font-size--small);
	text-decoration: none;
}

.geelark-footer .geelark-footer-col a:hover {
	color: var(--wp--preset--color--primary);
}

.geelark-copyright {
	margin-top: 2.5rem;
}

/* Fixed column counts (the block grid's auto-fill maths ignores the custom gaps above) */
@media (min-width: 782px) {
	.geelark-grid-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

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

	.geelark-usecases {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}

	.geelark-footer-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (min-width: 782px) and (max-width: 1100px) {
	.geelark-usecases {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 781px) {
	.geelark-grid-3,
	.geelark-pair,
	.geelark-usecases {
		grid-template-columns: minmax(0, 1fr) !important;
	}

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


/* ---------- Product page: cloud phone ---------- */

.geelark-product > .geelark-section {
	padding-block: 48px;
}

/* Product page: headings and tabs line up with the 1200px content edge */
.geelark-product > .geelark-section > :not(.alignfull):not(.geelark-faq):not(.geelark-cta-box) {
	max-width: var(--wp--style--global--wide-size);
}

.geelark-product > .geelark-hero-section {
	padding-block: 48px 40px !important;
}

.geelark-narrow-left {
	max-width: 880px;
}

.geelark-kicker {
	margin-bottom: 0.25rem !important;
	color: var(--wp--preset--color--primary);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.geelark-lead-muted,
.geelark-muted {
	color: #718096;
}

.geelark-lead-muted {
	font-size: 1.125rem;
}

.geelark-strong {
	font-family: var(--wp--preset--font-family--golos);
	font-weight: 600 !important;
}

.geelark-arrow-link a {
	color: var(--wp--preset--color--primary);
	text-decoration: none;
}

/* Hero check pills */
.geelark-check-pills {
	gap: 16px;
	max-width: 560px;
	margin-top: 1rem !important;
}

.geelark-check-pill {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin: 0 !important;
	padding: 1rem 1.5rem;
	border: 2px solid #edf2f7;
	border-radius: 999px;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--contrast);
}

.geelark-check-pill::before {
	content: "";
	width: 0.6rem;
	height: 0.35rem;
	border-left: 1.5px solid #48bb78;
	border-bottom: 1.5px solid #48bb78;
	transform: rotate(-45deg) translateY(-2px);
}

.geelark-hero .wp-block-buttons .wp-block-button__link {
	padding-block: 8px;
}

/* Audience band */
.geelark-band {
	margin-block: 16px !important;
	padding-block: 48px;
	border-block: 2px solid #edf2f7;
}

.geelark-band-label {
	margin-bottom: 1rem !important;
	color: #718096;
	font-family: var(--wp--preset--font-family--golos);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	text-transform: uppercase;
}

.geelark-band-pills {
	gap: 32px;
}

.geelark-band-pill {
	margin: 0 !important;
	padding: 0.1rem 1rem;
	border-radius: 999px;
	background: var(--wp--preset--color--tint);
	color: var(--wp--preset--color--contrast);
	text-align: center;
}

/* Definition diagram */
.geelark-definition-cols {
	margin-top: 3rem !important;
	gap: 3rem;
}

.geelark-diagram {
	padding: 24px;
	border: 2px solid #edf2f7;
	border-radius: 24px;
}

.geelark-icon-row {
	gap: 1.25rem;
	padding: 0.75rem 1.25rem;
	border: 2px solid #edf2f7;
	border-radius: 16px;
}

.geelark-icon-row.is-highlight {
	border-color: var(--wp--preset--color--tint-strong);
	background: var(--wp--preset--color--tint);
}

.geelark-row-text > * {
	margin: 0 !important;
}

.geelark-row-title {
	color: var(--wp--preset--color--contrast);
}

.geelark-row-sub {
	color: #718096;
	font-size: var(--wp--preset--font-size--small);
}

.geelark-connector {
	width: 2px;
	height: 16px;
	margin: 0 0 0 1rem !important;
	background: #edf2f7;
}

.geelark-diagram > * + * {
	margin-top: 1rem;
}

.geelark-icon-box {
	flex: none;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 8px;
	background: var(--wp--preset--color--tint);
	position: relative;
}

.geelark-icon-row .geelark-icon-box {
	width: 1.5rem;
	height: 1.5rem;
	background: none;
}

.geelark-icon-box::after,
.geelark-chip::before,
.geelark-tab-icon,
.geelark-brand-icon::after {
	background: currentColor;
	-webkit-mask: var(--geelark-icon) center / contain no-repeat;
	mask: var(--geelark-icon) center / contain no-repeat;
}

.geelark-icon-box::after {
	content: "";
	position: absolute;
	inset: 25%;
	color: var(--wp--preset--color--contrast);
}

.geelark-icon-row .geelark-icon-box::after {
	inset: 0;
}

/* Before / after */
.geelark-compare {
	margin-top: 2.5rem !important;
	gap: 32px !important;
}

.geelark-compare-box {
	padding: 16px 16px 16px;
	border: 2px solid #edf2f7;
	border-radius: 24px;
}

.geelark-compare-box.is-after {
	border-color: var(--wp--preset--color--primary);
}

.geelark-compare-box.is-after .geelark-box-label {
	color: var(--wp--preset--color--primary);
}

.geelark-box-label {
	margin: 0 0 1rem !important;
	color: var(--wp--preset--color--contrast);
}

.geelark-chip-grid {
	gap: 16px !important;
}

.geelark-chip {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin: 0 !important;
	padding: 1rem 1.25rem;
	border: 2px solid #edf2f7;
	border-radius: 16px;
	color: var(--wp--preset--color--contrast);
}

.geelark-chip::before {
	content: "";
	flex: none;
	width: 1.125rem;
	height: 1.125rem;
}

.geelark-chip.is-tint {
	border-color: #e8f0fe;
	background: var(--wp--preset--color--tint);
}

.geelark-chip.is-tint::before {
	color: var(--wp--preset--color--primary);
}

.geelark-chip.is-wide {
	margin-top: 2rem !important;
}

.geelark-benefits {
	margin-top: 5rem !important;
	gap: 32px !important;
}

.geelark-benefit {
	padding: 24px;
	border: 2px solid #edf2f7;
	border-radius: 16px;
}

.geelark-benefit h3 {
	margin-top: 2rem;
	font-family: var(--wp--preset--font-family--noto);
	font-weight: 500;
}

/* Dark tabs (cloud phone page) */
.geelark-tabs-dark .geelark-tab-list,
.geelark-tabs-underline .geelark-tab-list {
	gap: 8px;
	margin-block: 2rem 2.5rem !important;
	padding-bottom: 0;
	border-bottom: 2px solid #edf2f7;
}

.geelark-tabs-dark .geelark-tab {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 6px 20px;
	border: 0;
	border-radius: 2px 2px 0 0;
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--body);
}

.geelark-tabs-dark .geelark-tab.is-active {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

.geelark-tab-icon {
	display: inline-block;
	width: 1rem;
	height: 1rem;
}

.geelark-tabs-underline .geelark-tab-list {
	justify-content: center;
	gap: 0;
}

.geelark-tabs-underline .geelark-tab {
	padding: 8px 20px;
	border: 0;
	border-bottom: 3px solid transparent;
	border-radius: 0;
	background: none;
	color: var(--wp--preset--color--contrast);
}

.geelark-tabs-underline .geelark-tab.is-active {
	border-bottom-color: #0b6e99;
	color: #0b6e99;
}

.geelark-checklist {
	padding: 0;
	list-style: none;
	color: var(--wp--preset--color--contrast);
}

.geelark-checklist li {
	display: flex;
	align-items: baseline;
	gap: 0.6rem;
}

.geelark-checklist li + li {
	margin-top: 0.4rem;
}

.geelark-checklist li::before {
	content: "✓";
	color: var(--wp--preset--color--primary);
	font-weight: 700;
}

/* Platform cards */
.geelark-platform-cards {
	margin-top: 4rem !important;
	gap: 48px 32px !important;
}

.geelark-platform-card {
	gap: 2rem;
	padding: 24px 24px 24px 36px;
	border: 2px solid var(--wp--preset--color--primary);
	border-radius: 24px;
}

.geelark-brand-icon {
	flex: none;
	width: 3rem;
	height: 3rem;
	position: relative;
	color: var(--wp--preset--color--primary);
}

.geelark-brand-icon::after {
	content: "";
	position: absolute;
	inset: 0;
}

.geelark-platform-cta .wp-block-button__link {
	padding: 8px 32px;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
}

/* Steps */
.geelark-step-row {
	margin-top: 3rem !important;
	gap: 2.5rem;
}

.geelark-step {
	gap: 1.5rem;
}

.geelark-step-num {
	margin: 0 !important;
	color: var(--wp--preset--color--primary);
	font-size: 2rem;
	line-height: 1;
}

.geelark-demo-card {
	padding: 32px 0 32px 64px;
	overflow: hidden;
	border: 1px solid #e2e8f0;
	border-radius: 4px;
	background: linear-gradient(135deg, #f7f9fc, #eef1f6);
}

.geelark-demo-card .geelark-media {
	border-radius: 8px 0 0 8px;
}

.geelark-demo-card .wp-block-button__link {
	padding: 8px 18px;
	box-shadow: 0 0 0 4px rgba(3, 110, 253, 0.15);
}

.geelark-step-row + .wp-block-buttons {
	margin-top: 4rem;
}

/* Comparison table */
.geelark-table-wrap {
	margin-top: 2rem !important;
	padding: 0 16px;
	overflow-x: auto;
	border: 2px solid #edf2f7;
	border-radius: 16px;
}

.geelark-compare-table table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 2px;
	font-size: 0.9375rem;
}

.geelark-compare-table th,
.geelark-compare-table td {
	padding: 10px 8px;
	border: 0;
	text-align: left;
	color: var(--wp--preset--color--contrast);
}

.geelark-compare-table th {
	font-weight: 600;
}

.geelark-compare-table thead th:first-child::before {
	content: "Compare";
}

.geelark-compare-table th:nth-child(2),
.geelark-compare-table td:nth-child(2) {
	background: var(--wp--preset--color--tint);
}

.geelark-chooser {
	margin-top: 3.5rem !important;
	gap: 32px !important;
}

.geelark-choose {
	padding: 24px;
	border: 2px solid #edf2f7;
	border-radius: 16px;
}

.geelark-choose.is-highlight {
	border-color: #c3dafe;
	background: var(--wp--preset--color--tint);
}

/* Resources */
.geelark-head-split {
	gap: 1rem;
}

.geelark-head-split > * {
	margin: 0 !important;
}

.geelark-head-split .geelark-arrow-link {
	font-size: 1.125rem;
}

.geelark-resources {
	gap: 30px !important;
	padding-inline: 20px;
}

.geelark-resource > :not(.geelark-media) {
	padding-inline: 24px;
}

.geelark-resource .geelark-media {
	min-height: 0 !important;
	aspect-ratio: 16 / 9;
}

.geelark-read-more a {
	text-decoration: none;
}

.geelark-related {
	margin-top: 4rem !important;
	padding: 16px;
	border: 2px solid #edf2f7;
	border-radius: 16px;
}

.geelark-related .geelark-band-label {
	margin-bottom: 0.75rem !important;
}

.geelark-topics {
	gap: 8px !important;
}

.geelark-topic {
	margin: 0 !important;
}

.geelark-topic a {
	display: inline-block;
	padding: 6px 16px;
	border: 2px solid #c3dafe;
	border-radius: 999px;
	background: var(--wp--preset--color--tint);
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	text-decoration: none;
}

/* Customer stories */
.geelark-story-feature {
	margin-top: 2.5rem !important;
	padding: 24px 88px;
	border: 1px solid #e2e8f0;
	border-radius: 24px;
	background: #f4f8ff;
}

.geelark-tag {
	display: inline-block;
	margin-bottom: 0.5rem !important;
	padding: 2px 10px;
	border-radius: 999px;
	background: #c3dafe;
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
}

.geelark-tag.is-upper {
	font-weight: 600;
	text-transform: uppercase;
}

.geelark-stats {
	gap: 18px !important;
}

.geelark-stat {
	padding: 24px 40px;
	border: 2px solid #edf2f7;
	border-radius: 16px;
	background: var(--wp--preset--color--base);
}

.geelark-stat.is-wide {
	grid-column: 1 / -1;
}

.geelark-stat > * {
	margin: 0 !important;
}

.geelark-stat-value {
	margin-bottom: 0.75rem !important;
	font-family: var(--wp--preset--font-family--golos);
	font-size: 1.75rem;
	font-weight: 600;
	color: var(--wp--preset--color--contrast);
}

.geelark-carousel.is-thirds .geelark-story-card {
	flex: 0 0 calc((100% - 32px) / 3);
	scroll-snap-align: start;
}

.geelark-story-card {
	padding: 36px 48px;
	border: 2px solid #edf2f7;
	border-radius: 24px;
}

.geelark-story-card > * + * {
	margin-top: 1rem;
}

.geelark-story-card .geelark-icon-box {
	width: 3.5rem;
	height: 3.5rem;
}

@media (max-width: 781px) {
	.geelark-carousel.is-thirds .geelark-story-card {
		flex-basis: 100%;
	}

	.geelark-story-feature {
		padding: 24px;
	}
}

/* Video */
.geelark-video-card {
	margin-top: 2.5rem !important;
	padding: 32px 40px;
	border-radius: 24px;
	background: var(--wp--preset--color--card);
}

.geelark-video-slot {
	aspect-ratio: 16 / 9;
	background: var(--wp--preset--color--tint-strong);
}

/* Get started */
.geelark-get-started {
	margin-top: 2.5rem !important;
	gap: 24px !important;
}

.geelark-get-started-item .geelark-media {
	border-radius: 16px;
}

.geelark-step-label {
	gap: 1.5rem;
	margin-top: 1rem !important;
}

.geelark-step-label > * {
	margin: 0 !important;
}

.geelark-step-circle {
	display: grid;
	place-items: center;
	width: 2.25rem;
	height: 2.25rem;
	border: 1.5px solid var(--wp--preset--color--primary);
	border-radius: 50%;
	color: var(--wp--preset--color--primary);
	font-size: var(--wp--preset--font-size--small);
}

.geelark-step-link {
	font-weight: 500;
}

.geelark-step-link a {
	text-decoration: none;
}

/* Product page column counts */
@media (min-width: 782px) {
	.geelark-band-pills {
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	}

	.geelark-benefits {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}

	.geelark-chooser,
	.geelark-resources,
	.geelark-get-started {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	.geelark-platform-cards,
	.geelark-chip-grid,
	.geelark-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (min-width: 782px) and (max-width: 1100px) {
	.geelark-benefits,
	.geelark-band-pills {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 781px) {
	.geelark-band-pills,
	.geelark-benefits,
	.geelark-chooser,
	.geelark-resources,
	.geelark-get-started,
	.geelark-platform-cards {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.geelark-demo-card {
		padding: 24px;
	}

	.geelark-tabs-dark .geelark-tab-list {
		flex-wrap: nowrap;
		overflow-x: auto;
	}

	.geelark-tabs-dark .geelark-tab {
		flex: none;
	}
}

/* Product page icons */
.icon-monitor { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E"); }
.icon-cloud { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18a4 4 0 0 1-.6-8 6 6 0 0 1 11.4 1.5A3.5 3.5 0 0 1 17.5 18z'/%3E%3C/svg%3E"); }
.icon-phone { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2.5' width='10' height='19' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E"); }
.icon-plug { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3v5M15 3v5M7 8h10v3a5 5 0 0 1-10 0zM12 16v5'/%3E%3C/svg%3E"); }
.icon-battery { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='4' width='10' height='17' rx='2'/%3E%3Cpath d='M10 2h4M10 9h4M10 13h4'/%3E%3C/svg%3E"); }
.icon-wrench { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 6.5a4 4 0 0 0 5 5L12 19a2.1 2.1 0 0 1-3-3l7.5-7.5a4 4 0 0 0-2-2z'/%3E%3C/svg%3E"); }
.icon-alert { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5M12 16v.5'/%3E%3C/svg%3E"); }
.icon-sync { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 0 1-14 5.3M4 12a8 8 0 0 1 14-5.3'/%3E%3Cpath d='M18 3v4h-4M6 21v-4h4'/%3E%3C/svg%3E"); }
.icon-globe { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.7 2.5 15.3 0 18M12 3c-2.5 2.7-2.5 15.3 0 18'/%3E%3C/svg%3E"); }
.icon-tiktok { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18.5a3 3 0 1 1 0-6M9 18.5V4h3.5a4.5 4.5 0 0 0 4.5 4.5'/%3E%3C/svg%3E"); }
.icon-instagram { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='17' height='17' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M17 7h.01'/%3E%3C/svg%3E"); }
.icon-facebook { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M13.5 21v-8h2.5M13.5 13h-3M13.5 13V9.5a2 2 0 0 1 2-2H17'/%3E%3C/svg%3E"); }
.icon-youtube { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5.5' width='19' height='13' rx='4'/%3E%3Cpath d='m10 9.5 5 2.5-5 2.5z'/%3E%3C/svg%3E"); }
.icon-x { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4l14 16M19 4 5 20'/%3E%3C/svg%3E"); }
.icon-reddit { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='14' r='7'/%3E%3Ccircle cx='9.5' cy='13.5' r='.8'/%3E%3Ccircle cx='14.5' cy='13.5' r='.8'/%3E%3Cpath d='M9.5 17c1.5 1 3.5 1 5 0M12 7l1-4 4 1'/%3E%3C/svg%3E"); }

@media (max-width: 781px) {
	/* Let the comparison table scroll sideways instead of squashing columns */
	.geelark-compare-table table {
		min-width: 760px;
	}
}

/* ---------- Product page: multi-account browser ---------- */

.geelark-feature-tiles {
	margin-top: 2.5rem !important;
	gap: 16px !important;
}

.geelark-feature-tile {
	gap: 1rem;
	padding: 20px 24px;
	border-radius: 8px;
	background: var(--wp--preset--color--card);
}

.geelark-feature-tile .wp-block-heading {
	margin: 0;
}

.geelark-feature-tile p {
	line-height: 1.25;
	color: var(--wp--preset--color--contrast);
}

.geelark-feature-icon {
	flex: none;
	width: 1.5rem;
	height: 1.5rem;
	margin-top: 0.15rem;
	background: var(--wp--preset--color--contrast);
	-webkit-mask: var(--geelark-icon) center / contain no-repeat;
	mask: var(--geelark-icon) center / contain no-repeat;
}

.geelark-product .geelark-pair + .geelark-pair {
	margin-top: 24px;
}

.geelark-related-links {
	max-width: 900px;
	margin: 2rem auto 0 !important;
	gap: 20px !important;
}

.geelark-related-link {
	margin: 0 !important;
}

.geelark-related-link a {
	display: block;
	width: 208px;
	padding: 6px 0;
	border: 1px solid var(--wp--preset--color--primary);
	border-radius: 4px;
	color: var(--wp--preset--color--primary);
	font-size: var(--wp--preset--font-size--small);
	text-align: center;
	text-decoration: none;
}

.geelark-related-link a:hover {
	background: var(--wp--preset--color--tint);
}

@media (min-width: 782px) {
	.geelark-feature-tiles {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 781px) {
	.geelark-feature-tiles {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}


/* ---------- Header: two-panel "Features" mega menu ---------- */

/* Icons in front of mega menu items */
.geelark-mega [class*="icon-"] > .wp-block-navigation-item__content {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.geelark-mega [class*="icon-"] > .wp-block-navigation-item__content::before {
	content: "";
	flex: none;
	width: 1.125rem;
	height: 1.125rem;
	background: currentColor;
	-webkit-mask: var(--geelark-icon) center / contain no-repeat;
	mask: var(--geelark-icon) center / contain no-repeat;
}

/* Group labels inside the right-hand panel */
.geelark-mega .geelark-heading-tools,
.geelark-mega .geelark-heading-models {
	flex-wrap: wrap;
}

.geelark-mega .geelark-heading-tools::before,
.geelark-mega .geelark-heading-models::before {
	display: block;
	flex-basis: 100%;
	padding: 0.5rem 0.75rem 0.25rem;
	color: var(--wp--preset--color--secondary);
	font-size: 0.8125rem;
}

.geelark-mega .geelark-heading-tools::before {
	content: "Tools";
}

.geelark-mega .geelark-heading-models::before {
	content: "Models";
	margin-top: 0.5rem;
}

@media (min-width: 1240px) {
	/* One box holding both columns */
	.geelark-header .geelark-mega > .wp-block-navigation__submenu-container {
		width: 540px;
		min-width: 540px !important;
		min-height: 280px;
		padding: 8px;
		border-radius: 16px;
		font-size: var(--wp--preset--font-size--small);
	}

	/* Left column items; static so the panels anchor to the box */
	.geelark-header .geelark-mega > .wp-block-navigation__submenu-container > .wp-block-navigation-item {
		position: static;
		width: 272px;
	}

	.geelark-header .geelark-mega > .wp-block-navigation__submenu-container > .has-child > .wp-block-navigation-item__content {
		justify-content: flex-start;
	}

	/* Grow the box to fit the AI panel, which is the tallest */
	.geelark-header .geelark-mega > .wp-block-navigation__submenu-container:has(> .has-child:first-child:hover),
	.geelark-header .geelark-mega > .wp-block-navigation__submenu-container:not(:has(> li:hover)) {
		min-height: 446px;
	}

	/* Right column: fills the rest of the box, split by a thin divider */
	.geelark-header .geelark-mega .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
		top: 0 !important;
		bottom: 0;
		left: 288px !important;
		right: 0;
		min-width: 0 !important;
		padding: 8px;
		border: 0 !important;
		border-left: 1px solid var(--wp--preset--color--surface) !important;
		border-radius: 0 16px 16px 0;
		box-shadow: none;
		background: transparent;
	}

	/* Show the first panel (AI) by default while nothing else is hovered */
	.geelark-header .geelark-mega:hover > .wp-block-navigation__submenu-container:not(:has(> li:hover, > li:focus-within)) > .has-child:first-child > .wp-block-navigation__submenu-container,
	.geelark-header .geelark-mega:focus-within > .wp-block-navigation__submenu-container:not(:has(> li:hover, > li:focus-within)) > .has-child:first-child > .wp-block-navigation__submenu-container {
		visibility: visible;
		opacity: 1;
		width: auto;
		height: auto;
		overflow: visible;
	}

	/* Highlight the item whose panel is showing */
	.geelark-header .geelark-mega > .wp-block-navigation__submenu-container > .has-child:hover > .wp-block-navigation-item__content,
	.geelark-header .geelark-mega > .wp-block-navigation__submenu-container:not(:has(> li:hover)) > .has-child:first-child > .wp-block-navigation-item__content {
		background: var(--wp--preset--color--tint);
	}

	/* Mega menu links keep the dark text on hover, only the background changes */
	.geelark-header .geelark-mega > .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
		color: var(--wp--preset--color--contrast);
	}

	/* Chevron on items that open a panel */
	.geelark-header .geelark-mega .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
		margin-left: auto;
		color: var(--wp--preset--color--secondary);
	}
}

/* Mega menu icons */
.icon-ai { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Cpath d='M7.5 16l2.5-8 2.5 8M8.3 13.5h3.4M16 8v8'/%3E%3C/svg%3E"); }
.icon-accounts { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7' cy='8' r='2.5'/%3E%3Ccircle cx='17' cy='8' r='2.5'/%3E%3Ccircle cx='12' cy='15' r='2.5'/%3E%3Cpath d='M3 21c0-2 1.8-3.5 4-3.5M21 21c0-2-1.8-3.5-4-3.5'/%3E%3C/svg%3E"); }
.icon-robot { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='8' width='14' height='11' rx='3'/%3E%3Cpath d='M12 4v4M9 13h.01M15 13h.01M9.5 16h5M3 12v3M21 12v3'/%3E%3C/svg%3E"); }
.icon-code { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 8-4 4 4 4M16 8l4 4-4 4M14 5l-4 14'/%3E%3C/svg%3E"); }
.icon-video { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='13' height='12' rx='2'/%3E%3Cpath d='m16 10 5-3v10l-5-3'/%3E%3C/svg%3E"); }
.icon-text { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M7 9h10M12 9v7'/%3E%3C/svg%3E"); }
.icon-image { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='9' cy='10' r='1.5'/%3E%3Cpath d='m21 16-5-5-9 9'/%3E%3C/svg%3E"); }
.icon-edit { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z'/%3E%3Cpath d='m13.5 6.5 4 4'/%3E%3C/svg%3E"); }
.icon-cube { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 7.5v9L12 21l8-4.5v-9z'/%3E%3Cpath d='M4 7.5 12 12l8-4.5M12 12v9'/%3E%3C/svg%3E"); }
.icon-pinterest { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10.5 20l2-8M12.5 12c-1.5 0-2.5-1-2.5-2.5S11.3 6.5 13 6.5s3 1.2 3 3-1.3 4-3.2 4'/%3E%3C/svg%3E"); }

/* Mobile overlay: plain nested lists instead of floating cards */
.geelark-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	min-width: 0 !important;
	padding: 0 0 0 1rem;
	border: 0 !important;
	box-shadow: none;
	background: transparent;
}

/* ---------- Feature page: Geelark AI ---------- */

.geelark-arrow-links {
	gap: 1rem 4rem !important;
	margin-top: 1.5rem !important;
}

.geelark-arrow-links > * {
	margin: 0 !important;
}

/* Create → store → automate → run diagram */
.geelark-flow .geelark-icon-row {
	background: var(--wp--preset--color--card);
}

.geelark-flow .geelark-icon-row.is-highlight {
	border-color: #c3dafe;
	background: var(--wp--preset--color--tint);
}

.geelark-flow .geelark-icon-row.is-highlight .geelark-row-title {
	color: var(--wp--preset--color--primary);
	font-weight: 600;
}

.geelark-flow > * + * {
	margin-top: 0.5rem;
}

.geelark-flow-arrow {
	width: 10px;
	height: 10px;
	margin: 0 auto !important;
	border-right: 1.5px solid var(--wp--preset--color--primary);
	border-bottom: 1.5px solid var(--wp--preset--color--primary);
	transform: rotate(45deg) translate(-2px, -2px);
}

.geelark-flow-side {
	margin-top: 1.25rem !important;
	padding: 1rem 0 0 2.5rem;
	border-top: 2px solid #edf2f7;
}

.geelark-icon-row.is-dashed {
	border: 2px dashed #c3dafe;
	background: transparent !important;
}

.geelark-flow-caption {
	margin-top: 1rem !important;
	color: #718096;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* Numbered cards */
.geelark-card-num {
	margin: 0 0 0.75rem !important;
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
}

.geelark-chooser + .geelark-arrow-link {
	margin-top: 2rem !important;
}

.geelark-subhead {
	margin-top: 3rem !important;
	font-weight: 400 !important;
}

.geelark-subhead + .geelark-platforms {
	padding-block: 24px 0;
}

/* Tool cards with a link at the bottom */
.geelark-benefit .geelark-arrow-link {
	margin-top: 1.25rem;
}

.geelark-benefit h3 + .geelark-muted {
	margin-top: 0.5rem;
}

/* Workflow card */
.geelark-wf-card {
	padding: 24px;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
}

.geelark-wf-card > * + * {
	margin-top: 0.5rem;
}

.geelark-wf-head {
	padding-bottom: 0.75rem;
	border-bottom: 2px solid #edf2f7;
}

.geelark-wf-head > * {
	margin: 0 !important;
}

.geelark-wf-step {
	gap: 1rem;
	padding: 0.75rem 1rem;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #f9fbff;
	font-size: var(--wp--preset--font-size--small);
}

.geelark-wf-step.is-highlight {
	border-color: #c3dafe;
	background: var(--wp--preset--color--tint);
}

.geelark-wf-num {
	margin: 0 !important;
	color: #718096;
	font-size: 0.75rem;
}

.geelark-wf-note {
	padding: 0.75rem 1rem;
	border: 1px dashed #c3dafe;
	border-radius: 8px;
	background: var(--wp--preset--color--tint);
	font-size: var(--wp--preset--font-size--small);
}

.geelark-wf-note > * {
	margin: 0 !important;
}

.geelark-outline-pills {
	gap: 0.75rem 1rem !important;
	max-width: 560px;
	margin-top: 2rem !important;
}

.geelark-outline-pill {
	margin: 0 !important;
	padding: 2px 20px;
	border: 2px solid #edf2f7;
	border-radius: 999px;
	color: var(--wp--preset--color--body);
	font-size: var(--wp--preset--font-size--small);
}

/* Template rows */
.geelark-templates {
	gap: 2rem;
}

.geelark-template-row {
	gap: 1rem;
	margin-top: 1rem !important;
	padding: 0.5rem 1.5rem;
	border-radius: 8px;
	background: var(--wp--preset--color--card);
}

.geelark-template-row .geelark-icon-box {
	background: none;
}

.geelark-template-row .geelark-row-title {
	margin: 0;
	font-weight: 500;
}

.geelark-template-row ~ .geelark-arrow-link {
	margin-top: 1.5rem !important;
}

/* Stacked platform cards (icon above the title) */
.geelark-platform-card.is-stacked {
	display: block;
	padding: 24px 16px 24px 16px;
}

.geelark-platform-card.is-stacked > * + * {
	margin-top: 1rem;
}

.geelark-platform-card.is-stacked .geelark-brand-icon {
	width: 2rem;
	height: 2rem;
	margin: 0 0 2rem 1rem;
}

/* Toolkit */
.geelark-feature-tiles.is-two {
	max-width: 880px !important;
	margin-inline: auto !important;
	gap: 18px 64px !important;
}

.geelark-models {
	margin-top: 3rem !important;
	padding-inline: 64px;
}

.geelark-model-badge {
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	margin: 0 !important;
	border-radius: 8px;
	background: var(--wp--preset--color--tint-strong);
	color: var(--wp--preset--color--secondary);
	font-size: 0.5rem;
	text-align: center;
	line-height: 1.1;
}

@media (min-width: 782px) {
	.geelark-platform-cards.is-thirds {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	.geelark-feature-tiles.is-two {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 781px) {
	.geelark-models {
		gap: 1rem;
		padding-inline: 0;
	}

	.geelark-feature-tiles.is-two {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

/* ---------- Feature page: image to video ---------- */

.geelark-card-num.is-blue,
.geelark-big-num {
	color: var(--wp--preset--color--primary);
}

/* 2x2 image cards without a frame */
.geelark-image-cards {
	margin-top: 3rem !important;
	gap: 48px 100px !important;
	padding-inline: 24px;
}

.geelark-image-card .geelark-media {
	border-radius: 12px;
}

.geelark-image-card h3 {
	margin-top: 1.5rem;
}

.geelark-image-card h3 + p {
	margin-top: 0.75rem;
}

/* Model grid */
.geelark-model-grid {
	gap: 3px !important;
	overflow: hidden;
	border: 2px solid #edf2f7;
	border-radius: 16px;
	background: #edf2f7;
}

.geelark-model-tile {
	padding: 16px;
	background: var(--wp--preset--color--base);
}

.geelark-model-tile > * {
	margin: 0 0 0.75rem !important;
}

.geelark-model-tile.is-fill {
	background: var(--wp--preset--color--tint-strong);
}

.geelark-feature-icon.is-blue {
	background: var(--wp--preset--color--primary);
}

#models .wp-block-column > .geelark-media {
	margin-top: 1.5rem;
}

/* Three joined step cards */
.geelark-joined-steps {
	margin-top: 3rem !important;
	gap: 0 !important;
	overflow: hidden;
	border: 2px solid #edf2f7;
	border-radius: 16px;
}

.geelark-joined-step {
	padding: 24px;
}

.geelark-joined-step + .geelark-joined-step {
	border-left: 2px solid #edf2f7;
}

.geelark-big-num {
	margin: 0 0 1.5rem !important;
	font-size: 1.5rem;
}

/* Workflow cards */
.geelark-flow-cards {
	margin-top: 3rem !important;
	gap: 32px !important;
}

.geelark-flow-card {
	padding: 40px 24px;
	border: 2px solid #edf2f7;
	border-radius: 24px;
}

.geelark-flow-card.is-cyan {
	background: var(--wp--preset--color--card-cyan);
}

.geelark-flow-card.is-blue {
	border-color: #dbe7fd;
	background: #e6efff;
}

.geelark-flow-card .geelark-card-num {
	color: var(--wp--preset--color--primary);
	margin-bottom: 2rem !important;
}

.geelark-flow-card h3 {
	font-family: var(--wp--preset--font-family--noto);
	font-weight: 400 !important;
}

.geelark-flow-card .geelark-arrow-link {
	margin-top: 2.5rem;
}

.geelark-action-bar {
	gap: 1rem !important;
	margin-top: 3.5rem !important;
	padding-top: 2rem;
	border-top: 3px solid var(--wp--preset--color--tint);
}

.geelark-action-bar > * {
	margin: 0 !important;
}

.geelark-action-bar .wp-block-button__link {
	padding: 8px 32px;
	font-size: var(--wp--preset--font-size--small);
}

/* Template list under "automate what comes next" */
.geelark-template-list {
	margin-top: 5rem !important;
	padding-left: 84px;
}

.geelark-template-list > * {
	max-width: 356px;
}

.geelark-template-list .geelark-arrow-link {
	text-align: center;
}

.geelark-divided {
	margin-top: 4rem !important;
	padding-top: 3rem !important;
	border-top: 3px solid var(--wp--preset--color--tint);
}

/* More tools */
.geelark-tool-row {
	gap: 1.25rem;
	padding: 40px 24px;
}

.geelark-tool-row h3 {
	margin: 0;
	font-weight: 400;
}

.geelark-tool-row .geelark-icon-box::after {
	color: var(--wp--preset--color--contrast);
}

#resources .geelark-resources {
	margin-top: 3rem !important;
	padding-inline: 0;
}

@media (max-width: 781px) {
	.geelark-image-cards {
		gap: 32px !important;
		padding-inline: 0;
	}

	.geelark-joined-step + .geelark-joined-step {
		border-left: 0;
		border-top: 2px solid #edf2f7;
	}

	.geelark-template-list {
		padding-left: 0;
	}
}

@media (min-width: 782px) {
	.geelark-flow-cards,
	.geelark-joined-steps {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

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

@media (max-width: 781px) {
	.geelark-flow-cards,
	.geelark-joined-steps {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

/* ---------- Feature page: text to video ---------- */

/* 2x2 joined cards */
.geelark-joined-steps.is-two {
	gap: 0 !important;
	border: 0;
	overflow: visible;
}

.geelark-joined-steps.is-two .geelark-joined-step {
	border: 2px solid #edf2f7;
}

.geelark-joined-steps.is-two .geelark-joined-step:nth-child(odd) {
	border-radius: 16px 0 0 16px;
}

.geelark-joined-steps.is-two .geelark-joined-step:nth-child(even) {
	border-left: 0;
	border-radius: 0 16px 16px 0;
}

.geelark-joined-steps.is-two .geelark-joined-step:nth-child(n + 3) {
	margin-top: 32px;
}

.geelark-joined-steps.is-two h3 + p {
	margin-top: 0.75rem;
}

/* Cards with a rule on top */
.geelark-rule-cards {
	margin-top: 3rem !important;
	gap: 0 32px !important;
}

.geelark-rule-card {
	padding: 40px 24px;
	border-top: 3px solid var(--wp--preset--color--tint);
}

.geelark-rule-card h3 {
	margin-top: 2rem;
	font-family: var(--wp--preset--font-family--noto);
	font-weight: 400;
}

.geelark-rule-card h3 + p {
	margin-top: 0.75rem;
}

.geelark-rule-card .geelark-icon-box {
	background: var(--wp--preset--color--tint);
}

/* Five small workflow cards */
.geelark-flow-card.is-small {
	min-height: 180px;
	padding: 40px 24px 32px;
}

.geelark-flow-card.is-small .geelark-card-num {
	margin-bottom: 1.5rem !important;
}

.geelark-flow-label {
	margin: 0;
	color: var(--wp--preset--color--contrast);
	font-size: 1.125rem;
}

.geelark-plain-cols {
	gap: 32px !important;
}

.geelark-plain-col .geelark-arrow-link {
	margin-top: 2rem;
}

.geelark-plain-col h3 + p {
	margin-top: 0.75rem;
}

.geelark-action-bar.is-plain {
	margin-top: 2rem !important;
	padding-top: 0;
	border-top: 0;
}

.geelark-tool-row h3 a {
	color: inherit;
	text-decoration: none;
}

@media (min-width: 782px) {
	.geelark-joined-steps.is-two,
	.geelark-rule-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.geelark-flow-cards.is-five {
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	}

	.geelark-plain-cols {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 781px) {
	.geelark-joined-steps.is-two,
	.geelark-rule-cards,
	.geelark-plain-cols {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.geelark-flow-cards.is-five {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.geelark-joined-steps.is-two .geelark-joined-step {
		border-left: 2px solid #edf2f7 !important;
		border-radius: 16px !important;
	}

	.geelark-joined-steps.is-two .geelark-joined-step + .geelark-joined-step {
		margin-top: 16px;
	}
}

/* ---------- Feature page: image generator ---------- */

#intro .geelark-chooser + .wp-block-buttons,
#models .geelark-media + .wp-block-buttons {
	margin-top: 2rem;
}

#intro .wp-block-buttons .wp-block-button__link,
#models .wp-block-buttons .wp-block-button__link {
	padding: 8px 32px;
	font-size: var(--wp--preset--font-size--small);
}

.geelark-image-cards + .geelark-divided {
	margin-top: 3rem !important;
}

/* ---------- Feature page: AI video editor ---------- */

.geelark-blue-title {
	color: var(--wp--preset--color--primary) !important;
}

.geelark-chooser.is-four .geelark-choose h3 + p {
	margin-top: 0.75rem;
}

.geelark-chooser.is-four + .geelark-platforms {
	margin-top: 3rem !important;
}

#intro .geelark-image-cards + .wp-block-buttons {
	margin-top: 3rem;
}

#intro .geelark-image-cards + .wp-block-buttons .wp-block-button__link {
	padding: 8px 32px;
	font-size: var(--wp--preset--font-size--small);
}

@media (min-width: 782px) {
	.geelark-chooser.is-four,
	.geelark-flow-cards.is-four,
	.geelark-joined-steps.is-four {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}

@media (min-width: 782px) and (max-width: 1100px) {
	.geelark-chooser.is-four,
	.geelark-flow-cards.is-four,
	.geelark-joined-steps.is-four {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 781px) {
	.geelark-chooser.is-four,
	.geelark-flow-cards.is-four,
	.geelark-joined-steps.is-four {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

/* ---------- Model page: Seedance ---------- */

.geelark-hero-section .geelark-hero + .geelark-platforms {
	margin-top: 2.5rem !important;
}

.geelark-template-list.is-centered {
	margin-inline: auto !important;
	margin-top: 2.5rem !important;
	padding-left: 0;
}

.geelark-template-list.is-centered > * {
	max-width: 400px;
	margin-inline: auto;
}

.geelark-template-list.is-centered .wp-block-buttons {
	margin-top: 1.5rem;
}

.geelark-template-list.is-centered .wp-block-button__link {
	padding: 4px 32px;
	font-size: var(--wp--preset--font-size--small);
}


/* ---------- Features mega menu: detailed line icons and model badges ---------- */

/* Thin, slightly lighter icons like the reference menu */
.geelark-mega [class*="icon-mi-"] > .wp-block-navigation-item__content {
	gap: 0.875rem;
}

.geelark-mega [class*="icon-mi-"] > .wp-block-navigation-item__content::before {
	width: 1.25rem;
	height: 1.25rem;
	color: #4a5568;
}

/* Model badges: a coloured monogram until an official logo is added
   (set --geelark-model-logo on .model-<slug> to an image you are licensed to use). */
.geelark-mega .geelark-model > .wp-block-navigation-item__content {
	display: flex;
	align-items: center;
	gap: 0.875rem;
}

.geelark-mega .geelark-model > .wp-block-navigation-item__content::before {
	content: var(--geelark-model-letter);
	display: grid;
	flex: none;
	place-items: center;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 6px;
	background: var(--geelark-model-logo, var(--geelark-model-bg)) center / contain no-repeat;
	color: var(--geelark-model-fg);
	font-size: 0.6875rem;
	font-weight: 700;
	line-height: 1;
}

.geelark-mega .geelark-model[style*="--geelark-model-logo"] > .wp-block-navigation-item__content::before {
	content: "";
}

.icon-mi-ai { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='15' height='15' rx='3'/%3E%3Cpath d='M6.5 16.5l2.2-7 2.2 7M7.3 14h2.8M14 9.5v7'/%3E%3Cpath d='M19.5 2.5v4M17.5 4.5h4'/%3E%3C/svg%3E"); }
.icon-mi-accounts { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5.5' cy='5.5' r='2'/%3E%3Ccircle cx='12' cy='5.5' r='2'/%3E%3Ccircle cx='18.5' cy='5.5' r='2'/%3E%3Cpath d='M2.5 12c0-1.7 1.3-3 3-3s3 1.3 3 3M9 12c0-1.7 1.3-3 3-3s3 1.3 3 3M15.5 12c0-1.7 1.3-3 3-3s3 1.3 3 3'/%3E%3Ccircle cx='7' cy='18' r='2.2'/%3E%3Cpath d='M7 14.8v1M7 20.2v1M3.8 18h1M9.2 18h1'/%3E%3Ccircle cx='15.5' cy='18' r='1.6'/%3E%3Cpath d='M15.5 15.6v.8M15.5 19.6v.8M13.1 18h.8M17.1 18h.8'/%3E%3C/svg%3E"); }
.icon-mi-robot { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='6' width='14' height='10' rx='3'/%3E%3Cpath d='M12 3v3M10.5 2.5h3'/%3E%3Ccircle cx='9.5' cy='11' r='1'/%3E%3Ccircle cx='14.5' cy='11' r='1'/%3E%3Cpath d='M10 13.8h4M3 10v3M21 10v3M8 16v3h-2M12 16v5M16 16v3h2'/%3E%3C/svg%3E"); }
.icon-mi-sync { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='8' width='7' height='12' rx='1.5'/%3E%3Crect x='13' y='4' width='7' height='12' rx='1.5'/%3E%3Cpath d='M7 17.5h1M16 13.5h1'/%3E%3Cpath d='M3 5.5a5 5 0 0 1 7-2.5M9 1.5l1 1.5-1.8.6M21 18.5a5 5 0 0 1-7 2.5M15 22.5l-1-1.5 1.8-.6'/%3E%3C/svg%3E"); }
.icon-mi-team { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2.5h8a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3l-2 2v-2H8A1.5 1.5 0 0 1 6.5 7V4A1.5 1.5 0 0 1 8 2.5z'/%3E%3Cpath d='M9.5 5.7h.01M12 5.7h.01M14.5 5.7h.01'/%3E%3Ccircle cx='12' cy='14' r='2.2'/%3E%3Cpath d='M8 21.5c0-2.2 1.8-4 4-4s4 1.8 4 4'/%3E%3Ccircle cx='5' cy='15.5' r='1.7'/%3E%3Cpath d='M1.8 21.5c0-1.8 1.4-3.2 3.2-3.2'/%3E%3Ccircle cx='19' cy='15.5' r='1.7'/%3E%3Cpath d='M22.2 21.5c0-1.8-1.4-3.2-3.2-3.2'/%3E%3C/svg%3E"); }
.icon-mi-api { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 2.5h3.4l.5 2.4 1.9.8 2-1.4 2.4 2.4-1.4 2 .8 1.9 2.4.5v3.4l-2.4.5-.8 1.9 1.4 2-2.4 2.4-2-1.4-1.9.8-.5 2.4h-3.4l-.5-2.4-1.9-.8-2 1.4-2.4-2.4 1.4-2-.8-1.9-2.4-.5v-3.4l2.4-.5.8-1.9-1.4-2 2.4-2.4 2 1.4 1.9-.8z'/%3E%3Cpath d='M7.3 14.5l1.2-5 1.2 5M7.7 13h1.6M11 14.5v-5h1.2a1.3 1.3 0 0 1 0 2.6H11M15.3 9.5v5'/%3E%3C/svg%3E"); }
.icon-mi-assistant { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 6.5l1.4 4.1 4.1 1.4-4.1 1.4L12 17.5l-1.4-4.1L6.5 12l4.1-1.4z'/%3E%3C/svg%3E"); }
.icon-mi-img2vid { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='14' height='14' rx='2'/%3E%3Cpath d='M2.5 16l4-4 3 3 2-2 5 5'/%3E%3Ccircle cx='12' cy='9.5' r='1.3'/%3E%3Cpath d='M16.5 10l5-3v10l-5-3'/%3E%3C/svg%3E"); }
.icon-mi-txt2vid { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='14' height='14' rx='2'/%3E%3Cpath d='M5 15.5l2-6 2 6M5.6 13.6h2.8M11 12.3a1.6 1.6 0 1 1 0 3.2 1.6 1.6 0 0 1 0-3.2zM12.6 12v3.5'/%3E%3Cpath d='M16.5 10l5-3v10l-5-3'/%3E%3C/svg%3E"); }
.icon-mi-imggen { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4.5H5A2.5 2.5 0 0 0 2.5 7v11A2.5 2.5 0 0 0 5 20.5h11a2.5 2.5 0 0 0 2.5-2.5V11'/%3E%3Cpath d='M2.5 16.5l4.5-4.5 3.5 3.5 2-2 6 6'/%3E%3Ccircle cx='8.5' cy='9' r='1.4'/%3E%3Cpath d='M19 2.5l.9 2.1 2.1.9-2.1.9L19 8.5l-.9-2.1-2.1-.9 2.1-.9z'/%3E%3C/svg%3E"); }
.icon-mi-editor { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4.5H5A2.5 2.5 0 0 0 2.5 7v11A2.5 2.5 0 0 0 5 20.5h11a2.5 2.5 0 0 0 2.5-2.5V11'/%3E%3Cpath d='M8.5 9.5v6l5-3z'/%3E%3Cpath d='M2.5 17h16'/%3E%3Cpath d='M19 2.5l.9 2.1 2.1.9-2.1.9L19 8.5l-.9-2.1-2.1-.9 2.1-.9z'/%3E%3C/svg%3E"); }

.model-seedance { --geelark-model-letter: "S"; --geelark-model-fg: #4f6ef7; --geelark-model-bg: #e8edff; }
.model-veo { --geelark-model-letter: "V"; --geelark-model-fg: #1a73e8; --geelark-model-bg: #e6f0fd; }
.model-kling { --geelark-model-letter: "K"; --geelark-model-fg: #0e9f8d; --geelark-model-bg: #e3f6f3; }
.model-nano-banana { --geelark-model-letter: "N"; --geelark-model-fg: #c99400; --geelark-model-bg: #fff5d6; }
.model-hailuo { --geelark-model-letter: "H"; --geelark-model-fg: #e0457b; --geelark-model-bg: #fde8f0; }

/* Platform icons in the multi-account panel match the other menu icons */
.geelark-mega .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container [class*="icon-"] > .wp-block-navigation-item__content {
	gap: 0.875rem;
}

.geelark-mega .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container [class*="icon-"] > .wp-block-navigation-item__content::before {
	width: 1.25rem;
	height: 1.25rem;
	color: #4a5568;
}

/* Platform logos in the multi-account panel (see assets/icons/brands/README.md) */
.geelark-mega .geelark-brand > .wp-block-navigation-item__content {
	display: flex;
	align-items: center;
	gap: 0.875rem;
}

.geelark-mega .geelark-brand > .wp-block-navigation-item__content::before {
	content: "";
	flex: none;
	width: 1.25rem;
	height: 1.25rem;
	background: var(--geelark-brand-logo) center / contain no-repeat;
}

.brand-tiktok { --geelark-brand-logo: url("../icons/brands/tiktok.svg"); }
.brand-instagram { --geelark-brand-logo: url("../icons/brands/instagram.svg"); }
.brand-youtube { --geelark-brand-logo: url("../icons/brands/youtube.svg"); }
.brand-reddit { --geelark-brand-logo: url("../icons/brands/reddit.svg"); }
.brand-pinterest { --geelark-brand-logo: url("../icons/brands/pinterest.svg"); }
.brand-facebook { --geelark-brand-logo: url("../icons/brands/facebook.svg"); }
.brand-x { --geelark-brand-logo: url("../icons/brands/x.svg"); }


/* ---------- Multi-account management pages ---------- */

/* Audience band */
.geelark-audience-band {
	margin-block: 16px 0 !important;
	padding-block: 48px;
	border-block: 2px solid #edf2f7;
	background: #f7faff;
}

.geelark-audience-cards {
	gap: 0 !important;
	overflow: hidden;
	border: 2px solid #edf2f7;
	border-radius: 16px;
	background: var(--wp--preset--color--base);
}

.geelark-audience-card {
	padding: 24px 16px;
}

.geelark-audience-card + .geelark-audience-card {
	border-left: 2px solid #edf2f7;
}

.geelark-audience-card .geelark-icon-box {
	width: 1.5rem;
	height: 1.5rem;
	background: none;
}

.geelark-audience-card .geelark-icon-box::after {
	inset: 0;
	color: var(--wp--preset--color--primary);
}

.geelark-audience-card h3 {
	margin-top: 1rem;
}

.geelark-audience-card h3 + p {
	margin-top: 0.5rem;
}

/* Problem grid and the "solution" panel */
.geelark-problem-cols {
	margin-top: 3rem !important;
	gap: 32px;
}

.geelark-problem-cols .geelark-model-tile {
	padding: 24px 16px;
}

.geelark-problem-cols .geelark-model-tile .geelark-icon-box {
	width: 1.5rem;
	height: 1.5rem;
	margin-bottom: 1.25rem;
	background: none;
}

.geelark-problem-cols .geelark-model-tile .geelark-icon-box::after {
	inset: 0;
}

.geelark-solve-panel {
	height: 100%;
	padding: 24px 16px;
	border: 2px solid #c3dafe;
	border-radius: 16px;
	background: #f7faff;
}

.geelark-solve-title {
	margin: 0.5rem 0.5rem 1.25rem !important;
	color: var(--wp--preset--color--primary);
	font-size: 1.125rem;
	font-weight: 600;
}

.geelark-solve-row {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin: 0 0 1rem !important;
	padding: 1rem 1.5rem;
	border: 2px solid #edf2f7;
	border-radius: 12px;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
}

.geelark-solve-row::before {
	content: "";
	width: 0.7rem;
	height: 0.4rem;
	border-left: 2px solid #48bb78;
	border-bottom: 2px solid #48bb78;
	transform: rotate(-45deg) translateY(-2px);
}

#templates .geelark-template-row ~ .wp-block-buttons {
	margin-top: 1.25rem;
}

#templates .geelark-template-row ~ .wp-block-buttons .wp-block-button__link {
	padding: 4px 32px;
	font-size: var(--wp--preset--font-size--small);
}

@media (min-width: 782px) {
	.geelark-audience-cards {
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	}
}

@media (min-width: 782px) and (max-width: 1100px) {
	.geelark-audience-cards {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 781px) {
	.geelark-audience-cards {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.geelark-audience-card + .geelark-audience-card {
		border-left: 0;
		border-top: 2px solid #edf2f7;
	}
}

.icon-home { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 11 12 4l8.5 7'/%3E%3Cpath d='M5.5 9.5V20h13V9.5'/%3E%3Cpath d='M10 20v-5h4v5'/%3E%3C/svg%3E"); }

/* ---------- Feature page: automation ---------- */

/* Hero pills with a green dot */
.geelark-dot-pill {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin: 0 !important;
	padding: 0.75rem 1.5rem;
	border: 2px solid #edf2f7;
	border-radius: 999px;
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
}

.geelark-dot-pill::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #48bb78;
	box-shadow: 0 0 0 3px rgba(72, 187, 120, 0.2);
}

/* Sources -> methods diagram */
.geelark-sources {
	margin-top: 3rem !important;
	gap: 32px !important;
}

.geelark-source-card {
	gap: 1rem;
	padding: 1rem 1.5rem;
	border: 2px solid #c3dafe;
	border-radius: 16px;
	background: #f7faff;
}

.geelark-source-card .geelark-icon-box {
	width: 1.25rem;
	height: 1.25rem;
	background: none;
}

.geelark-source-card .geelark-icon-box::after {
	inset: 0;
	color: var(--wp--preset--color--primary);
}

.geelark-flow-down {
	position: relative;
	height: 72px;
	margin: 0 auto !important;
}

.geelark-flow-down::before {
	content: "";
	position: absolute;
	top: 0;
	left: 7.5%;
	right: 7.5%;
	height: 32px;
	border: 3px solid #c3dafe;
	border-top: 0;
}

.geelark-flow-down::after {
	content: "";
	position: absolute;
	top: 34px;
	left: 50%;
	width: 3px;
	height: 30px;
	background: #c3dafe;
	transform: translateX(-50%);
}

.geelark-method-box {
	padding: 24px;
	border: 2px solid #edf2f7;
	border-radius: 24px;
	background: #f7faff;
}

.geelark-method-grid {
	max-width: 880px;
	margin-inline: auto !important;
	gap: 16px 64px !important;
}

.geelark-method-grid .geelark-feature-tile {
	background: var(--wp--preset--color--base);
}

.geelark-method-box > p {
	margin-top: 1rem;
}

.geelark-plain-cols.is-three,
.geelark-ways-cols {
	margin-top: 2.5rem !important;
}

.geelark-ways-cols + .wp-block-buttons {
	margin-top: 3rem;
}

.geelark-ways-cols + .wp-block-buttons .wp-block-button__link {
	padding: 8px 32px;
	font-size: var(--wp--preset--font-size--small);
}

.geelark-joined-step .geelark-arrow-link {
	margin-top: 1.5rem;
}

/* Workspace -> profiles diagram */
.geelark-ws-box {
	padding: 16px 20px;
	border: 2px solid #c3dafe;
	border-radius: 12px;
	background: #f4f8ff;
}

.geelark-ws-box > * {
	margin: 0 !important;
}

.geelark-ws-branch {
	height: 40px;
	margin: 0 16.6% !important;
	border: 1.5px solid #c3dafe;
	border-bottom: 0;
	background: linear-gradient(#c3dafe, #c3dafe) center top / 1.5px 100% no-repeat;
}

.geelark-profiles {
	gap: 16px !important;
	margin-top: 0 !important;
}

.geelark-profile {
	padding: 12px;
	border: 1.5px solid #edf2f7;
	border-radius: 12px;
}

.geelark-profile.is-active {
	border-color: var(--wp--preset--color--primary);
}

.geelark-profile > * {
	margin: 0 !important;
}

.geelark-profile-screen {
	height: 200px;
	margin-bottom: 12px !important;
	border-radius: 10px;
	background: linear-gradient(#f7faff, #eef4ff);
}

.geelark-mobile-cols {
	margin-top: 3rem !important;
	gap: 48px;
}

.geelark-mobile-cols h3 {
	margin-top: 2rem;
}

.geelark-mobile-cols h3 + p {
	margin-top: 0.75rem;
}

/* Brand logos inside tabs */
.geelark-tab-icon.geelark-brand-tab {
	background: var(--geelark-brand-logo) center / contain no-repeat;
	-webkit-mask: none;
	mask: none;
}

.geelark-tab.is-active .geelark-tab-icon.geelark-brand-tab {
	filter: brightness(0) invert(1);
}

/* Patchwork vs workspace */
.geelark-vs {
	margin-top: 3rem !important;
	gap: 32px !important;
}

.geelark-vs-card {
	padding: 24px;
	border: 2px solid #c3dafe;
	border-radius: 16px;
	background: #f7faff;
}

.geelark-vs-card.is-good {
	background: var(--wp--preset--color--base);
	box-shadow: 0 12px 40px rgba(1, 112, 249, 0.12);
}

.geelark-vs-card h3 {
	margin-top: 2rem;
}

.geelark-xlist {
	margin-top: 1rem !important;
}

.geelark-xlist > * {
	margin: 0 0 0.4rem !important;
}

.geelark-x-row,
.geelark-v-row {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	color: var(--wp--preset--color--contrast);
}

.geelark-x-row::before {
	content: "✕";
	color: var(--wp--preset--color--primary);
	font-weight: 700;
}

.geelark-v-row::before {
	content: "✓";
	color: var(--wp--preset--color--primary);
	font-weight: 700;
}

@media (min-width: 782px) {
	.geelark-sources,
	.geelark-plain-cols.is-three {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

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

	.geelark-ways-cols {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}

	.geelark-profiles {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 781px) {
	.geelark-sources,
	.geelark-plain-cols.is-three,
	.geelark-method-grid,
	.geelark-vs,
	.geelark-ways-cols {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.geelark-flow-down::before {
		display: none;
	}

	.geelark-profile-screen {
		height: 120px;
	}
}


/* ---------- Feature page: synchronizer ---------- */

.geelark-demo-card.is-large {
	margin-top: 3rem !important;
	padding: 48px 0 48px 72px;
}

/* "What it does" box and tree diagram */
.geelark-what-cols {
	gap: 32px;
}

.geelark-copies-box {
	margin-top: 1.5rem !important;
	padding: 16px 18px;
	border: 2px solid #edf2f7;
	border-radius: 16px;
}

.geelark-copies-box > * {
	margin: 0 0 0.5rem !important;
}

.geelark-bullets {
	gap: 0.25rem 1rem !important;
}

.geelark-bullet {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin: 0 !important;
	color: var(--wp--preset--color--contrast);
}

.geelark-bullet::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #a0aec0;
}

.geelark-copies-foot {
	margin-top: 0.75rem !important;
	padding-top: 0.75rem;
	border-top: 2px solid #edf2f7;
	color: var(--wp--preset--color--primary);
}

.geelark-tree-card {
	padding: 36px 88px;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
}

.geelark-tree-node {
	padding: 12px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	text-align: center;
}

.geelark-tree-node.is-top {
	border-color: #c3dafe;
	background: #f4f8ff;
}

.geelark-tree-node.is-leaf {
	background: #f7faff;
}

.geelark-tree-node > * {
	margin: 0 !important;
}

.geelark-tree-label {
	color: var(--wp--preset--color--primary);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.geelark-tree-title {
	color: var(--wp--preset--color--primary);
	font-weight: 600;
}

.geelark-tree-title.is-small {
	font-size: var(--wp--preset--font-size--small);
}

.geelark-tree-stem {
	width: 1px;
	height: 26px;
	margin: 0 auto !important;
	background: #c3dafe;
}

.geelark-tree .geelark-ws-branch {
	height: 24px;
}

.geelark-tree-leaves {
	gap: 10px !important;
}

.geelark-tree-card + .geelark-arrow-link {
	margin-top: 2rem;
}

/* Synchronizer UI mock-up */
.geelark-sync-mock {
	margin-top: 2.5rem !important;
	overflow: hidden;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	font-size: 0.8125rem;
}

.geelark-sync-mock p {
	margin: 0;
}

.geelark-mock-toolbar {
	gap: 0.5rem;
	padding: 10px 14px;
	border-bottom: 1px solid #e2e8f0;
}

.geelark-mock-chip {
	padding: 3px 10px;
	border: 1px solid #e2e8f0;
	border-radius: 4px;
	color: var(--wp--preset--color--body);
}

.geelark-mock-chip.is-on {
	border-color: var(--wp--preset--color--primary);
	background: var(--wp--preset--color--primary);
	color: #fff;
}

.geelark-mock-label {
	color: #718096;
	font-weight: 600;
}

.geelark-mock-btn {
	padding: 4px 14px;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	color: var(--wp--preset--color--contrast);
	font-weight: 600;
}

.geelark-mock-btn.is-blue {
	border-color: var(--wp--preset--color--primary);
	background: var(--wp--preset--color--primary);
	color: #fff;
}

.geelark-mock-btn.is-red {
	border-color: #e53e3e;
	color: #e53e3e;
}

.geelark-mock-toolbar .geelark-mock-label + .geelark-mock-btn {
	margin-left: auto;
}

.geelark-mock-body {
	display: grid;
	grid-template-columns: 130px repeat(3, minmax(0, 1fr));
	gap: 14px;
	padding: 14px;
	background: #f7faff;
}

.geelark-mock-side > * + * {
	margin-top: 8px !important;
}

.geelark-mock-item {
	padding: 6px 10px;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	background: #fff;
	font-weight: 600;
}

.geelark-mock-item.is-on {
	border-color: #c3dafe;
	background: var(--wp--preset--color--tint);
	color: var(--wp--preset--color--primary);
}

.geelark-mock-window {
	padding: 8px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #fff;
}

.geelark-mock-title {
	padding-bottom: 8px;
	text-align: center;
	font-weight: 600;
}

.geelark-mock-title.is-main {
	color: var(--wp--preset--color--primary);
}

.geelark-mock-screen {
	height: 360px;
	padding: 10px;
	border-radius: 4px;
	background: #dbe8ff;
}

/* Same home screen in every window: the synced phones mirror the main one. */
.geelark-mock-apps {
	height: calc(100% - 44px);
	margin-top: 14px;
	background: url("../img/illustrations/mock-apps.svg") top center / min(100%, 260px) auto no-repeat;
}

.geelark-mock-search {
	padding: 4px 10px;
	border-radius: 999px;
	background: #fff;
	color: #718096;
}

.geelark-action-grid {
	margin-top: 2.5rem !important;
	gap: 48px 32px !important;
	padding-inline: 24px;
}

.geelark-action-item h3 {
	margin-top: 1.5rem;
	font-family: var(--wp--preset--font-family--noto);
	font-weight: 400;
}

.geelark-action-item h3 + p {
	margin-top: 0.75rem;
}

/* Steps without frames */
.geelark-plain-step {
	padding: 24px;
}

.geelark-plain-step h3 {
	margin-top: 1.5rem;
	font-family: var(--wp--preset--font-family--noto);
	font-weight: 400;
}

.geelark-plain-step + .geelark-plain-step {
	border: 0;
}

/* Use list */
.geelark-use-list {
	gap: 0.5rem 2rem !important;
}

.geelark-use-list > * {
	margin: 0 !important;
}

/* Account columns */
.geelark-acct-card {
	max-width: 1150px !important;
	margin-top: 2.5rem !important;
	padding: 36px;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
}

.geelark-sync-bar {
	margin: 0 0 1.5rem !important;
	padding: 14px;
	border: 1px solid #c3dafe;
	border-radius: 8px;
	background: var(--wp--preset--color--tint);
	color: var(--wp--preset--color--primary);
	font-weight: 700;
	letter-spacing: 0.12em;
	text-align: center;
	text-transform: uppercase;
}

.geelark-acct-cols {
	gap: 20px !important;
}

.geelark-acct-col {
	padding: 18px;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	background: #f9fbff;
}

.geelark-acct-col .geelark-tree-label {
	color: #718096;
}

.geelark-acct-row {
	margin: 0.75rem 0 0 !important;
	padding: 14px 18px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #fff;
	color: #4a5568;
	font-size: 1.125rem;
}

.geelark-acct-row.is-strong {
	color: var(--wp--preset--color--contrast);
	font-weight: 700;
}

.geelark-acct-card + .geelark-arrow-link,
.geelark-chooser.is-four + .geelark-arrow-link {
	margin-top: 2rem;
}

.geelark-compare-table.is-tools td:nth-child(2) {
	font-weight: 600;
}

@media (min-width: 782px) {
	.geelark-action-grid,
	.geelark-tree-leaves,
	.geelark-acct-cols {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

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

@media (max-width: 781px) {
	.geelark-action-grid,
	.geelark-acct-cols,
	.geelark-use-list {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.geelark-tree-card,
	.geelark-demo-card.is-large {
		padding: 24px;
	}

	.geelark-mock-body {
		grid-template-columns: minmax(0, 1fr);
	}

	.geelark-mock-side,
	.geelark-mock-window:not(:nth-child(2)) {
		display: none;
	}

	.geelark-mock-screen {
		height: 220px;
	}
}

.icon-sy-click { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 8l9 4-4 1.5L11.5 18z'/%3E%3Cpath d='M4 4l2 2M4 9h2M9 4v2'/%3E%3C/svg%3E"); }
.icon-sy-swipe { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 13V6.5a1.5 1.5 0 0 1 3 0V12'/%3E%3Cpath d='M12 11.5a1.5 1.5 0 0 1 3 0V13a1.5 1.5 0 0 1 3 0v2.5A5.5 5.5 0 0 1 12.5 21h-1a5 5 0 0 1-4-2L5 15.5a1.5 1.5 0 0 1 2.3-2L9 15'/%3E%3Cpath d='M3 5h4M5 3l-2 2 2 2'/%3E%3C/svg%3E"); }
.icon-sy-scroll { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 11l5-5 5 5M7 17l5-5 5 5'/%3E%3C/svg%3E"); }
.icon-sy-text { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6V4.5h14V6M12 4.5v15M9 19.5h6'/%3E%3C/svg%3E"); }
.icon-sy-text2 { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6V4.5h10V6M8 4.5v15M5.5 19.5h5'/%3E%3Cpath d='M18 6v13M15.5 8.5 18 6l2.5 2.5M15.5 16.5 18 19l2.5-2.5'/%3E%3C/svg%3E"); }
.icon-sy-tile { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E"); }

/* ---------- Feature page: team collaboration ---------- */

.geelark-team-hero .wp-block-buttons + .wp-block-buttons {
	margin-top: 0.75rem;
}

.geelark-team-row {
	gap: 64px;
}

.geelark-team-band {
	background: #f4f8ff;
	padding-block: 72px !important;
}

.geelark-tag-pill {
	display: inline-block;
	margin: 0 0 1rem !important;
	padding: 6px 14px;
	border: 3px solid;
	border-radius: 999px;
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

.geelark-tag-pill.is-purple { border-color: #9f7aea; }
.geelark-tag-pill.is-green { border-color: #9ae6b4; }
.geelark-tag-pill.is-orange { border-color: #f6ad55; }

.geelark-team-title {
	margin-bottom: 1.25rem !important;
	font-weight: 600 !important;
}

.geelark-team-row .wp-block-buttons {
	margin-top: 2rem;
}

.geelark-team-row .wp-block-button__link {
	min-width: 226px;
	padding: 8px 32px;
	text-align: center;
}

/* Review card */
.geelark-quote-card {
	padding: 32px 72px;
	border-radius: 24px;
	background: #f4f8ff;
}

.geelark-quote-card > * {
	margin: 0 !important;
}

.geelark-quote-mark {
	color: var(--wp--preset--color--primary);
	font-family: Georgia, serif;
	font-size: 4rem;
	font-weight: 700;
	line-height: 0.8;
}

.geelark-quote-text {
	margin-top: 0.25rem !important;
	color: var(--wp--preset--color--contrast);
	font-size: 1.25rem;
	font-weight: 700;
}

.geelark-quote-source {
	margin-top: 2rem !important;
	color: var(--wp--preset--color--contrast);
}

/* Dark band with app tiles */
.geelark-dark-band {
	margin-block: 24px !important;
	padding-block: 88px;
	background: #22262b;
}

.geelark-dark-title {
	color: #fff !important;
	font-weight: 700 !important;
}

.geelark-app-tiles {
	max-width: 1000px !important;
	gap: 4.5rem !important;
	margin-top: 4.5rem !important;
}

.geelark-app-tile {
	position: relative;
	width: 44px;
	height: 44px;
	margin: 0 !important;
	border-radius: 8px;
	background: #000;
	box-shadow: 0 0 14px rgba(1, 112, 249, 0.6);
}

.geelark-app-tile::after {
	content: "";
	position: absolute;
	inset: 10px;
	background: #fff;
	-webkit-mask: var(--geelark-icon) center / contain no-repeat;
	mask: var(--geelark-icon) center / contain no-repeat;
}

/* FAQ as an open list */
.geelark-faq-list {
	max-width: 672px !important;
	margin: 2rem auto 0 !important;
}

.geelark-faq-list h3 {
	margin-top: 2.5rem;
	font-family: var(--wp--preset--font-family--noto);
}

.geelark-faq-list h3 + p {
	margin-top: 1rem;
	color: var(--wp--preset--color--contrast);
}

/* Centred CTA */
.geelark-cta-box.is-centered {
	max-width: 1200px !important;
	padding: 72px 48px;
}

.geelark-cta-box.is-centered h2 {
	font-weight: 700;
}

.geelark-cta-box.is-centered .wp-block-buttons {
	margin-top: 3.5rem;
}

@media (max-width: 781px) {
	.geelark-team-row {
		gap: 24px;
	}

	.geelark-quote-card {
		padding: 24px;
	}

	.geelark-app-tiles {
		gap: 1.5rem !important;
	}
}


/* ---------- Feature page: API ---------- */

#intro .geelark-benefit h3 {
	margin-top: 1.5rem;
}

.geelark-plain-step .geelark-icon-box + h3 {
	margin-top: 1.5rem;
}

.geelark-compare-table.is-api thead th {
	background: #f1f1f1;
	font-weight: 500;
	text-align: center;
}

.geelark-compare-table.is-api tbody tr:nth-child(even) td {
	background: #f7f7f7;
}

.geelark-compare-table.is-api td:nth-child(2) {
	background: transparent;
}

.geelark-compare-table.is-api thead th:first-child::before {
	content: "Feature";
}

.geelark-compare-table.is-api + .geelark-chooser,
.geelark-table-wrap + .geelark-chooser {
	margin-top: 3.5rem !important;
}

.geelark-chooser + .geelark-arrow-link {
	margin-top: 2rem;
}

.icon-db { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5.5' rx='7' ry='2.5'/%3E%3Cpath d='M5 5.5v13c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5v-13M5 12c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5'/%3E%3C/svg%3E"); }

/* ---------- Solutions (use-scenarios) pages ---------- */

/* Icon cards (base tools / automation tools) */
.geelark-icon-cards {
	max-width: 1140px !important;
	gap: 20px !important;
}

.geelark-icon-card {
	padding: 36px 40px;
	border-radius: 8px;
	background: var(--wp--preset--color--base);
	box-shadow: 0 2px 14px rgba(26, 32, 44, 0.06);
}

.geelark-icon-card h3 {
	margin-top: 1rem;
	font-family: var(--wp--preset--font-family--noto);
}

.geelark-icon-card h3 + p {
	margin-top: 0.75rem;
	color: var(--wp--preset--color--contrast);
}

.geelark-big-icon {
	width: 56px;
	height: 56px;
	background: var(--wp--preset--color--primary);
	-webkit-mask: var(--geelark-icon) left center / contain no-repeat;
	mask: var(--geelark-icon) left center / contain no-repeat;
}

/* Social media marketing: outlined intro box and challenge cards */
.geelark-outline-box {
	padding: 24px 18px;
	border: 2px solid var(--wp--preset--color--primary);
	border-radius: 24px;
}

.geelark-outline-box p {
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
}

.geelark-sub-center {
	margin-top: 3rem !important;
}

.geelark-challenges {
	margin-top: 3rem !important;
	gap: 48px 32px !important;
}

.geelark-challenge {
	padding: 18px;
	border: 4px solid #edf2f7;
	border-radius: 24px;
}

.geelark-challenge p {
	margin-top: 1.25rem;
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
}

.geelark-circle-icon {
	position: relative;
	width: 90px;
	height: 90px;
	margin-left: 16px !important;
	border-radius: 50%;
	background: #edf2f7;
}

.geelark-circle-icon::after {
	content: "";
	position: absolute;
	inset: 22px;
	background: #4a5568;
	-webkit-mask: var(--geelark-icon) center / contain no-repeat;
	mask: var(--geelark-icon) center / contain no-repeat;
}

.geelark-shield-row {
	gap: 24px;
}

.geelark-shield-mark {
	width: 40px;
	height: 44px;
	margin: 6px 0 0 auto !important;
	background: var(--wp--preset--color--primary);
	clip-path: polygon(50% 0, 100% 18%, 100% 55%, 50% 100%, 0 55%, 0 18%);
}

.geelark-shield-row p {
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
}

.geelark-table-wrap.is-plain {
	padding: 0;
	border: 0;
}

.geelark-compare-table.is-smm thead th {
	background: transparent;
	font-weight: 600;
}

.geelark-compare-table.is-smm thead th:first-child::before {
	content: "Feature";
}

.geelark-compare-table.is-smm tbody tr:nth-child(odd) td {
	background: #f1f1f1;
}

.geelark-compare-table.is-smm tbody tr:nth-child(even) td {
	background: transparent;
}

.geelark-table-wrap.is-plain + .wp-block-buttons {
	margin-top: 2rem;
}

/* Text left, image right rows */
.geelark-side-row {
	gap: 48px;
	padding-inline: 64px;
}

.geelark-side-row .wp-block-button__link {
	padding: 8px 32px;
}

/* Soft cards */
.geelark-soft-cards {
	gap: 32px !important;
}

.geelark-soft-card {
	padding: 32px 40px;
	border-radius: 24px;
	background: #f8f9fb;
}

.geelark-soft-card:nth-child(4n + 2),
.geelark-soft-card:nth-child(4n + 3) {
	background: #f4f8ff;
}

.geelark-soft-card h2,
.geelark-soft-card h3 {
	font-weight: 400;
}

.geelark-soft-card h2 + p,
.geelark-soft-card h3 + p {
	margin-top: 0.75rem;
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
}

/* "Good fit" box */
.geelark-devices-cols {
	margin-top: 3rem !important;
	gap: 40px;
}

.geelark-devices-cols p {
	color: var(--wp--preset--color--contrast);
}

.geelark-fit-box {
	padding: 24px 36px;
	border: 2px solid var(--wp--preset--color--primary);
	border-radius: 24px;
}

.geelark-feature-icon.is-large {
	width: 3rem;
	height: 3rem;
}

.geelark-audience-col h3 {
	margin-top: 1.75rem;
}

.geelark-audience-col h3 + p {
	margin-top: 1rem;
}

@media (min-width: 782px) {
	.geelark-icon-cards,
	.geelark-challenges {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

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

@media (max-width: 781px) {
	.geelark-icon-cards,
	.geelark-challenges,
	.geelark-soft-cards {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.geelark-side-row {
		padding-inline: 0;
	}

	.geelark-shield-mark {
		display: none;
	}
}


/* ---------- Header: simple dropdowns (Products, Solutions) with icons ---------- */

.geelark-header .geelark-dropdown > .wp-block-navigation__submenu-container {
	min-width: 330px !important;
	padding: 10px;
	border-radius: 16px;
}

.geelark-header .geelark-dropdown > .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	padding: 0.7rem 1rem;
	color: #2d3748;
	font-size: var(--wp--preset--font-size--small);
}

.geelark-header .geelark-dropdown > .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	color: #2d3748;
}

.geelark-header .geelark-dropdown :is([class*="icon-so-"], [class*="icon-pr-"]) > .wp-block-navigation-item__content::before {
	content: "";
	flex: none;
	width: 1.25rem;
	height: 1.25rem;
	background: #4a5568;
	-webkit-mask: var(--geelark-icon) center / contain no-repeat;
	mask: var(--geelark-icon) center / contain no-repeat;
}

/* Open top-level item gets a soft pill like the reference menu */
@media (min-width: 1240px) {
	.geelark-main-nav .wp-block-navigation__container > .has-child > .wp-block-navigation-item__content {
		padding: 6px 10px;
		border-radius: 8px;
		transition: background 0.15s;
	}

	.geelark-main-nav .wp-block-navigation__container > .has-child:hover > .wp-block-navigation-item__content,
	.geelark-main-nav .wp-block-navigation__container > .has-child:focus-within > .wp-block-navigation-item__content {
		background: var(--wp--preset--color--tint);
		color: var(--wp--preset--color--contrast);
	}

	.geelark-main-nav .wp-block-navigation__container > .has-child {
		gap: 0;
		padding-right: 6px;
		border-radius: 8px;
	}

	.geelark-main-nav .wp-block-navigation__container > .has-child:hover,
	.geelark-main-nav .wp-block-navigation__container > .has-child:focus-within {
		background: var(--wp--preset--color--tint);
	}
}

.icon-so-social { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10v4h3l7 4V6L6 10z'/%3E%3Cpath d='M6 14l1 5h2.5l-1-4.6'/%3E%3Cpath d='M16.5 9.5a3.5 3.5 0 0 1 0 5M19 7.5l1.5-1M19 16.5l1.5 1M19.5 12h2'/%3E%3C/svg%3E"); }
.icon-so-seo { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='11.3' cy='9.3' r='2.6'/%3E%3Cpath d='M13.2 11.2l2 2'/%3E%3C/svg%3E"); }
.icon-so-ecom { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12.5H6z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3Cpath d='M12 11v5.5M9.5 14l2.5 2.5 2.5-2.5'/%3E%3C/svg%3E"); }
.icon-so-aff { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 10v4h2.5l6 3.5v-11L5 10z'/%3E%3Cpath d='M5 14l.8 4h2l-.8-3.6'/%3E%3Ccircle cx='17' cy='6' r='2.3'/%3E%3Ccircle cx='19' cy='12' r='2.3'/%3E%3Ccircle cx='16.5' cy='18' r='2.3'/%3E%3Cpath d='M17 5.2v1.6M19 11.2v1.6M16.5 17.2v1.6'/%3E%3C/svg%3E"); }
.icon-so-game { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8h10a4.5 4.5 0 0 1 4.4 5.4l-.6 3a2.4 2.4 0 0 1-4.2 1L15 16H9l-1.6 1.4a2.4 2.4 0 0 1-4.2-1l-.6-3A4.5 4.5 0 0 1 7 8z'/%3E%3Cpath d='M7.5 11v3M6 12.5h3'/%3E%3Ccircle cx='15.5' cy='11.5' r='.8'/%3E%3Ccircle cx='17.3' cy='13.3' r='.8'/%3E%3Cpath d='M10 5.5a2.5 2.5 0 0 1 4 0'/%3E%3C/svg%3E"); }
.icon-so-app { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2.5' width='11' height='19' rx='2'/%3E%3Cpath d='M9.5 18.5h2'/%3E%3Ccircle cx='17' cy='9' r='3.5'/%3E%3Cpath d='M15.5 9l1 1 2-2'/%3E%3Cpath d='M8 7.5h3M8 10.5h2.5M8 13.5h4'/%3E%3C/svg%3E"); }
.icon-so-air { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9a8 8 0 0 1 16 0'/%3E%3Cpath d='M4 9c1.5-1.2 3-1.2 4 0 1-1.2 3-1.2 4 0 1-1.2 3-1.2 4 0 1-1.2 2.5-1.2 4 0'/%3E%3Cpath d='M4.5 9.5l5.5 7M19.5 9.5L14 16.5M12 9v7'/%3E%3Ccircle cx='12' cy='18.5' r='3'/%3E%3Cpath d='M12 17.3v2.4'/%3E%3C/svg%3E"); }
.icon-so-ad { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='4' width='17' height='13' rx='2'/%3E%3Cpath d='M2.5 7.5h17'/%3E%3Cpath d='M5.5 14l1.4-4 1.4 4M6 12.8h1.8M10.5 10v4h.9a2 2 0 0 0 0-4z'/%3E%3Cpath d='M18 12.5l3.5 1.3v2.4c0 2-1.5 3.5-3.5 4.3-2-.8-3.5-2.3-3.5-4.3v-2.4z'/%3E%3Cpath d='M16.8 16.2l.9.9 1.6-1.6'/%3E%3C/svg%3E"); }

/* Keep the open parent label dark, like the reference */
@media (min-width: 1240px) {
	.geelark-main-nav .wp-block-navigation__container > .has-child:hover > .wp-block-navigation-item__content,
	.geelark-main-nav .wp-block-navigation__container > .has-child:focus-within > .wp-block-navigation-item__content,
	.geelark-main-nav .wp-block-navigation__container > .has-child:hover > .wp-block-navigation__submenu-icon {
		color: var(--wp--preset--color--contrast);
	}

	.geelark-main-nav .wp-block-navigation__container > .has-child > .wp-block-navigation-item__content {
		background: transparent !important;
	}
}

.icon-pr-phone { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 9.5A4 4 0 0 1 15 8a3.5 3.5 0 1 1 1 6.8'/%3E%3Crect x='6' y='11' width='8' height='11' rx='1.6'/%3E%3Cpath d='M9.3 19.5h1.4'/%3E%3C/svg%3E"); }
.icon-pr-browser { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='4' width='19' height='15' rx='2'/%3E%3Cpath d='M2.5 8h19M5.5 6h.01M7.5 6h.01M9.5 6h.01'/%3E%3Ccircle cx='9' cy='13' r='1.6'/%3E%3Ccircle cx='15' cy='13' r='1.6'/%3E%3Cpath d='M6.5 17c.4-1.2 1.4-2 2.5-2s2.1.8 2.5 2M12.5 17c.4-1.2 1.4-2 2.5-2s2.1.8 2.5 2'/%3E%3C/svg%3E"); }


/* ---------- Header: Resources dropdown (two columns, like the reference) ---------- */

.geelark-header .geelark-dropdown [class*="icon-rs-"] > .wp-block-navigation-item__content::before {
	content: "";
	flex: none;
	width: 1.375rem;
	height: 1.375rem;
	background: #4a5568;
	-webkit-mask: var(--geelark-icon) center / contain no-repeat;
	mask: var(--geelark-icon) center / contain no-repeat;
}

.geelark-header .geelark-dropdown .geelark-heading-explore,
.geelark-header .geelark-dropdown .geelark-heading-howto {
	flex-wrap: wrap;
}

.geelark-header .geelark-dropdown .geelark-heading-explore::before,
.geelark-header .geelark-dropdown .geelark-heading-howto::before {
	display: block;
	flex-basis: 100%;
	padding: 0.25rem 1rem 0.5rem;
	color: var(--wp--preset--color--secondary);
	font-size: 0.8125rem;
	font-weight: 500;
}

.geelark-header .geelark-dropdown .geelark-heading-explore::before {
	content: "Explore";
}

.geelark-header .geelark-dropdown .geelark-heading-howto::before {
	content: "How to use Geelark";
}

@media (min-width: 1240px) {
	/* Five rows, filled column by column: Explore on the left, How to use on the right */
	.geelark-header .geelark-two-col > .wp-block-navigation__submenu-container {
		display: grid !important;
		grid-template-rows: repeat(5, auto);
		grid-auto-flow: column;
		grid-auto-columns: minmax(0, 1fr);
		width: 600px;
		min-width: 600px !important;
		padding: 12px;
		column-gap: 0;
	}

	.geelark-header .geelark-two-col > .wp-block-navigation__submenu-container > li:nth-child(n + 6) {
		padding-left: 12px;
	}

	/* Full-height divider between the two columns */
	.geelark-header .geelark-two-col > .wp-block-navigation__submenu-container::after {
		content: "";
		position: absolute;
		top: 12px;
		bottom: 12px;
		left: 50%;
		width: 1px;
		background: var(--wp--preset--color--surface);
	}

	/* Keep the box inside the viewport: anchor it to the right edge of the parent item */
	.geelark-header .geelark-two-col > .wp-block-navigation__submenu-container {
		left: 0 !important;
		right: auto;
	}
}

/* ---------- Pricing ---------- */

.geelark-center-hero {
	max-width: 900px !important;
	margin-inline: auto !important;
}

.geelark-pricing-top .geelark-tab-list {
	justify-content: center;
	margin-block: 2rem !important;
}

.geelark-plans {
	gap: 20px !important;
}

.geelark-plan {
	position: relative;
	padding: 28px 24px;
	border: 2px solid #edf2f7;
	border-radius: 20px;
}

.geelark-plan.is-featured {
	border-color: var(--wp--preset--color--primary);
	box-shadow: 0 12px 40px rgba(1, 112, 249, 0.12);
}

.geelark-plan > * + * {
	margin-top: 0.75rem;
}

.geelark-plan-badge {
	position: absolute;
	top: -13px;
	right: 20px;
	margin: 0 !important;
	padding: 2px 12px;
	border-radius: 999px;
	background: var(--wp--preset--color--primary);
	color: #fff;
	font-size: 0.75rem;
	font-weight: 600;
}

.geelark-plan-price {
	margin-top: 1.25rem !important;
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--golos);
	font-size: 2.25rem;
	font-weight: 600;
	line-height: 1.1;
}

.geelark-price-unit {
	color: #718096;
	font-family: var(--wp--preset--font-family--noto);
	font-size: 0.875rem;
	font-weight: 400;
}

.geelark-plan .wp-block-buttons .wp-block-button,
.geelark-plan .wp-block-button__link {
	width: 100%;
	text-align: center;
}

.geelark-plan .geelark-checklist {
	font-size: var(--wp--preset--font-size--small);
}

.geelark-plan-cats > * + * {
	margin-top: 16px;
}

.geelark-plan-cat {
	padding: 20px 24px;
	border-radius: 16px;
	background: #f7faff;
}

.geelark-plan-cat:nth-child(even) {
	background: #f4fbfa;
}

.geelark-cat-head {
	gap: 0.75rem;
}

.geelark-cat-head > * {
	margin: 0 !important;
}

.geelark-compare-table.is-plans table {
	table-layout: fixed;
}

.geelark-compare-table.is-plans th,
.geelark-compare-table.is-plans td {
	background: transparent !important;
	text-align: center;
}

.geelark-compare-table.is-plans th:first-child,
.geelark-compare-table.is-plans td:first-child {
	width: 30%;
	text-align: left;
}

.geelark-compare-table.is-plans thead th:first-child::before {
	content: none;
}

.geelark-yes { color: #4a5568; font-weight: 700; }
.geelark-no { color: #a0aec0; }
.geelark-tbd { color: #a0aec0; }

.geelark-addons > * + * {
	margin-top: 24px;
}

.geelark-addon {
	padding: 20px;
	border-radius: 16px;
	background: var(--wp--preset--color--base);
	box-shadow: 0 2px 16px rgba(26, 32, 44, 0.06);
}

.geelark-addon-head {
	gap: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #edf2f7;
}

.geelark-minutes-title {
	margin-top: 4rem !important;
}

.geelark-minutes {
	max-width: 600px !important;
	margin: 2rem auto 0 !important;
	padding: 20px 40px;
	border-radius: 16px;
	box-shadow: 0 2px 16px rgba(26, 32, 44, 0.06);
}

.geelark-compare-table.is-minutes td,
.geelark-compare-table.is-minutes th {
	border-bottom: 1px solid #edf2f7 !important;
	background: transparent !important;
}

.geelark-compare-table.is-minutes td:last-child {
	color: var(--wp--preset--color--accent);
}

.geelark-compare-table.is-minutes thead th:first-child::before {
	content: none;
}

/* ---------- Resources pages ---------- */

.geelark-story-grid {
	margin-top: 3rem !important;
}

.geelark-story-grid .geelark-resource > :not(.geelark-media) {
	padding-inline: 0;
}

.geelark-arrow-icon {
	flex: none;
	width: 1.75rem;
	height: 1.75rem;
	margin: 0 2rem 0 1.5rem !important;
	background: var(--wp--preset--color--primary);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 18L18 6M8 6h10v10'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 18L18 6M8 6h10v10'/%3E%3C/svg%3E") center / contain no-repeat;
}

.geelark-aff-steps {
	margin-top: 3rem !important;
	gap: 48px;
}

.geelark-step-card {
	margin-bottom: 16px !important;
	padding: 24px 16px;
	border-radius: 24px;
	background: #f8f9fb;
}

.geelark-step-card h3 + p {
	margin-top: 0.5rem;
}

.geelark-gradient-band {
	margin-block: 24px !important;
	padding-block: 88px;
	background: linear-gradient(110deg, #0461f6, #18c5ff);
}

.geelark-gradient-band h2 {
	color: #fff !important;
	font-weight: 700 !important;
}

.geelark-gradient-band .wp-block-buttons {
	margin-top: 2.5rem;
}

.geelark-gradient-band .wp-block-button__link {
	border-color: #fff !important;
	color: #fff !important;
	border-radius: 999px;
}

.geelark-aff-why h3 {
	margin-top: 2rem;
}

.geelark-aff-why h3 + p {
	margin-top: 0.75rem;
}

.geelark-tool-cards {
	gap: 24px !important;
}

.geelark-tool-card {
	display: flex;
	flex-direction: column;
	padding: 24px;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
}

.geelark-tool-card p {
	color: var(--wp--preset--color--contrast);
}

.geelark-tool-link {
	margin-top: auto !important;
	padding-top: 1.5rem;
	text-align: right;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

.geelark-tool-link a {
	text-decoration: none;
}

.geelark-tool-cards + p {
	margin-top: 2rem;
}

/* Blog */
.geelark-blog-cols {
	margin-top: 3rem !important;
	gap: 40px;
}

.geelark-blog-search .wp-block-search__inside-wrapper {
	padding: 4px 8px;
	border: 1px solid #e2e8f0;
	border-radius: 999px;
}

.geelark-blog-search input {
	border: 0;
}

.geelark-blog-cats {
	margin-top: 1.5rem;
	padding: 1.5rem 0 0;
	border-top: 1px solid #e2e8f0;
	list-style: none;
}

.geelark-blog-cats li {
	margin-bottom: 0.6rem;
}

.geelark-blog-cats a {
	display: block;
	padding: 0.6rem 1rem;
	border-radius: 8px;
	background: #f7f7f8;
	color: #4a5568;
	text-decoration: none;
}

.geelark-blog-grid .wp-block-post-template {
	gap: 32px 24px;
}

.geelark-blog-grid .wp-block-post-featured-image img {
	border-radius: 12px;
}

.geelark-blog-grid .wp-block-post-title a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}

@media (min-width: 782px) {
	.geelark-plans,
	.geelark-tool-cards {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}

@media (min-width: 782px) and (max-width: 1100px) {
	.geelark-plans,
	.geelark-tool-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 781px) {
	.geelark-plans,
	.geelark-tool-cards {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.geelark-compare-table.is-plans table {
		min-width: 640px;
	}

	.geelark-arrow-icon {
		margin: 0 1rem 0 0.5rem !important;
	}
}

.icon-rs-blog { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='1.5'/%3E%3Crect x='7' y='6.5' width='4.5' height='4' rx='.5'/%3E%3Cpath d='M13.5 7h3.5M13.5 10h3.5M7 13.5h10M7 16.5h10'/%3E%3C/svg%3E"); }
.icon-rs-stories { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='2.6'/%3E%3Cpath d='M7.5 15c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5'/%3E%3Cpath d='M5 16.5l.7 1.4 1.5.2-1.1 1 .3 1.5L5 19.9l-1.4.7.3-1.5-1.1-1 1.5-.2zM12 17l.7 1.4 1.5.2-1.1 1 .3 1.5-1.4-.7-1.4.7.3-1.5-1.1-1 1.5-.2zM19 16.5l.7 1.4 1.5.2-1.1 1 .3 1.5-1.4-.7-1.4.7.3-1.5-1.1-1 1.5-.2z'/%3E%3C/svg%3E"); }
.icon-rs-partner { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 9.5L6 6l3 1.5 3-1.5 2 1h3.5l4 3.5'/%3E%3Cpath d='M2.5 9.5l5 5.5c.8.9 2 .9 2.8.2l3.5-3.2'/%3E%3Cpath d='M21.5 10.5l-6.5 6c-.8.7-2 .7-2.7-.1L9 12.8'/%3E%3Cpath d='M12 8.5l-3 3c-.5.5-.3 1.4.4 1.6.5.2 1 0 1.3-.3l2.3-2.2 4.5 4'/%3E%3Cpath d='M11.3 16.8l1.4 1.3M9.8 15.6l1.4 1.3'/%3E%3C/svg%3E"); }
.icon-rs-aff { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='2.5'/%3E%3Cpath d='M3.5 16c0-2.6 2-4.5 4.5-4.5 1.3 0 2.4.5 3.2 1.3'/%3E%3Ccircle cx='17' cy='6' r='2.6'/%3E%3Ccircle cx='17.5' cy='12.5' r='2.6'/%3E%3Ccircle cx='13.5' cy='18' r='2.6'/%3E%3Cpath d='M17 5.1v1.8M17.5 11.6v1.8M13.5 17.1v1.8'/%3E%3C/svg%3E"); }
.icon-rs-tools { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4.5a3.5 3.5 0 0 0 4.6 4.6L9 19.2a1.8 1.8 0 0 1-2.6-2.6L16.6 6.4a3.5 3.5 0 0 0-2.1-1.9z'/%3E%3Cpath d='M4 4l2.5 1 4.5 4.5-1.5 1.5L5 6.5 4 4z'/%3E%3Cpath d='M13.5 13.5l5.5 5.5a1.6 1.6 0 0 1-2.3 2.3l-5.5-5.5'/%3E%3C/svg%3E"); }
.icon-rs-start { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='14' cy='13' r='7'/%3E%3Cpath d='M14 9.5V13l2.5 1.5M12.5 4h3M14 4v2'/%3E%3Cpath d='M2.5 9h4M1.5 13h4.5M2.5 17h4'/%3E%3C/svg%3E"); }
.icon-rs-docs { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5.5c2.5-1 5.5-1 8 .5v14c-2.5-1.5-5.5-1.5-8-.5z'/%3E%3Cpath d='M21 5.5c-2.5-1-5.5-1-8 .5v14c2.5-1.5 5.5-1.5 8-.5z'/%3E%3Cpath d='M15.5 9.5a1.5 1.5 0 1 1 2.2 1.3c-.5.3-.7.6-.7 1.2M17 14.2h.01'/%3E%3Cpath d='M5.5 9h3M5.5 12h3'/%3E%3C/svg%3E"); }
.icon-rs-video { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='16' height='11' rx='1.5'/%3E%3Cpath d='M8 19.5h6M11 16v3.5'/%3E%3Cpath d='M9 8.5v4l3.5-2z'/%3E%3Ccircle cx='19' cy='5.5' r='2.2'/%3E%3Cpath d='M19 2.5v.8M19 7.7v.8M16 5.5h.8M21.2 5.5h.8'/%3E%3C/svg%3E"); }
.icon-rs-support { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13v-1.5a7 7 0 0 1 14 0V13'/%3E%3Crect x='3.5' y='12' width='3' height='5' rx='1.2'/%3E%3Crect x='17.5' y='12' width='3' height='5' rx='1.2'/%3E%3Cpath d='M17.5 17c0 2-2 3-4.5 3H12'/%3E%3Ccircle cx='12' cy='12' r='2.2'/%3E%3Cpath d='M8.8 16.5c.6-1.3 1.8-2 3.2-2s2.6.7 3.2 2'/%3E%3C/svg%3E"); }

/* Vietnamese versions of labels that are drawn with CSS content (TranslatePress cannot see them) */
html[lang="vi"] .geelark-mega .geelark-heading-tools::before { content: "Công cụ"; }
html[lang="vi"] .geelark-mega .geelark-heading-models::before { content: "Mô hình"; }
html[lang="vi"] .geelark-header .geelark-dropdown .geelark-heading-explore::before { content: "Khám phá"; }
html[lang="vi"] .geelark-header .geelark-dropdown .geelark-heading-howto::before { content: "Hướng dẫn sử dụng Geelark"; }
html[lang="vi"] .geelark-compare-table:not(.is-plans):not(.is-minutes) thead th:first-child::before { content: "So sánh"; }
html[lang="vi"] .geelark-compare-table.is-api:not(.is-plans):not(.is-minutes) thead th:first-child::before,
html[lang="vi"] .geelark-compare-table.is-smm:not(.is-plans):not(.is-minutes) thead th:first-child::before { content: "Tính năng"; }