/*
Theme Name: ResearchMy Theme
Theme URI: https://research.my
Author: Basic Insight
Author URI: https://basicinsight.co
Description: research.my child theme — agentic AI research infrastructure platform.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 8.0
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: inkbridge-theme
Text Domain: researchmy-theme
*/

/* ==========================================================================
   1. DESIGN TOKENS (CSS Custom Properties)
   ========================================================================== */

:root {
	/* Brand accents */
	--accent-tanya: #7C3AED;
	--accent-tanya-light: #F3EEFF;
	--accent-kai: #1D9E75;
	--accent-kai-light: #E8F7F1;
	--accent-dir1: #2563EB;
	--accent-dir1-light: #EFF6FF;
	--accent-mystat1: #F59E0B;
	--accent-mystat1-light: #FEF9EC;
	--accent-lime: #DFF140;

	/* Backgrounds */
	--bg-page: #FFFFFF;
	--bg-off-white: #F8F8F6;
	--bg-surface: #F5F5F5;
	--bg-warm-gray: #F1F0EA;
	--bg-dark: #0A0A0A;
	--bg-dark-elevated: #141414;
	--bg-dark-card: #1A1A1A;

	/* Text */
	--text-primary: #0A0A0A;
	--text-secondary: #555555;
	--text-tertiary: #999999;
	--text-dim: #666666;
	--text-on-dark: #FFFFFF;
	--text-on-dark-secondary: #888888;
	--text-on-dark-dim: #555555;

	/* Borders */
	--border-light: #E8E8E5;
	--border-default: #E4E4E7;
	--border-dark: #222222;
	--border-dark-subtle: #1A1A1A;

	/* Spacing */
	--spacing-xs: 4px;
	--spacing-sm: 8px;
	--spacing-md: 16px;
	--spacing-lg: 24px;
	--spacing-xl: 32px;
	--spacing-2xl: 48px;
	--spacing-3xl: 64px;

	/* Radius */
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 12px;

	/* Layout */
	--max-width: 1440px;
	--section-padding-x: 64px;
	--section-padding-y: 80px;
	--nav-padding-x: 64px;
	--nav-padding-y: 24px;
}

/* ==========================================================================
   2. BASE / GLOBAL OVERRIDES
   ========================================================================== */

/* Remove WP block gap on post content */
.wp-block-post-content > * + * {
	margin-block-start: 0;
}

/* Reset body font */
body {
	font-family: 'Inter', system-ui, sans-serif;
	color: var(--text-primary);
	background: var(--bg-page);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Override parent link styles for section content */
.rmy-page a {
	text-decoration: none;
	color: inherit;
}

/* Ensure button colors override .rmy-page a { color: inherit } */.rmy-page .rmy-btn--primary { color: var(--text-primary); }.rmy-page .rmy-btn--dark { color: var(--text-on-dark); }.rmy-page .rmy-btn--outline-light { color: var(--text-on-dark); }.rmy-page .rmy-btn--outline-light:hover { color: var(--text-on-dark); }.rmy-page .rmy-btn--outline-dark { color: var(--text-primary); }.rmy-page .rmy-btn--outline-dark:hover { color: var(--text-on-dark); }.rmy-page .rmy-btn--purple { color: #FFFFFF; }.rmy-page .rmy-btn--outline-purple { color: var(--text-on-dark); }
/* Headings use Space Grotesk */
.rmy-page h1,
.rmy-page h2,
.rmy-page h3,
.rmy-page h4 {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-weight: 700;
	margin: 0;
}

/* ==========================================================================
   3. NAVIGATION
   ========================================================================== */

.rmy-nav {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	padding: var(--nav-padding-y) var(--nav-padding-x);
}

.rmy-nav__inner {
	max-width: var(--max-width);
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
}

.rmy-nav__logo {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
	white-space: nowrap;
	text-decoration: none !important;
}

.rmy-nav__logo span {
	font-weight: 400;
	opacity: 0.7;
}

.rmy-nav__links {
	display: flex;
	align-items: center;
	gap: 32px;
	margin-left: auto;
}

.rmy-nav__links a {
	font-family: 'Inter', system-ui, sans-serif;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none !important;
	transition: opacity 0.2s;
}

.rmy-nav__links a:hover {
	opacity: 0.7;
}

.rmy-nav__cta {
	font-family: 'Inter', system-ui, sans-serif;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 10px 24px;
	text-decoration: none !important;
	transition: background 0.2s, color 0.2s;
	white-space: nowrap;
}

/* Overlay nav (on hero images) */
.rmy-nav--overlay {
	background: rgba(0, 0, 0, 0.53);
}

.rmy-nav--overlay .rmy-nav__logo,
.rmy-nav--overlay .rmy-nav__links a {
	color: var(--text-on-dark);
}

.rmy-nav--overlay .rmy-nav__cta {
	color: var(--text-on-dark);
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: transparent;
}

.rmy-nav--overlay .rmy-nav__cta:hover {
	background: rgba(255, 255, 255, 0.1);
}

/* Light nav (white bg, border bottom) */
.rmy-nav--light {
	position: relative;
	background: var(--bg-page);
	border-bottom: 1px solid var(--border-light);
}

.rmy-nav--light .rmy-nav__logo,
.rmy-nav--light .rmy-nav__links a {
	color: var(--text-primary);
}

.rmy-nav--light .rmy-nav__cta {
	color: var(--text-primary);
	border: 1px solid var(--text-primary);
	background: transparent;
}

.rmy-nav--light .rmy-nav__cta:hover {
	background: var(--text-primary);
	color: var(--text-on-dark);
}

/* Tanya nav CTA */
.rmy-nav--tanya .rmy-nav__cta {
	background: var(--accent-tanya);
	color: #FFFFFF;
	border-color: var(--accent-tanya);
}

.rmy-nav--tanya .rmy-nav__cta:hover {
	background: #6D28D9;
	border-color: #6D28D9;
}

/* Hamburger toggle */
.rmy-nav__toggle {
	display: none;
	flex-direction: column;
	gap: 5px;
	cursor: pointer;
	padding: 4px;
	background: none;
	border: none;
}

.rmy-nav__toggle span {
	display: block;
	width: 24px;
	height: 2px;
	transition: transform 0.2s;
}

.rmy-nav--overlay .rmy-nav__toggle span {
	background: #FFFFFF;
}

.rmy-nav--light .rmy-nav__toggle span {
	background: var(--text-primary);
}

/* ==========================================================================
   4. HERO SECTIONS
   ========================================================================== */

.rmy-hero {
	position: relative;
	height: 800px;
	overflow: hidden;
	display: flex;
	align-items: flex-end;
}

.rmy-hero--700 {
	height: 700px;
}

.rmy-hero__bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	z-index: 0;
}

.rmy-hero__content {
	position: relative;
	z-index: 2;
	background: rgba(0, 0, 0, 0.53);
	max-width: 720px;
	padding: 40px 48px;
	margin: 0 0 0 var(--section-padding-x);
	display: flex;
	flex-direction: column;
	gap: 28px;
	margin-bottom: 0;
}

.rmy-hero__label {
	font-family: 'Inter', system-ui, sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: var(--text-on-dark);
	opacity: 0.8;
}

.rmy-hero__title {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-weight: 700;
	font-size: 64px;
	letter-spacing: -2px;
	line-height: 1.1;
	color: var(--text-on-dark);
}

.rmy-hero__subtitle {
	font-size: 18px;
	line-height: 1.8;
	color: var(--text-on-dark);
	opacity: 0.85;
	max-width: 580px;
}

.rmy-hero__buttons {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}

/* ==========================================================================
   5. BUTTONS
   ========================================================================== */

.rmy-btn {
	display: inline-block;
	font-family: 'Inter', system-ui, sans-serif;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 14px 32px;
	text-decoration: none !important;
	transition: all 0.2s;
	cursor: pointer;
	border: none;
}

.rmy-btn--primary {
	background: var(--text-on-dark);
	color: var(--text-primary);
}

.rmy-btn--primary:hover {
	background: #E5E5E5;
}

.rmy-btn--dark {
	background: var(--text-primary);
	color: var(--text-on-dark);
}

.rmy-btn--dark:hover {
	background: #333;
}

.rmy-btn--outline-light {
	background: transparent;
	color: var(--text-on-dark);
	border: 1px solid rgba(255, 255, 255, 0.4);
}

.rmy-btn--outline-light:hover {
	background: rgba(255, 255, 255, 0.1);
}

.rmy-btn--outline-dark {
	background: transparent;
	color: var(--text-primary);
	border: 1px solid var(--text-primary);
}

.rmy-btn--outline-dark:hover {
	background: var(--text-primary);
	color: var(--text-on-dark);
}

.rmy-btn--purple {
	background: var(--accent-tanya);
	color: #FFFFFF;
}

.rmy-btn--purple:hover {
	background: #6D28D9;
}

.rmy-btn--outline-purple {
	background: transparent;
	color: var(--text-on-dark);
	border: 1px solid rgba(255, 255, 255, 0.4);
}

.rmy-btn--outline-purple:hover {
	background: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   6. SECTIONS (General Layout)
   ========================================================================== */

.rmy-section {
	padding: var(--section-padding-y) var(--section-padding-x);
	max-width: var(--max-width);
	margin: 0 auto;
}

.rmy-section--full {
	max-width: none;
	padding: var(--section-padding-y) var(--section-padding-x);
}

.rmy-section--dark {
	background: var(--bg-dark);
	color: var(--text-on-dark);
	max-width: none;
}

.rmy-section--offwhite {
	background: var(--bg-off-white);
	max-width: none;
}

.rmy-section--purple {
	background: var(--accent-tanya);
	color: var(--text-on-dark);
	max-width: none;
}

.rmy-section__header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 48px;
	margin-bottom: 64px;
}

.rmy-section__header-left {
	flex: 1;
}

.rmy-section__header-right {
	flex: 0 0 auto;
	max-width: 400px;
}

.rmy-section__label {
	font-family: 'Inter', system-ui, sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: var(--text-tertiary);
	margin-bottom: 16px;
	display: block;
}

.rmy-section--dark .rmy-section__label {
	color: var(--text-on-dark-secondary);
}

.rmy-section__title {
	font-size: 36px;
	letter-spacing: -1px;
	line-height: 1.2;
}

.rmy-section__subtitle {
	font-size: 18px;
	line-height: 1.7;
	color: var(--text-secondary);
	margin-top: 16px;
}

.rmy-section--dark .rmy-section__subtitle {
	color: var(--text-on-dark-secondary);
}

.rmy-section__header-right .rmy-section__subtitle {
	margin-top: 0;
}

/* Centered header variant */
.rmy-section__header--center {
	flex-direction: column;
	align-items: center;
	text-align: center;
}

/* ==========================================================================
   7. PRODUCTS SECTION (Homepage)
   ========================================================================== */

.rmy-products {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.rmy-product {
	display: flex;
	align-items: flex-start;
	gap: 48px;
	padding: 48px 0;
	border-top: 1px solid var(--border-light);
}

.rmy-product:last-child {
	padding-bottom: 0;
}

.rmy-product__number {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: var(--text-tertiary);
	flex-shrink: 0;
	width: 32px;
}

.rmy-product__content {
	flex: 1;
}

.rmy-product__name {
	font-family: 'Inter', system-ui, sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.rmy-product__tagline {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-weight: 700;
	font-size: 28px;
	letter-spacing: -0.5px;
	margin-bottom: 16px;
}

.rmy-product__desc {
	font-size: 16px;
	line-height: 1.7;
	color: var(--text-secondary);
	max-width: 600px;
}

.rmy-product__link {
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.5px;
	margin-top: 16px;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

.rmy-product__image {
	flex: 0 0 auto;
	width: 480px;
	height: 320px;
	border-radius: var(--radius-sm);
	overflow: hidden;
}

.rmy-product__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Products row (for 03 & 04 sharing a row) */
.rmy-products__row {
	display: flex;
	gap: 32px;
	padding: 48px 0;
	border-top: 1px solid var(--border-light);
}

.rmy-products__row .rmy-product {
	flex: 1;
	border-top: none;
	padding: 0;
}

/* ==========================================================================
   8. PIPELINE SECTION (Homepage)
   ========================================================================== */

.rmy-pipeline {
	padding: var(--section-padding-y) var(--section-padding-x);
}

.rmy-pipeline__inner {
	max-width: var(--max-width);
	margin: 0 auto;
}

.rmy-pipeline__steps {
	display: flex;
	gap: 2px;
	margin-top: 48px;
}

.rmy-pipeline__step {
	flex: 1;
	background: var(--bg-dark-card);
	padding: 32px 24px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.rmy-pipeline__step-num {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: var(--text-on-dark-secondary);
}

.rmy-pipeline__step-title {
	font-family: 'Inter', system-ui, sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: var(--text-on-dark);
}

.rmy-pipeline__step-desc {
	font-size: 14px;
	line-height: 1.6;
	color: var(--text-on-dark-secondary);
}

/* ==========================================================================
   9. WHY SECTION (Homepage)
   ========================================================================== */

.rmy-why {
	display: flex;
	min-height: 640px;
}

.rmy-why__content {
	flex: 0 0 680px;
	padding: 80px 64px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	justify-content: center;
}

.rmy-why__image {
	flex: 1;
	overflow: hidden;
}

.rmy-why__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rmy-why__values {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.rmy-why__value h4 {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -0.5px;
	margin-bottom: 8px;
}

.rmy-why__value p {
	font-size: 16px;
	line-height: 1.7;
	color: var(--text-secondary);
	margin: 0;
}

/* ==========================================================================
   10. CTA SECTION
   ========================================================================== */

.rmy-cta {
	position: relative;
	height: 480px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rmy-cta__bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	z-index: 0;
}

.rmy-cta__content {
	position: relative;
	z-index: 2;
	background: rgba(0, 0, 0, 0.53);
	max-width: 700px;
	padding: 48px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.rmy-cta__title {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-weight: 700;
	font-size: 36px;
	letter-spacing: -1px;
	line-height: 1.2;
	color: var(--text-on-dark);
	text-transform: uppercase;
}

.rmy-cta__subtitle {
	font-size: 16px;
	color: var(--text-on-dark);
	opacity: 0.8;
}

.rmy-cta__buttons {
	display: flex;
	gap: 16px;
	margin-top: 8px;
}

/* Purple CTA (Tanya) */
.rmy-cta--purple {
	height: 420px;
	background: var(--accent-tanya);
}

.rmy-cta--purple::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at center, rgba(255,255,255,0.2) 0%, transparent 70%);
	opacity: 0.4;
	z-index: 1;
}

.rmy-cta--purple .rmy-cta__content {
	background: transparent;
}

/* ==========================================================================
   11. CAPABILITIES SECTION (Tanya, Data Acq, AI-Ready)
   ========================================================================== */

.rmy-capabilities {
	display: flex;
	flex-direction: column;
}

.rmy-capability {
	display: flex;
	align-items: flex-start;
	gap: 32px;
	padding: 40px 0;
	border-top: 1px solid var(--border-light);
}

.rmy-capability:last-child {
	padding-bottom: 0;
}

.rmy-capability__number {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-weight: 700;
	font-size: 48px;
	color: var(--text-tertiary);
	opacity: 0.3;
	flex-shrink: 0;
	width: 80px;
	line-height: 1;
}

.rmy-capability__content {
	flex: 1;
}

.rmy-capability__title {
	font-family: 'Inter', system-ui, sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.rmy-capability__desc {
	font-size: 16px;
	line-height: 1.7;
	color: var(--text-secondary);
	max-width: 600px;
}

/* ==========================================================================
   12. VIDEO SECTION (Tanya)
   ========================================================================== */

.rmy-video {
	text-align: center;
	padding: 80px 64px;
}

.rmy-video__inner {
	max-width: var(--max-width);
	margin: 0 auto;
}

.rmy-video__placeholder {
	width: 100%;
	max-width: 1200px;
	height: 640px;
	background: var(--bg-dark);
	border-radius: var(--radius-md);
	margin: 32px auto 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	color: var(--text-on-dark-secondary);
}

.rmy-video__play {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--accent-tanya);
	display: flex;
	align-items: center;
	justify-content: center;
}

.rmy-video__play svg {
	fill: #FFFFFF;
	width: 24px;
	height: 24px;
	margin-left: 3px;
}

/* ==========================================================================
   13. INFRASTRUCTURE / SECURITY SECTION (Dark two-column)
   ========================================================================== */

.rmy-infra {
	padding: var(--section-padding-y) var(--section-padding-x);
}

.rmy-infra__inner {
	max-width: var(--max-width);
	margin: 0 auto;
	display: flex;
	gap: 80px;
	align-items: flex-start;
}

.rmy-infra__left {
	flex: 1;
}

.rmy-infra__right {
	flex: 1;
}

.rmy-infra__title {
	font-size: 36px;
	letter-spacing: -1px;
	line-height: 1.2;
	margin-top: 16px;
}

.rmy-infra__desc {
	font-size: 16px;
	line-height: 1.7;
	color: var(--text-on-dark-secondary);
	margin-top: 16px;
}

.rmy-infra__link {
	display: inline-block;
	color: var(--text-on-dark);
	font-size: 14px;
	font-weight: 500;
	margin-top: 24px;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

.rmy-infra__features {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.rmy-infra__feature h4 {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -0.5px;
	margin-bottom: 8px;
	color: var(--text-on-dark);
}

.rmy-infra__feature p {
	font-size: 14px;
	line-height: 1.6;
	color: var(--text-on-dark-secondary);
	margin: 0;
}

.rmy-infra__feature {
	padding-bottom: 32px;
	border-bottom: 1px solid var(--border-dark);
}

.rmy-infra__feature:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

/* ==========================================================================
   14. ABOUT PAGE
   ========================================================================== */

.rmy-about-hero {
	padding: 80px var(--section-padding-x);
	max-width: var(--max-width);
	margin: 0 auto;
}

.rmy-about-hero__title {
	font-size: 52px;
	letter-spacing: -2px;
	line-height: 1.1;
	margin-top: 16px;
	max-width: 800px;
}

.rmy-about-hero__subtitle {
	font-size: 18px;
	line-height: 1.8;
	color: var(--text-secondary);
	margin-top: 24px;
	max-width: 700px;
}

.rmy-image-band {
	height: 400px;
	padding: 0 var(--section-padding-x);
	max-width: var(--max-width);
	margin: 0 auto;
}

.rmy-image-band img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--radius-sm);
}

.rmy-mission {
	padding: 80px var(--section-padding-x);
	max-width: var(--max-width);
	margin: 0 auto;
	display: flex;
	gap: 80px;
	align-items: flex-start;
}

.rmy-mission__left {
	flex: 0 0 500px;
}

.rmy-mission__title {
	font-size: 36px;
	letter-spacing: -1px;
	line-height: 1.2;
	margin-top: 16px;
}

.rmy-mission__desc {
	font-size: 16px;
	line-height: 1.7;
	color: var(--text-secondary);
	margin-top: 16px;
}

.rmy-mission__right {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.rmy-mission__value h4 {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -0.5px;
	margin-bottom: 8px;
}

.rmy-mission__value p {
	font-size: 14px;
	line-height: 1.7;
	color: var(--text-secondary);
	margin: 0;
}

/* ==========================================================================
   15. CONTACT PAGE
   ========================================================================== */

.rmy-contact {
	position: relative;
	min-height: 800px;
	overflow: hidden;
}

.rmy-contact__bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	z-index: 0;
}

.rmy-contact__panels {
	position: relative;
	z-index: 2;
	display: flex;
	gap: 0;
	padding: 120px var(--section-padding-x) 80px;
	max-width: var(--max-width);
	margin: 0 auto;
	min-height: 680px;
	align-items: flex-start;
}

.rmy-contact__left {
	width: 440px;
	background: rgba(0, 0, 0, 0.67);
	padding: 32px;
	color: var(--text-on-dark);
	flex-shrink: 0;
}

.rmy-contact__left .rmy-section__label {
	color: var(--text-on-dark-secondary);
	border-left: 3px solid var(--accent-kai);
	padding-left: 12px;
}

.rmy-contact__left h2 {
	font-size: 36px;
	letter-spacing: -1px;
	line-height: 1.2;
	margin-top: 16px;
	color: var(--text-on-dark);
}

.rmy-contact__left p {
	font-size: 16px;
	line-height: 1.7;
	color: var(--text-on-dark-secondary);
	margin-top: 16px;
}

.rmy-contact__info {
	margin-top: 32px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.rmy-contact__info-item {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 14px;
	color: var(--text-on-dark);
}

.rmy-contact__info-item svg {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	fill: var(--accent-kai);
}

.rmy-contact__right {
	flex: 1;
	max-width: 780px;
	background: rgba(255, 255, 255, 0.93);
	border-radius: var(--radius-sm);
	padding: 32px;
}

/* Contact form styling (Formidable Forms) */
.rmy-contact__right .frm_forms .frm_form_field label,
.rmy-contact-form label {
	font-family: 'Inter', system-ui, sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--text-primary);
	margin-bottom: 8px;
	display: block;
}

.rmy-contact__right .frm_forms input[type="text"],
.rmy-contact__right .frm_forms input[type="email"],
.rmy-contact__right .frm_forms textarea,
.rmy-contact-form input[type="text"],
.rmy-contact-form input[type="email"],
.rmy-contact-form textarea {
	width: 100%;
	padding: 12px 16px;
	border: 1px solid var(--border-default);
	border-radius: 0;
	font-family: 'Inter', system-ui, sans-serif;
	font-size: 15px;
	color: var(--text-primary);
	background: var(--bg-page);
	outline: none;
	transition: border-color 0.2s;
}

.rmy-contact__right .frm_forms input:focus,
.rmy-contact__right .frm_forms textarea:focus,
.rmy-contact-form input:focus,
.rmy-contact-form textarea:focus {
	border-color: var(--text-primary);
}

.rmy-contact__right .frm_forms textarea,
.rmy-contact-form textarea {
	min-height: 120px;
	resize: vertical;
}

.rmy-contact-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.rmy-contact-form__row {
	display: flex;
	gap: 20px;
}

.rmy-contact-form__row > * {
	flex: 1;
}

.rmy-contact-form__field {
	display: flex;
	flex-direction: column;
}

.rmy-contact__right .frm_forms .frm_submit button,
.rmy-contact-form button {
	font-family: 'Inter', system-ui, sans-serif;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 14px 32px;
	background: var(--text-primary);
	color: var(--text-on-dark);
	border: none;
	cursor: pointer;
	transition: background 0.2s;
	align-self: flex-start;
}

.rmy-contact__right .frm_forms .frm_submit button:hover,
.rmy-contact-form button:hover {
	background: #333;
}

/* ==========================================================================
   16. BLOG LISTING
   ========================================================================== */

.rmy-blog-header {
	padding: 64px var(--section-padding-x) 48px;
	max-width: var(--max-width);
	margin: 0 auto;
}

.rmy-blog-header__title {
	font-size: 52px;
	letter-spacing: -2px;
	line-height: 1.1;
	margin-top: 16px;
}

.rmy-blog-header__subtitle {
	font-size: 16px;
	color: var(--text-secondary);
	margin-top: 16px;
}

/* Featured article */
.rmy-blog-featured {
	display: flex;
	gap: 48px;
	padding: 48px var(--section-padding-x);
	max-width: var(--max-width);
	margin: 0 auto;
	align-items: center;
}

.rmy-blog-featured__image {
	flex: 0 0 640px;
	height: 400px;
	border-radius: var(--radius-sm);
	overflow: hidden;
}

.rmy-blog-featured__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rmy-blog-featured__content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center;
}

.rmy-blog-featured__title {
	font-size: 28px;
	letter-spacing: -0.5px;
	line-height: 1.3;
}

.rmy-blog-featured__desc {
	font-size: 16px;
	line-height: 1.7;
	color: var(--text-secondary);
}

.rmy-blog-featured__meta {
	font-size: 13px;
	color: var(--text-tertiary);
}

/* Article grid */
.rmy-blog-grid {
	padding: 48px var(--section-padding-x);
	max-width: var(--max-width);
	margin: 0 auto;
}

.rmy-blog-grid__label {
	font-family: 'Inter', system-ui, sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: var(--text-tertiary);
	margin-bottom: 32px;
	display: block;
}

.rmy-blog-grid__rows {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.rmy-blog-card {
	display: flex;
	flex-direction: column;
	gap: 16px;
	text-decoration: none !important;
	color: inherit;
}

.rmy-blog-card:hover .rmy-blog-card__title {
	opacity: 0.7;
}

.rmy-blog-card__image {
	height: 220px;
	border-radius: var(--radius-sm);
	overflow: hidden;
}

.rmy-blog-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}

.rmy-blog-card:hover .rmy-blog-card__image img {
	transform: scale(1.03);
}

.rmy-blog-card__title {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -0.5px;
	line-height: 1.3;
	transition: opacity 0.2s;
}

.rmy-blog-card__meta {
	font-size: 12px;
	color: var(--text-tertiary);
}

/* ==========================================================================
   17. BLOG ARTICLE
   ========================================================================== */

.rmy-article-header {
	padding: 48px var(--section-padding-x);
	max-width: var(--max-width);
	margin: 0 auto;
	text-align: center;
}

.rmy-article-header__back {
	font-size: 14px;
	color: var(--text-secondary);
	text-decoration: none !important;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 24px;
}

.rmy-article-header__back:hover {
	color: var(--text-primary);
}

.rmy-article-header__title {
	font-size: 40px;
	letter-spacing: -1.5px;
	line-height: 1.2;
	max-width: 800px;
	margin: 16px auto 0;
}

.rmy-article-header__meta {
	font-size: 13px;
	color: var(--text-tertiary);
	margin-top: 16px;
}

/* Article hero image */
.rmy-article-image {
	padding: 0 var(--section-padding-x);
	max-width: var(--max-width);
	margin: 0 auto;
	height: 520px;
}

.rmy-article-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--radius-sm);
}

/* Article body */
.rmy-article-body {
	max-width: 800px;
	margin: 0 auto;
	padding: 48px 0;
}

.rmy-article-body p {
	font-size: 18px;
	line-height: 1.8;
	color: var(--text-primary);
	margin: 0 0 1.5em;
}

.rmy-article-body h2 {
	font-size: 28px;
	letter-spacing: -0.5px;
	line-height: 1.3;
	margin: 2em 0 0.75em;
}

.rmy-article-body blockquote {
	border-left: 3px solid var(--accent-kai);
	padding: 32px 0 32px 32px;
	margin: 2em 0;
	font-size: 20px;
	line-height: 1.6;
	font-style: normal;
	color: var(--text-primary);
	background: none;
}

.rmy-article-body blockquote p {
	margin: 0;
	font-size: inherit;
	line-height: inherit;
}

/* Related articles */
.rmy-related {
	padding: 48px var(--section-padding-x);
}

.rmy-related__inner {
	max-width: var(--max-width);
	margin: 0 auto;
}

.rmy-related__label {
	font-family: 'Inter', system-ui, sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: var(--text-tertiary);
	margin-bottom: 32px;
	display: block;
}

.rmy-related__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.rmy-related__card {
	display: flex;
	flex-direction: column;
	gap: 16px;
	text-decoration: none !important;
	color: inherit;
}

.rmy-related__card-image {
	height: 200px;
	border-radius: var(--radius-sm);
	overflow: hidden;
}

.rmy-related__card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rmy-related__card-title {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -0.3px;
	line-height: 1.3;
}

.rmy-related__card-meta {
	font-size: 12px;
	color: var(--text-tertiary);
}

/* ==========================================================================
   18. TAGS & BADGES
   ========================================================================== */

.rmy-tag {
	display: inline-block;
	font-family: 'Inter', system-ui, sans-serif;
	font-weight: 600;
	font-size: 10px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 4px 10px;
	border-radius: 2px;
}

.rmy-tag--agentic-ai {
	color: var(--accent-kai);
	background: var(--accent-kai-light);
}

.rmy-tag--data-privacy {
	color: var(--accent-dir1);
	background: var(--accent-dir1-light);
}

.rmy-tag--surveys {
	color: var(--accent-tanya);
	background: var(--accent-tanya-light);
}

.rmy-tag--infrastructure {
	color: var(--accent-mystat1);
	background: var(--accent-mystat1-light);
}

.rmy-tag--social-listening {
	color: var(--accent-dir1);
	background: var(--accent-dir1-light);
}

.rmy-tag--methodology {
	color: var(--text-secondary);
	background: var(--bg-surface);
}

.rmy-tag--featured {
	color: var(--accent-kai);
	background: var(--accent-kai-light);
}

/* ==========================================================================
   19. FOOTER
   ========================================================================== */

.rmy-footer {
	background: var(--bg-off-white);
	padding: 64px var(--section-padding-x) 32px;
}

.rmy-footer__inner {
	max-width: var(--max-width);
	margin: 0 auto;
}

.rmy-footer__top {
	display: flex;
	justify-content: space-between;
	gap: 48px;
}

.rmy-footer__brand {
	flex: 0 0 300px;
}

.rmy-footer__logo {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--text-primary);
	text-decoration: none !important;
}

.rmy-footer__tagline {
	font-size: 14px;
	line-height: 1.7;
	color: var(--text-secondary);
	margin-top: 16px;
}

.rmy-footer__columns {
	display: flex;
	gap: 64px;
}

.rmy-footer__col-title {
	font-family: 'Inter', system-ui, sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: var(--text-tertiary);
	margin-bottom: 16px;
}

.rmy-footer__col ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.rmy-footer__col li {
	margin-bottom: 10px;
}

.rmy-footer__col a {
	font-size: 14px;
	color: var(--text-secondary);
	text-decoration: none !important;
	transition: color 0.2s;
}

.rmy-footer__col a:hover {
	color: var(--text-primary);
}

.rmy-footer__divider {
	height: 1px;
	background: var(--border-light);
	margin: 48px 0 32px;
}

.rmy-footer__bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.rmy-footer__bottom p {
	font-size: 13px;
	color: var(--text-tertiary);
	margin: 0;
}

/* ==========================================================================
   20. UTILITY CLASSES
   ========================================================================== */

.rmy-page {
	overflow-x: hidden;
}

.rmy-divider {
	height: 1px;
	background: var(--border-light);
	width: 100%;
}

.rmy-accent-tanya { color: var(--accent-tanya); }
.rmy-accent-kai { color: var(--accent-kai); }
.rmy-accent-dir1 { color: var(--accent-dir1); }
.rmy-accent-mystat1 { color: var(--accent-mystat1); }

/* ==========================================================================
   21. MOBILE RESPONSIVE
   ========================================================================== */

@media (max-width: 1024px) {
	:root {
		--section-padding-x: 40px;
		--nav-padding-x: 40px;
	}

	.rmy-hero__title {
		font-size: 48px;
	}

	.rmy-product__image {
		width: 320px;
		height: 240px;
	}

	.rmy-why__content {
		flex: 0 0 50%;
	}

	.rmy-contact__panels {
		flex-direction: column;
	}

	.rmy-contact__left {
		width: 100%;
	}

	.rmy-contact__right {
		max-width: 100%;
	}

	.rmy-blog-featured__image {
		flex: 0 0 400px;
		height: 300px;
	}

	.rmy-mission {
		flex-direction: column;
		gap: 48px;
	}

	.rmy-mission__left {
		flex: none;
	}

	.rmy-infra__inner {
		flex-direction: column;
		gap: 48px;
	}
}

@media (max-width: 768px) {
	:root {
		--section-padding-x: 24px;
		--section-padding-y: 48px;
		--nav-padding-x: 24px;
		--nav-padding-y: 16px;
	}

	/* Nav mobile */
	.rmy-nav__toggle {
		display: flex;
	}

	.rmy-nav__links {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		flex-direction: column;
		padding: 24px;
		gap: 16px;
	}

	.rmy-nav--overlay .rmy-nav__links {
		background: rgba(0, 0, 0, 0.9);
	}

	.rmy-nav--light .rmy-nav__links {
		background: var(--bg-page);
		border-bottom: 1px solid var(--border-light);
	}

	.rmy-nav--open .rmy-nav__links {
		display: flex;
	}

	.rmy-nav__cta {
		display: none;
	}

	.rmy-nav--open .rmy-nav__cta {
		display: inline-block;
	}

	/* Hero mobile */
	.rmy-hero {
		height: auto;
		min-height: 600px;
	}

	.rmy-hero__content {
		margin: 0;
		max-width: none;
		padding: 80px 24px 32px;
	}

	.rmy-hero__title {
		font-size: 36px;
		letter-spacing: -1px;
	}

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

	.rmy-hero__buttons {
		flex-direction: column;
	}

	.rmy-btn {
		text-align: center;
	}

	/* Products mobile */
	.rmy-product {
		flex-direction: column;
		gap: 24px;
	}

	.rmy-product__image {
		width: 100%;
		height: 200px;
	}

	.rmy-products__row {
		flex-direction: column;
		gap: 0;
	}

	.rmy-products__row .rmy-product {
		padding: 32px 0;
		border-top: 1px solid var(--border-light);
	}

	/* Section headers mobile */
	.rmy-section__header {
		flex-direction: column;
		gap: 16px;
		margin-bottom: 32px;
	}

	.rmy-section__title {
		font-size: 28px;
	}

	/* Pipeline mobile */
	.rmy-pipeline__steps {
		flex-direction: column;
		gap: 2px;
	}

	/* Why mobile */
	.rmy-why {
		flex-direction: column;
		min-height: auto;
	}

	.rmy-why__content {
		flex: none;
		padding: 48px 24px;
	}

	.rmy-why__image {
		height: 300px;
	}

	/* CTA mobile */
	.rmy-cta {
		height: auto;
		min-height: 400px;
		padding: 48px 24px;
	}

	.rmy-cta__content {
		padding: 32px 24px;
	}

	.rmy-cta__title {
		font-size: 28px;
	}

	.rmy-cta__buttons {
		flex-direction: column;
		width: 100%;
	}

	/* Capabilities mobile */
	.rmy-capability {
		flex-direction: column;
		gap: 16px;
	}

	.rmy-capability__number {
		width: auto;
	}

	/* Video mobile */
	.rmy-video {
		padding: 48px 24px;
	}

	.rmy-video__placeholder {
		height: 280px;
	}

	/* About mobile */
	.rmy-about-hero {
		padding: 48px 24px;
	}

	.rmy-about-hero__title {
		font-size: 36px;
	}

	.rmy-image-band {
		height: 250px;
		padding: 0 24px;
	}

	/* Contact mobile */
	.rmy-contact__panels {
		flex-direction: column;
		padding-top: 80px;
	}

	.rmy-contact__left {
		width: 100%;
	}

	.rmy-contact-form__row {
		flex-direction: column;
	}

	/* Blog mobile */
	.rmy-blog-featured {
		flex-direction: column;
		gap: 24px;
	}

	.rmy-blog-featured__image {
		flex: none;
		width: 100%;
		height: 250px;
	}

	.rmy-blog-grid__rows {
		grid-template-columns: 1fr;
	}

	.rmy-blog-header__title {
		font-size: 36px;
	}

	/* Article mobile */
	.rmy-article-header__title {
		font-size: 28px;
	}

	.rmy-article-image {
		height: 280px;
		padding: 0 24px;
	}

	.rmy-article-body {
		padding: 32px 24px;
	}

	.rmy-article-body p {
		font-size: 16px;
	}

	.rmy-related__grid {
		grid-template-columns: 1fr;
	}

	/* Footer mobile */
	.rmy-footer {
		padding: 48px 24px 24px;
	}

	.rmy-footer__top {
		flex-direction: column;
		gap: 32px;
	}

	.rmy-footer__brand {
		flex: none;
	}

	.rmy-footer__columns {
		flex-direction: column;
		gap: 32px;
	}
}

/* ==========================================================================
   PRODUCT SECTION REFINEMENTS (matching Pencil design)
   ========================================================================== */

/* Colored dot next to product names */
.rmy-product__dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	vertical-align: middle;
}

/* Product arrow on links */
.rmy-product__arrow {
	font-weight: normal;
	margin-left: 4px;
}

/* Reversed product row (image left, text right) */
.rmy-product--reversed {
	flex-direction: row;
}

.rmy-product--reversed .rmy-product__content {
	order: 2;
}

.rmy-product--reversed .rmy-product__image {
	order: 1;
}

/* Product name styling - larger */
.rmy-product__name {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-weight: 700;
	font-size: 28px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 12px;
}

/* Product number - large faded */
.rmy-product__number {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-weight: 700;
	font-size: 64px;
	letter-spacing: -2px;
	color: var(--border-light);
	flex-shrink: 0;
	width: auto;
	line-height: 1;
	margin-bottom: 8px;
}

/* Product cards for 03 & 04 */
.rmy-product-card {
	flex: 1;
	background: var(--bg-off-white);
	border: 1px solid var(--border-light);
	border-radius: var(--radius-md);
	padding: 32px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.rmy-product-card__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.rmy-product-card__number {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-weight: 700;
	font-size: 44px;
	letter-spacing: -2px;
	color: var(--border-light);
	line-height: 1;
}

.rmy-product-card__name {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-weight: 700;
	font-size: 24px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--text-primary);
}

.rmy-product-card__desc {
	font-size: 14px;
	line-height: 1.7;
	color: var(--text-secondary);
}

/* Products row for cards */
.rmy-products__row {
	display: flex;
	gap: 32px;
	padding: 48px 0 0;
	border-top: 1px solid var(--border-light);
}

.rmy-products__row .rmy-product {
	display: none;
}

/* Mobile adjustments for product cards */
@media (max-width: 768px) {
	.rmy-product--reversed {
		flex-direction: column;
	}

	.rmy-product--reversed .rmy-product__content {
		order: 1;
	}

	.rmy-product--reversed .rmy-product__image {
		order: 2;
	}

	.rmy-products__row {
		flex-direction: column;
	}

	.rmy-product__number {
		font-size: 44px;
	}

	.rmy-product__name {
		font-size: 22px;
	}

	.rmy-product-card__name {
		font-size: 18px;
	}
}

/* Video section screenshot replacement */
.rmy-video__screenshot {
	width: 100%;
	max-width: 1200px;
	margin: 32px auto 0;
	border-radius: var(--radius-md);
	overflow: hidden;
	border: 1px solid var(--border-light);
}

.rmy-video__screenshot img {
	width: 100%;
	height: auto;
	display: block;
}