/* GoWithRana Astra Child presentation layer. */
:root {
	--gowr-primary: #08a9ee;
	--gowr-primary-strong: #008ee4;
	--gowr-navy-950: #020f25;
	--gowr-navy-900: #031735;
	--gowr-navy-800: #06244d;
	--gowr-white: #ffffff;
	--gowr-muted: #c8d5e8;
	--gowr-text: #0c1524;
	--gowr-border: rgba(255, 255, 255, 0.24);
	--gowr-container: 1240px;
	--gowr-radius-sm: 8px;
	--gowr-radius-md: 14px;
	--gowr-shadow: 0 18px 55px rgba(0, 10, 32, 0.22);
}

.gowr-container {
	width: min(calc(100% - 32px), var(--gowr-container));
	margin-inline: auto;
}

.gowr-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	min-height: clamp(560px, 66vw, 820px);
	background:
		radial-gradient(circle at 50% 34%, rgba(7, 85, 155, 0.28), transparent 31%),
		linear-gradient(135deg, var(--gowr-navy-950) 0%, #031c3e 48%, #020f26 100%);
	color: var(--gowr-white);
}

.gowr-hero__inner {
	position: relative;
	z-index: 4;
	display: flex;
	min-height: clamp(560px, 66vw, 820px);
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 76px 0 132px;
	text-align: center;
}

.gowr-hero__grid,
.gowr-hero__waves {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.gowr-hero__dot-field {
	position: absolute;
	top: -16px;
	width: 320px;
	height: 180px;
	opacity: 0.72;
	background-image: radial-gradient(circle, rgba(0, 145, 255, 0.75) 1.4px, transparent 1.7px);
	background-size: 18px 18px;
}

.gowr-hero__dot-field--left {
	left: -30px;
	mask-image: linear-gradient(90deg, #000 0%, transparent 94%);
}

.gowr-hero__dot-field--right {
	right: -30px;
	mask-image: linear-gradient(270deg, #000 0%, transparent 94%);
}

.gowr-hero__ghost-mark {
	position: absolute;
	font-size: clamp(120px, 17vw, 250px);
	font-weight: 900;
	line-height: 1;
	color: rgba(28, 98, 163, 0.08);
	transform: rotate(-10deg);
}

.gowr-hero__ghost-mark--wordpress {
	left: 3%;
	top: 9%;
}

.gowr-hero__ghost-mark--builder {
	right: 8%;
	top: 6%;
	transform: rotate(12deg);
}

.gowr-hero__ghost-card {
	position: absolute;
	border: 2px solid rgba(25, 110, 185, 0.1);
	border-radius: 16px;
	background: rgba(5, 43, 83, 0.08);
	box-shadow: inset 0 0 30px rgba(8, 126, 218, 0.04);
}

.gowr-hero__ghost-card--left {
	left: -6%;
	top: 30%;
	width: 410px;
	height: 250px;
	transform: rotate(-8deg);
}

.gowr-hero__ghost-card--right {
	right: -4%;
	top: 42%;
	width: 280px;
	height: 180px;
	transform: rotate(-8deg);
}

.gowr-hero__waves {
	z-index: 2;
	top: auto;
	height: 32%;
	bottom: -7%;
	overflow: hidden;
	opacity: 0.95;
}

.gowr-hero__waves span {
	position: absolute;
	left: -8%;
	width: 116%;
	height: 145px;
	border-top: 2px solid rgba(0, 132, 255, 0.5);
	border-radius: 50%;
	transform: rotate(-7deg);
}

.gowr-hero__waves span:nth-child(1) { top: 38px; }
.gowr-hero__waves span:nth-child(2) { top: 66px; opacity: 0.55; transform: rotate(5deg); }
.gowr-hero__waves span:nth-child(3) { top: 94px; opacity: 0.35; transform: rotate(-3deg); }

.gowr-brand-mark {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: min(190px, 42vw);
	height: 108px;
	margin-bottom: 10px;
	font-size: clamp(78px, 10vw, 112px);
	font-weight: 900;
	letter-spacing: -0.14em;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
}

.gowr-brand-mark__g { color: var(--gowr-white); transform: translateX(-15px); }
.gowr-brand-mark__r { color: var(--gowr-primary); transform: translateX(4px); }
.gowr-brand-mark__slash {
	position: absolute;
	left: 3%;
	top: 61%;
	width: 94%;
	height: 7px;
	background: linear-gradient(100deg, transparent 0%, var(--gowr-primary) 12%, #13c1ff 75%, transparent 100%);
	transform: rotate(-9deg) skewX(-24deg);
	box-shadow: 0 0 16px rgba(0, 169, 255, 0.3);
}

.gowr-hero__custom-logo {
	max-width: min(620px, 88vw);
	margin-bottom: 18px;
}

.gowr-hero__logo-image {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 190px;
	margin-inline: auto;
}

.gowr-hero__brand-name {
	margin: 0 0 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: clamp(48px, 7vw, 92px);
	font-weight: 800;
	letter-spacing: -0.055em;
	line-height: 0.98;
}

.gowr-hero__brand-name span { color: var(--gowr-white); }
.gowr-hero__brand-name strong { color: var(--gowr-primary); font-weight: 800; }

.gowr-hero__divider {
	display: flex;
	align-items: center;
	gap: 12px;
	width: min(430px, 75vw);
	margin: 2px auto 10px;
}

.gowr-hero__divider span {
	flex: 1;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.7));
}

.gowr-hero__divider span:last-child {
	background: linear-gradient(90deg, rgba(255,255,255,0.7), transparent);
}

.gowr-hero__divider i {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--gowr-primary);
	box-shadow: 0 0 0 5px rgba(8,169,238,0.08);
}

.gowr-hero__domain {
	margin: 0;
	font-size: clamp(20px, 2.3vw, 32px);
	font-weight: 500;
	letter-spacing: 0.17em;
	color: #f4f7fb;
}

.gowr-hero__eyebrow {
	margin: 18px 0 20px;
	font-size: clamp(12px, 1.3vw, 18px);
	font-weight: 700;
	letter-spacing: 0.28em;
	color: #eef5ff;
}

.gowr-hero__title {
	margin: 0 0 26px;
	padding: 9px 22px;
	border: 1px solid rgba(0, 171, 247, 0.9);
	border-radius: var(--gowr-radius-sm);
	font-size: clamp(13px, 1.45vw, 18px);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--gowr-primary);
	box-shadow: inset 0 0 16px rgba(0, 169, 255, 0.05), 0 0 22px rgba(0, 110, 200, 0.08);
}

.gowr-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 26px;
	border: 1px solid rgba(255,255,255,0.75);
	border-radius: 999px;
	background: linear-gradient(135deg, var(--gowr-primary), var(--gowr-primary-strong));
	color: #001426;
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 12px 30px rgba(0, 148, 229, 0.2);
	transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

.gowr-button:hover,
.gowr-button:focus-visible {
	color: #001426;
	transform: translateY(-2px);
	filter: brightness(1.05);
	box-shadow: 0 16px 34px rgba(0, 148, 229, 0.3);
}

.gowr-button:focus-visible,
.gowr-feature a:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 4px;
}

.gowr-feature-strip {
	position: relative;
	z-index: 5;
	background: #fff;
	box-shadow: var(--gowr-shadow);
}

.gowr-feature-strip__inner {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	align-items: stretch;
}

.gowr-feature {
	position: relative;
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 106px;
	padding: 18px 22px;
}

.gowr-feature:not(:last-child)::after {
	position: absolute;
	top: 25%;
	right: 0;
	width: 1px;
	height: 50%;
	background: #d7dce2;
	content: '';
}

.gowr-feature__icon {
	flex: 0 0 52px;
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
}

.gowr-feature__icon svg {
	display: block;
	width: 52px;
	height: 52px;
}

.gowr-feature__icon--elementor svg circle { fill: #126f91; }
.gowr-feature__icon--elementor svg path { fill: #fff; }
.gowr-feature__icon--woocommerce svg rect { fill: #8652a3; }
.gowr-feature__icon--woocommerce svg path { fill: #fff; }
.gowr-feature__icon--woocommerce svg text { fill: #fff; font: 700 13px Arial, sans-serif; }
.gowr-feature__icon--security svg path:first-child { fill: #27a965; }
.gowr-feature__icon--security svg path:last-child { fill: none; stroke: #fff; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; }
.gowr-feature__icon--performance svg path { fill: #f2a300; }
.gowr-feature__icon--performance svg circle { fill: #fff; }
.gowr-feature__icon--developer svg rect { fill: #267ed8; }
.gowr-feature__icon--developer svg path { fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }

.gowr-feature__copy {
	display: flex;
	flex-direction: column;
	gap: 2px;
	font-size: 13px;
	line-height: 1.18;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.gowr-feature__copy strong,
.gowr-feature__copy > span {
	font-weight: 800;
}

@media (max-width: 1100px) {
	.gowr-feature-strip__inner { grid-template-columns: repeat(3, 1fr); }
	.gowr-feature:nth-child(3)::after { display: none; }
	.gowr-feature:nth-child(4),
	.gowr-feature:nth-child(5) { border-top: 1px solid #e7e9ec; }
	.gowr-feature:nth-child(5)::after { display: none; }
}

@media (max-width: 767px) {
	.gowr-container { width: min(calc(100% - 28px), var(--gowr-container)); }
	.gowr-hero { min-height: 610px; }
	.gowr-hero__inner { min-height: 610px; padding: 64px 0 105px; }
	.gowr-brand-mark { width: 150px; height: 88px; font-size: 78px; }
	.gowr-hero__domain { letter-spacing: 0.1em; }
	.gowr-hero__eyebrow { max-width: 320px; margin-top: 14px; letter-spacing: 0.14em; }
	.gowr-hero__title { max-width: 92%; padding-inline: 14px; margin-bottom: 20px; }
	.gowr-hero__ghost-card--left { left: -30%; top: 35%; opacity: 0.7; }
	.gowr-hero__ghost-card--right { right: -30%; top: 48%; opacity: 0.6; }
	.gowr-feature-strip__inner { grid-template-columns: 1fr; }
	.gowr-feature { min-height: 82px; padding: 15px 8px; }
	.gowr-feature:not(:last-child)::after { top: auto; right: 0; bottom: 0; width: 100%; height: 1px; }
	.gowr-feature:nth-child(3)::after { display: block; }
	.gowr-feature:nth-child(4), .gowr-feature:nth-child(5) { border-top: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.gowr-button { transition: none; }
}

.rtl .gowr-feature:not(:last-child)::after { right: auto; left: 0; }

/* Keep the custom presentation layer from affecting imported Starter Templates outside the home intro. */
.gowr-hero,
.gowr-feature-strip { box-sizing: border-box; }
.gowr-hero *,
.gowr-feature-strip * { box-sizing: border-box; }