.ggai {
	--ggai-bg: #f5f7fb;
	--ggai-surface: #ffffff;
	--ggai-surface-soft: #f0f4fa;
	--ggai-text: #0b1830;
	--ggai-muted: #58677d;
	--ggai-line: #dbe4ef;
	--ggai-primary: #2563eb;
	--ggai-primary-2: #7c3aed;
	--ggai-cyan: #06b6d4;
	--ggai-success: #059669;
	position: relative;
	isolation: isolate;
	overflow: clip;
	width: 100%;
	padding: clamp(4.5rem, 8vw, 8rem) 0;
	background: var(--ggai-bg);
	color: var(--ggai-text);
	font-family: Inter, "Inter Variable", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.55;
}
.ggai--dark {
	--ggai-bg: #0a0c14;
	--ggai-surface: #11141f;
	--ggai-surface-soft: #1a1e2e;
	--ggai-text: #f5f7ff;
	--ggai-muted: #c5c9d8;
	--ggai-line: rgba(255,255,255,.11);
}
.ggai *, .ggai *::before, .ggai *::after { box-sizing: border-box; }
body.home { overflow-x: clip; }
.ggai [hidden] { display: none !important; }
.ggai button, .ggai input, .ggai textarea, .ggai select { font: inherit; }
.ggai button { cursor: pointer; }
.ggai__ambient {
	position: absolute;
	z-index: -1;
	inset: 0;
	background:
		radial-gradient(circle at 8% 5%, rgba(6,182,212,.14), transparent 27rem),
		radial-gradient(circle at 92% 14%, rgba(124,58,237,.12), transparent 30rem),
		linear-gradient(rgba(37,99,235,.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(37,99,235,.04) 1px, transparent 1px);
	background-size: auto, auto, 64px 64px, 64px 64px;
	-webkit-mask-image: linear-gradient(to bottom, #000 0, #000 42%, transparent 78%);
	mask-image: linear-gradient(to bottom, #000 0, #000 42%, transparent 78%);
}
.ggai__container { width: min(94vw, 1560px); margin-inline: auto; }
.ggai__hero { max-width: 990px; margin: 0 auto clamp(2.5rem, 5vw, 4.75rem); text-align: center; }
.ggai__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	margin-bottom: 1rem;
	color: var(--ggai-primary);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.ggai__hero h2, .ggai__hero h3, .ggai__faq h3, .ggai-dialog h3 {
	margin: 0;
	color: var(--ggai-text);
	font-family: "Space Grotesk", Sora, Inter, sans-serif;
	font-weight: 750;
	letter-spacing: -.045em;
	line-height: 1.02;
}
.ggai__hero h2, .ggai__hero h3 { font-size: clamp(2.35rem, 5.5vw, 5.25rem); text-wrap: balance; }
.ggai__hero > p {
	max-width: 780px;
	margin: 1.4rem auto 0;
	color: var(--ggai-muted);
	font-size: clamp(1.05rem, 1.7vw, 1.28rem);
	text-wrap: balance;
}
.ggai__benefits {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .75rem;
	max-width: 960px;
	margin: 2rem auto 0;
	padding: 0;
	list-style: none;
}
.ggai__benefits li {
	display: flex;
	align-items: center;
	gap: .7rem;
	padding: .75rem .9rem;
	border: 1px solid var(--ggai-line);
	border-radius: .85rem;
	background: color-mix(in srgb, var(--ggai-surface) 82%, transparent);
	font-size: .86rem;
	font-weight: 700;
	text-align: left;
	box-shadow: 0 8px 22px rgba(15,23,42,.04);
}
.ggai__benefits li span {
	display: grid;
	flex: 0 0 2.2rem;
	width: 2.2rem;
	height: 2.2rem;
	place-items: center;
	border-radius: .65rem;
	background: linear-gradient(135deg, var(--ggai-primary), var(--ggai-cyan));
	color: #fff;
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: -.02em;
}
.ggai__filters-wrap {
	position: sticky;
	z-index: 5;
	top: 5rem;
	margin-bottom: 1.5rem;
	padding: .55rem;
	border: 1px solid var(--ggai-line);
	border-radius: 1rem;
	background: color-mix(in srgb, var(--ggai-bg) 86%, transparent);
	box-shadow: 0 16px 36px rgba(15,23,42,.08);
	backdrop-filter: blur(16px);
}
.ggai__filters { display: flex; gap: .45rem; overflow-x: auto; padding: .1rem; scrollbar-width: thin; }
.ggai__filter {
	flex: 0 0 auto;
	min-height: 2.55rem;
	padding: .55rem .88rem;
	border: 1px solid transparent;
	border-radius: .72rem;
	background: transparent;
	color: var(--ggai-muted);
	font-size: .82rem;
	font-weight: 750;
	transition: color .2s ease, border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.ggai__filter:hover { border-color: var(--ggai-line); background: var(--ggai-surface); color: var(--ggai-text); }
.ggai__filter.is-active { border-color: transparent; background: linear-gradient(135deg, var(--ggai-primary), var(--ggai-primary-2)); color: #fff; box-shadow: 0 7px 20px rgba(37,99,235,.22); }
.ggai__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 0 0 1.15rem; color: var(--ggai-muted); font-size: .85rem; }
.ggai__toolbar p { margin: 0; }
.ggai__count { color: var(--ggai-text); font-weight: 800; }
.ggai__grid { --ggai-grid-columns: 1; display: grid; width: 100%; min-width: 0; grid-auto-flow: row; grid-template-columns: repeat(var(--ggai-grid-columns), minmax(0, 1fr)); gap: clamp(1rem, 1.55vw, 1.5rem); align-items: stretch; }
.ggai__grid > * { min-width: 0; max-width: 100%; }
.ggai-card {
	display: flex;
	min-width: 0;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--ggai-line);
	border-radius: 1.3rem;
	background: var(--ggai-surface);
	box-shadow: 0 15px 38px rgba(15,23,42,.075);
	transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.ggai-card:hover { transform: translateY(-5px); border-color: color-mix(in srgb, var(--ggai-agent) 42%, var(--ggai-line)); box-shadow: 0 23px 55px rgba(37,99,235,.13); }
.ggai-card__portrait { position: relative; overflow: hidden; width: 100%; aspect-ratio: 16/11; padding: 0; border: 0; background: linear-gradient(135deg, color-mix(in srgb, var(--ggai-agent) 15%, var(--ggai-surface-soft)), var(--ggai-surface-soft)); color: inherit; font: inherit; text-align: left; cursor: pointer; appearance: none; }
.ggai-card__portrait::after { position: absolute; inset: auto 0 0; height: 42%; background: linear-gradient(to top, rgba(11,24,48,.26), transparent); content: ""; pointer-events: none; }
.ggai-card__profile-trigger:focus-visible { outline: 3px solid color-mix(in srgb, var(--ggai-agent) 75%, #fff); outline-offset: -5px; }
.ggai-card__image { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; transition: transform .5s ease; }
.ggai-card:hover .ggai-card__image { transform: scale(1.025); }
.ggai-card__status {
	position: absolute;
	z-index: 1;
	top: .8rem;
	right: .8rem;
	display: inline-flex;
	align-items: center;
	gap: .38rem;
	padding: .34rem .58rem;
	border: 1px solid rgba(255,255,255,.78);
	border-radius: 999px;
	background: rgba(255,255,255,.92);
	color: #075f46;
	font-size: .7rem;
	font-weight: 800;
	box-shadow: 0 5px 16px rgba(15,23,42,.11);
	backdrop-filter: blur(8px);
}
.ggai-card__status i, .ggai-dialog__status i { width: .48rem; height: .48rem; border-radius: 50%; background: #10b981; box-shadow: 0 0 0 4px rgba(16,185,129,.13); }
.ggai-card__status--inactive i { background: #94a3b8; box-shadow: none; }
.ggai-card__body { display: flex; flex: 1; flex-direction: column; padding: 1.25rem; }
.ggai-card h3 { margin: 0; color: var(--ggai-text); font-family: "Space Grotesk", Inter, sans-serif; font-size: 1.32rem; font-weight: 750; letter-spacing: -.025em; }
.ggai-card__identity-trigger { margin: 0; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; font-weight: inherit; letter-spacing: inherit; text-align: left; cursor: pointer; appearance: none; }
.ggai-card__identity-trigger:hover { color: var(--ggai-agent); }
.ggai-card__identity-trigger:focus-visible { border-radius: .2rem; outline: 2px solid var(--ggai-agent); outline-offset: 3px; }
.ggai-card__role { margin: .14rem 0 0; color: var(--ggai-agent); font-size: .86rem; font-weight: 800; }
.ggai-card__description { min-height: 4.55em; margin: .85rem 0 0; color: var(--ggai-muted); font-size: .88rem; }
.ggai-card__chips { display: flex; flex-wrap: wrap; gap: .38rem; margin: .9rem 0 0; padding: 0; list-style: none; }
.ggai-card__chips li { padding: .3rem .5rem; border: 1px solid color-mix(in srgb, var(--ggai-agent) 22%, var(--ggai-line)); border-radius: .5rem; background: color-mix(in srgb, var(--ggai-agent) 6%, var(--ggai-surface)); color: var(--ggai-text); font-size: .68rem; font-weight: 700; }
.ggai-card__meta { display: grid; gap: .42rem; margin-top: 1rem; padding-top: .9rem; border-top: 1px solid var(--ggai-line); }
.ggai-card__meta p { display: grid; grid-template-columns: 3.8rem 1fr; gap: .45rem; margin: 0; font-size: .72rem; }
.ggai-card__meta span { color: var(--ggai-muted); }
.ggai-card__meta strong { overflow-wrap: anywhere; color: var(--ggai-text); font-weight: 750; }
.ggai-card__notice { display: flex; gap: .45rem; margin: .75rem 0 0; padding: .55rem .65rem; border-radius: .6rem; background: #fff7ed; color: #9a3412; font-size: .66rem; line-height: 1.4; }
.ggai--dark .ggai-card__notice { background: rgba(154,52,18,.22); color: #fed7aa; }
.ggai-card__actions { display: grid; gap: .55rem; margin-top: auto; padding-top: 1.1rem; }
.ggai-button {
	display: inline-flex;
	min-height: 2.8rem;
	align-items: center;
	justify-content: center;
	gap: .55rem;
	padding: .66rem .9rem;
	border: 1px solid transparent;
	border-radius: .72rem;
	font-size: .78rem;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}
.ggai-button:hover { transform: translateY(-1px); }
.ggai-button:focus-visible, .ggai__filter:focus-visible, .ggai input:focus-visible, .ggai textarea:focus-visible, .ggai select:focus-visible, .ggai summary:focus-visible { outline: 3px solid color-mix(in srgb, var(--ggai-primary) 42%, transparent); outline-offset: 2px; }
.ggai-button--primary { background: linear-gradient(135deg, var(--ggai-primary), var(--ggai-primary-2)); color: #fff; box-shadow: 0 9px 22px rgba(37,99,235,.19); }
.ggai-button--primary:hover { box-shadow: 0 12px 28px rgba(37,99,235,.28); }
.ggai-button--secondary { border-color: var(--ggai-line); background: var(--ggai-surface); color: var(--ggai-text); }
.ggai-button--secondary:hover { border-color: color-mix(in srgb, var(--ggai-primary) 40%, var(--ggai-line)); background: var(--ggai-surface-soft); }
.ggai__faq { position: relative; display: grid; grid-template-columns: minmax(17rem, .58fr) minmax(0, 1.42fr); gap: clamp(1.5rem, 4vw, 4rem); margin-top: clamp(5rem, 9vw, 9rem); padding: clamp(1.1rem, 3vw, 2.4rem); overflow: hidden; border: 1px solid rgba(96,165,250,.16); border-radius: 1.6rem; background: radial-gradient(circle at 0 0, rgba(37,99,235,.12), transparent 28rem), radial-gradient(circle at 100% 100%, rgba(124,58,237,.1), transparent 30rem), rgba(9,12,23,.56); box-shadow: 0 30px 90px rgba(2,8,23,.22); }
.ggai__faq::before { position: absolute; top: 0; right: 2.5rem; left: 2.5rem; height: 1px; background: linear-gradient(90deg, transparent, #3b82f6, #8b5cf6, #d946ef, transparent); content: ""; opacity: .7; }
.ggai__faq-heading { display: grid; align-content: start; gap: 1.35rem; min-width: 0; }
.ggai__faq-copy { position: static; }
.ggai__faq h3 { max-width: 30rem; margin-top: .65rem; font-size: clamp(2.25rem, 3.8vw, 4.15rem); line-height: .98; }
.ggai__faq-copy > p { max-width: 31rem; margin: 1.1rem 0 0; color: var(--ggai-muted); font-size: .9rem; line-height: 1.6; }
.ggai__faq-signals { display: grid; gap: .55rem; margin-top: 1.4rem; }
.ggai__faq-signals > span { display: flex; align-items: center; gap: .65rem; color: #aeb8ca; font-size: .72rem; font-weight: 700; }
.ggai__faq-signals b { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid rgba(96,165,250,.25); border-radius: .62rem; background: rgba(37,99,235,.12); color: #93c5fd; font-size: .62rem; }
.ggai__faq-contact { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .75rem; align-items: center; padding: .85rem; border: 1px solid rgba(139,92,246,.3); border-radius: .9rem; background: linear-gradient(110deg, rgba(37,99,235,.1), rgba(124,58,237,.12)); color: var(--ggai-text); text-decoration: none; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.ggai__faq-contact:hover { transform: translateY(-2px); border-color: rgba(168,85,247,.55); box-shadow: 0 18px 38px rgba(124,58,237,.16); }
.ggai__faq-contact > span { display: grid; width: 2.55rem; height: 2.55rem; place-items: center; border-radius: .75rem; background: linear-gradient(135deg, #2563eb, #7c3aed); color: #fff; font-weight: 900; }
.ggai__faq-contact div { display: grid; gap: .12rem; }
.ggai__faq-contact small { color: var(--ggai-muted); font-size: .66rem; }
.ggai__faq-contact strong { font-size: .78rem; }
.ggai__faq-list { display: grid; align-content: start; gap: .7rem; }
.ggai__faq details { height: max-content; overflow: hidden; border: 1px solid color-mix(in srgb, var(--ggai-faq-color) 24%, var(--ggai-line)); border-radius: 1rem; background: radial-gradient(circle at 100% 0, color-mix(in srgb, var(--ggai-faq-color) 8%, transparent), transparent 10rem), var(--ggai-surface); transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease; }
.ggai__faq details:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--ggai-faq-color) 46%, var(--ggai-line)); }
.ggai__faq details[open] { border-color: color-mix(in srgb, var(--ggai-faq-color) 62%, var(--ggai-line)); box-shadow: inset 3px 0 var(--ggai-faq-color), 0 16px 38px color-mix(in srgb, var(--ggai-faq-color) 10%, transparent); }
.ggai__faq summary { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .85rem; padding: .9rem 1rem; color: var(--ggai-text); list-style: none; cursor: pointer; }
.ggai__faq summary::-webkit-details-marker { display: none; }
.ggai__faq-number { display: grid; width: 2.35rem; height: 2.35rem; place-items: center; border-radius: .7rem; background: color-mix(in srgb, var(--ggai-faq-color) 18%, transparent); color: color-mix(in srgb, var(--ggai-faq-color) 72%, #fff); font-size: .65rem; font-weight: 900; }
.ggai__faq-question { display: grid; gap: .14rem; min-width: 0; }
.ggai__faq-question small { color: color-mix(in srgb, var(--ggai-faq-color) 68%, #fff); font-size: .56rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.ggai__faq-question strong { color: var(--ggai-text); font-size: .86rem; line-height: 1.35; }
.ggai__faq-toggle { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid color-mix(in srgb, var(--ggai-faq-color) 35%, var(--ggai-line)); border-radius: 999px; background: color-mix(in srgb, var(--ggai-faq-color) 10%, transparent); color: color-mix(in srgb, var(--ggai-faq-color) 72%, #fff); font-size: 1rem; font-weight: 500; transition: transform .22s ease, background-color .22s ease; }
.ggai__faq details[open] .ggai__faq-toggle { transform: rotate(45deg); background: color-mix(in srgb, var(--ggai-faq-color) 22%, transparent); }
.ggai__faq-answer { display: grid; gap: .65rem; margin: 0 1rem 1rem 4.2rem; padding: .9rem 1rem; border-left: 1px solid color-mix(in srgb, var(--ggai-faq-color) 35%, var(--ggai-line)); background: color-mix(in srgb, var(--ggai-faq-color) 4%, transparent); }
.ggai__faq-answer p { margin: 0; color: var(--ggai-muted); font-size: .82rem; line-height: 1.6; }
.ggai__faq-answer > span { display: inline-flex; width: fit-content; align-items: center; gap: .35rem; color: color-mix(in srgb, var(--ggai-faq-color) 65%, #fff); font-size: .58rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.ggai__faq-answer > span::before { color: #34d399; content: "✓"; }

@media (min-width: 1280px) {
	.ggai__faq-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.ggai-dialog {
	width: min(94vw, 920px);
	max-width: 920px;
	max-height: min(90vh, 960px);
	padding: 0;
	overflow: auto;
	border: 1px solid var(--ggai-line);
	border-radius: 1.35rem;
	background: var(--ggai-surface);
	color: var(--ggai-text);
	box-shadow: 0 35px 100px rgba(2,8,23,.36);
}
.ggai-dialog::backdrop { background: rgba(2,8,23,.68); backdrop-filter: blur(7px); }
.ggai-dialog__panel { position: relative; }
.ggai-dialog__close {
	position: absolute;
	z-index: 2;
	top: .85rem;
	right: .85rem;
	display: grid;
	width: 2.55rem;
	height: 2.55rem;
	place-items: center;
	border: 1px solid var(--ggai-line);
	border-radius: 50%;
	background: color-mix(in srgb, var(--ggai-surface) 88%, transparent);
	color: var(--ggai-text);
	font-size: 1.45rem;
	line-height: 1;
	backdrop-filter: blur(10px);
}
.ggai-dialog__hero { display: grid; grid-template-columns: 15rem 1fr; align-items: center; gap: 2rem; padding: 2rem 4rem 0 2rem; background: linear-gradient(135deg, color-mix(in srgb, var(--ggai-primary) 12%, var(--ggai-surface)), color-mix(in srgb, var(--ggai-cyan) 7%, var(--ggai-surface))); }
.ggai-dialog__hero img { width: 15rem; height: 15rem; aspect-ratio: 1; border-radius: 1.15rem 1.15rem 0 0; object-fit: cover; object-position: center 25%; }
.ggai-dialog__hero h3 { margin-top: .7rem; font-size: clamp(2rem, 4vw, 3.4rem); }
.ggai-dialog__hero p { margin: .35rem 0 0; color: var(--ggai-primary); font-weight: 800; }
.ggai-dialog__status { display: inline-flex; align-items: center; gap: .5rem; color: var(--ggai-success); font-size: .78rem; font-weight: 800; }
.ggai-dialog__content { padding: clamp(1.35rem, 4vw, 2.2rem); }
.ggai-dialog__content > h3 { margin: .25rem 0 .8rem; font-size: clamp(2rem, 4vw, 3.3rem); }
.ggai-dialog__lead { margin: 0; color: var(--ggai-muted); font-size: 1rem; }
.ggai-dialog__columns { display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem; margin-top: 1.6rem; }
.ggai-dialog__columns section { padding: 1rem; border: 1px solid var(--ggai-line); border-radius: .85rem; background: var(--ggai-surface-soft); }
.ggai-dialog h4 { margin: 0 0 .7rem; color: var(--ggai-primary); font-size: .82rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.ggai-dialog ul { display: grid; gap: .42rem; margin: 0; padding: 0; color: var(--ggai-muted); font-size: .86rem; list-style: none; }
.ggai-dialog li::before { margin-right: .45rem; color: var(--ggai-success); font-weight: 900; content: "✓"; }
.ggai-dialog__technical { display: grid; grid-template-columns: .7fr 1.3fr; gap: .75rem; margin-top: 1rem; }
.ggai-dialog__technical p { display: grid; gap: .25rem; margin: 0; padding: .85rem; border: 1px solid var(--ggai-line); border-radius: .75rem; }
.ggai-dialog__technical span { color: var(--ggai-muted); font-size: .68rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.ggai-dialog__technical strong { font-size: .82rem; }
.ggai-dialog__legal { margin: 1rem 0 0; padding: .8rem; border-radius: .7rem; background: #fff7ed; color: #9a3412; font-size: .8rem; }
.ggai-dialog__actions { display: flex; justify-content: flex-end; gap: .7rem; margin-top: 1.2rem; }
.ggai-form { margin-top: 1.6rem; }
.ggai-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; }
.ggai-form label { display: grid; gap: .36rem; color: var(--ggai-text); font-size: .78rem; font-weight: 750; }
.ggai-form__full { grid-column: 1 / -1; }
.ggai-form input, .ggai-form textarea, .ggai-form select { width: 100%; min-height: 2.85rem; padding: .65rem .75rem; border: 1px solid var(--ggai-line); border-radius: .68rem; background: var(--ggai-surface-soft); color: var(--ggai-text); }
.ggai-form textarea { min-height: 7.5rem; resize: vertical; }
.ggai-form input[readonly] { opacity: .78; cursor: not-allowed; }
.ggai-form__honeypot { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(1px,1px,1px,1px) !important; }
.ggai-form__consent { grid-template-columns: auto 1fr !important; align-items: start; margin-top: 1rem; color: var(--ggai-muted) !important; font-weight: 500 !important; line-height: 1.45; }
.ggai-form__consent input { width: 1rem; min-height: 1rem; margin-top: .15rem; }
.ggai-form__consent a { color: var(--ggai-primary); }
.ggai-form__footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.15rem; }
.ggai-form__footer p { margin: 0; color: var(--ggai-muted); font-size: .8rem; }
.ggai-form__footer p.is-success { color: var(--ggai-success); }
.ggai-form__footer p.is-error { color: #dc2626; }
.ggai-form button:disabled { opacity: .65; cursor: wait; }
.ggai-external-source { margin-top: 1.25rem; }
.ggai__empty { grid-column: 1 / -1; padding: 3rem; border: 1px dashed var(--ggai-line); border-radius: 1rem; color: var(--ggai-muted); text-align: center; }

/* Premium homepage experience. The original slider is intentionally untouched. */
.ggai.ggai--home-experience {
	padding-top: 0;
	padding-bottom: clamp(5.5rem, 10vw, 10rem);
}
.ggai--home-experience .ggai__container > .ggai-showcase--network:first-child { margin-top: 0; }
.ggai-section-heading { max-width: 820px; margin-bottom: clamp(2rem, 4vw, 3.6rem); }
.ggai-section-heading--center { margin-inline: auto; text-align: center; }
.ggai-section-heading h3 {
	margin: 0;
	color: var(--ggai-text);
	font-family: "Space Grotesk", Sora, Inter, sans-serif;
	font-size: clamp(2.25rem, 4.3vw, 4.6rem);
	font-weight: 750;
	letter-spacing: -.052em;
	line-height: .98;
	text-wrap: balance;
}
.ggai-title-line { display: block; }
.ggai-title-gradient,
.ggai-home-ready main .text-gradient {
	display: inline-block;
	background: linear-gradient(100deg, #7c8cff 0%, #8b5cf6 48%, #d946ef 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
	-webkit-text-fill-color: transparent;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
.ggai-title-line.ggai-title-gradient { display: block; }
.ggai-title-line + .ggai-title-line { margin-top: .015em; }
.ggai-section-heading > p { max-width: 720px; margin: 1.15rem 0 0; color: var(--ggai-muted); font-size: clamp(1rem, 1.45vw, 1.17rem); text-wrap: balance; }
.ggai-section-heading--center > p { margin-inline: auto; }
.ggai-showcase { position: relative; margin-top: clamp(6rem, 11vw, 11rem); }
.ggai-showcase--network {
	overflow: hidden;
	padding: clamp(1.5rem, 4vw, 4rem);
	border: 1px solid var(--ggai-line);
	border-radius: clamp(1.3rem, 2.6vw, 2.3rem);
	background:
		radial-gradient(circle at 12% 12%, rgba(37,99,235,.17), transparent 28rem),
		radial-gradient(circle at 88% 88%, rgba(124,58,237,.16), transparent 30rem),
		color-mix(in srgb, var(--ggai-surface) 90%, transparent);
	box-shadow: 0 32px 90px rgba(2,8,23,.24);
}
.ggai-showcase--network .ggai-section-heading { width: min(100%, 980px); margin: 0 auto clamp(2.8rem, 5vw, 4.8rem); }
.ggai-org { width: 100%; max-width: none; margin: 0; text-align: center; }
.ggai-org__lead, .ggai-org__team > .ggai-org__member {
	display: grid;
	justify-items: center;
	gap: .24rem;
	padding: 1rem;
	border: 1px solid var(--ggai-line);
	border-radius: 1rem;
	background: color-mix(in srgb, var(--ggai-surface-soft) 88%, transparent);
	box-shadow: inset 0 1px rgba(255,255,255,.05), 0 16px 40px rgba(2,8,23,.14);
}
.ggai-org__lead { --ggai-profile: #8b5cf6; position: relative; width: min(100%, 250px); margin: 0 auto; border-color: rgba(139,92,246,.46); background: radial-gradient(circle at 50% 0, rgba(139,92,246,.22), transparent 70%), color-mix(in srgb, var(--ggai-surface-soft) 92%, transparent); color: inherit; font: inherit; cursor: pointer; appearance: none; box-shadow: inset 0 1px rgba(255,255,255,.08), 0 20px 55px rgba(124,58,237,.18); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.ggai-org__lead:hover, .ggai-org__lead:focus-visible, .ggai-org__lead.is-flow-active { transform: translateY(-4px); border-color: #8b5cf6; outline: none; box-shadow: inset 0 1px rgba(255,255,255,.1), 0 24px 65px rgba(124,58,237,.28), 0 0 0 1px rgba(139,92,246,.3); }
.ggai-org__lead em { position: absolute; top: .75rem; right: .75rem; padding: .25rem .45rem; border: 1px solid rgba(16,185,129,.24); border-radius: 999px; background: rgba(16,185,129,.08); color: #6ee7b7; font-size: .55rem; font-style: normal; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.ggai-org__lead > .ggai-org__lead-icon, .ggai-org__team .ggai-org__avatar {
	display: grid;
	width: 2.75rem;
	height: 2.75rem;
	place-items: center;
	border: 1px solid rgba(255,255,255,.16);
	border-radius: .85rem;
	background: linear-gradient(135deg, var(--ggai-primary), var(--ggai-primary-2));
	color: #fff;
	font-weight: 850;
	box-shadow: 0 10px 28px rgba(37,99,235,.3);
}
.ggai-org strong { margin-top: .3rem; color: var(--ggai-text); font-size: .93rem; }
.ggai-org small { color: var(--ggai-muted); font-size: .72rem; }
.ggai-org__line { position: relative; width: 1px; height: 3rem; margin: 0 auto; overflow: visible; background: linear-gradient(var(--ggai-primary), rgba(124,58,237,.24)); }
.ggai-org__line::after { position: absolute; left: 50%; bottom: -.22rem; width: .48rem; height: .48rem; border-radius: 50%; background: var(--ggai-cyan); box-shadow: 0 0 0 6px rgba(6,182,212,.12), 0 0 20px rgba(6,182,212,.8); content: ""; transform: translateX(-50%); }
.ggai-org__line i { position: absolute; left: 50%; width: .42rem; height: .42rem; border-radius: 50%; background: #fff; box-shadow: 0 0 16px var(--ggai-cyan); animation: ggai-flow-y 2.2s ease-in-out infinite; transform: translateX(-50%); }
.ggai-org__team { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; padding-top: 2rem; }
.ggai-org__team::before { position: absolute; top: 0; right: 12.5%; left: 12.5%; height: 2px; background: linear-gradient(90deg, #3b82f6, #06b6d4 37%, #f59e0b 55%, #ec4899 73%, #22c55e); box-shadow: 0 0 18px rgba(6,182,212,.22); content: ""; }
.ggai-org__member { position: relative; width: 100%; min-width: 0; overflow: visible; color: inherit; font: inherit; text-align: center; cursor: pointer; appearance: none; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease, opacity .25s ease; }
.ggai-org__member::before { position: absolute; top: -2rem; left: 50%; width: 2px; height: 2rem; background: linear-gradient(180deg, var(--ggai-profile), color-mix(in srgb, var(--ggai-profile) 45%, transparent)); content: ""; transform: translateX(-50%); }
.ggai-org__member::after { position: absolute; top: -2.25rem; left: 50%; width: .52rem; height: .52rem; border-radius: 50%; background: var(--ggai-profile); box-shadow: 0 0 0 5px color-mix(in srgb, var(--ggai-profile) 13%, transparent), 0 0 18px color-mix(in srgb, var(--ggai-profile) 70%, transparent); content: ""; transform: translateX(-50%); }
.ggai-org__member:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--ggai-profile) 55%, var(--ggai-line)); background: linear-gradient(160deg, color-mix(in srgb, var(--ggai-profile) 10%, var(--ggai-surface-soft)), var(--ggai-surface-soft)); box-shadow: inset 0 1px rgba(255,255,255,.06), 0 22px 50px color-mix(in srgb, var(--ggai-profile) 15%, transparent); }
.ggai-org__member:focus-visible { border-color: var(--ggai-profile); outline: 2px solid color-mix(in srgb, var(--ggai-profile) 75%, #fff); outline-offset: 3px; }
.ggai-org__member.is-flow-active { transform: translateY(-7px); border-color: color-mix(in srgb, var(--ggai-profile) 78%, #fff 7%); background: radial-gradient(circle at 50% 0, color-mix(in srgb, var(--ggai-profile) 22%, transparent), transparent 70%), var(--ggai-surface-soft); box-shadow: inset 0 1px rgba(255,255,255,.08), 0 26px 60px color-mix(in srgb, var(--ggai-profile) 23%, transparent), 0 0 0 1px color-mix(in srgb, var(--ggai-profile) 20%, transparent); }
.ggai-org__member.is-flow-active::after { background: #fff; box-shadow: 0 0 0 6px color-mix(in srgb, var(--ggai-profile) 22%, transparent), 0 0 24px var(--ggai-profile); animation: ggai-node-pulse 1.8s ease-in-out infinite; }
.ggai-org__member em { display: inline-flex; align-items: center; gap: .35rem; margin-top: .45rem; color: color-mix(in srgb, var(--ggai-profile) 72%, #fff); font-size: .6rem; font-style: normal; font-weight: 800; opacity: .78; transition: gap .2s ease, opacity .2s ease; }
.ggai-org__member:hover em, .ggai-org__member:focus-visible em { gap: .55rem; opacity: 1; }
.ggai-org__member em i { font-style: normal; }
.ggai-org__team .ggai-org__avatar {
	width: 4.5rem;
	height: 4.5rem;
	overflow: hidden;
	border: 2px solid color-mix(in srgb, var(--ggai-profile) 68%, #fff 8%);
	border-radius: 50%;
	background: #0f172a;
	box-shadow: 0 10px 30px color-mix(in srgb, var(--ggai-profile) 30%, transparent), 0 0 0 5px color-mix(in srgb, var(--ggai-profile) 10%, transparent);
}
.ggai-org__avatar img { display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; object-position: 50% 34%; transition: transform .35s ease; }
.ggai-org__member:hover .ggai-org__avatar img, .ggai-org__member:focus-visible .ggai-org__avatar img { transform: scale(1.06); }
.ggai-org__step { display: inline-grid; grid-template-columns: auto 1fr; align-items: center; gap: .42rem; min-height: 1.8rem; margin-top: .45rem; padding: .3rem .5rem; border: 1px solid color-mix(in srgb, var(--ggai-profile) 32%, rgba(148,163,184,.14)); border-radius: 999px; background: linear-gradient(100deg, color-mix(in srgb, var(--ggai-profile) 13%, transparent), color-mix(in srgb, var(--ggai-profile-next, var(--ggai-profile)) 9%, transparent)); }
.ggai-org__step b { color: color-mix(in srgb, var(--ggai-profile) 72%, #fff); font-size: .56rem; letter-spacing: .035em; }
.ggai-org__step small { color: #b8c2d4; font-size: .55rem; line-height: 1.15; }
.ggai-org__lead .ggai-org__step { --ggai-profile-next: #8b5cf6; }

.ggai-org-dialog { width: min(94vw, 780px); max-width: 780px; max-height: min(92vh, 900px); padding: 0; overflow: auto; border: 1px solid color-mix(in srgb, var(--ggai-profile, #6366f1) 48%, rgba(148,163,184,.18)); border-radius: 1.4rem; background: #0d1220; color: #f8fafc; box-shadow: 0 34px 110px rgba(2,6,23,.76), 0 0 65px color-mix(in srgb, var(--ggai-profile, #6366f1) 18%, transparent); }
.ggai-org-dialog::backdrop { background: rgba(2,6,23,.8); backdrop-filter: blur(9px); }
.ggai-org-dialog__panel { position: relative; padding: clamp(1.25rem, 4vw, 2.35rem); background: radial-gradient(circle at 92% 5%, color-mix(in srgb, var(--ggai-profile, #6366f1) 20%, transparent), transparent 38%), linear-gradient(145deg, rgba(255,255,255,.035), transparent 62%); }
.ggai-org-dialog__panel::before { position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, var(--ggai-profile, #6366f1), color-mix(in srgb, var(--ggai-profile, #6366f1) 55%, #06b6d4)); content: ""; }
.ggai-org-dialog__close { position: absolute; z-index: 2; top: .9rem; right: .9rem; display: grid; width: 2.55rem; height: 2.55rem; padding: 0; place-items: center; border: 1px solid rgba(148,163,184,.24); border-radius: 50%; background: rgba(15,23,42,.8); color: #e2e8f0; font: inherit; font-size: 1.35rem; cursor: pointer; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.ggai-org-dialog__close:hover, .ggai-org-dialog__close:focus-visible { border-color: var(--ggai-profile); background: color-mix(in srgb, var(--ggai-profile) 18%, #0f172a); outline: none; transform: rotate(4deg); }
.ggai-org-dialog__identity { display: grid; grid-template-columns: 6.25rem 1fr; gap: 1.15rem; align-items: center; padding-right: 3rem; }
.ggai-org-dialog__photo { width: 6.25rem; height: 6.25rem; overflow: hidden; border: 2px solid color-mix(in srgb, var(--ggai-profile) 72%, #fff 10%); border-radius: 50%; background: #0f172a; box-shadow: 0 16px 38px color-mix(in srgb, var(--ggai-profile) 28%, transparent), 0 0 0 6px color-mix(in srgb, var(--ggai-profile) 10%, transparent); }
.ggai-org-dialog__photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 34%; }
.ggai-org-dialog__identity > div { min-width: 0; }
.ggai-org-dialog__kicker { display: inline-flex; padding: .34rem .58rem; border: 1px solid color-mix(in srgb, var(--ggai-profile) 45%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--ggai-profile) 13%, transparent); color: color-mix(in srgb, var(--ggai-profile) 72%, #fff); font-size: .62rem; font-weight: 850; letter-spacing: .075em; text-transform: uppercase; }
.ggai-org-dialog h4 { margin: .65rem 0 .18rem; color: #f8fafc; font-family: "Space Grotesk", Sora, Inter, sans-serif; font-size: clamp(2rem, 6vw, 3.35rem); letter-spacing: -.045em; line-height: .95; }
.ggai-org-dialog__identity p { margin: 0; color: color-mix(in srgb, var(--ggai-profile) 70%, #fff); font-size: .9rem; font-weight: 750; }
.ggai-org-dialog__intro { max-width: 70ch; margin: 1.35rem 0 0; color: #b9c2d3; font-size: .9rem; line-height: 1.65; }
.ggai-org-dialog__grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: .85rem; margin-top: 1.2rem; }
.ggai-org-dialog__mission, .ggai-org-dialog__actions, .ggai-org-dialog__handoff > div { border: 1px solid rgba(148,163,184,.16); border-radius: 1rem; background: rgba(255,255,255,.035); }
.ggai-org-dialog__mission, .ggai-org-dialog__actions { padding: 1rem; }
.ggai-org-dialog h5 { margin: 0 0 .65rem; color: #f8fafc; font-size: .75rem; letter-spacing: .025em; }
.ggai-org-dialog__mission p { margin: 0 0 1rem; color: #b9c2d3; font-size: .74rem; line-height: 1.55; }
.ggai-org-dialog__tools { display: flex; flex-wrap: wrap; gap: .38rem; }
.ggai-org-dialog__tools span { padding: .34rem .5rem; border: 1px solid color-mix(in srgb, var(--ggai-profile) 32%, rgba(148,163,184,.16)); border-radius: 999px; background: color-mix(in srgb, var(--ggai-profile) 8%, transparent); color: #cbd5e1; font-size: .62rem; font-weight: 750; }
.ggai-org-dialog__actions ul { display: grid; gap: .6rem; margin: 0; padding: 0; list-style: none; }
.ggai-org-dialog__actions li { position: relative; padding-left: 1.1rem; color: #cbd5e1; font-size: .72rem; line-height: 1.5; }
.ggai-org-dialog__actions li::before { position: absolute; top: .46em; left: 0; width: .44rem; height: .44rem; border-radius: 50%; background: var(--ggai-profile); box-shadow: 0 0 11px color-mix(in srgb, var(--ggai-profile) 65%, transparent); content: ""; }
.ggai-org-dialog__handoff { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; margin-top: .85rem; }
.ggai-org-dialog__handoff > div { display: grid; grid-template-columns: 2.25rem 1fr; gap: .7rem; padding: .9rem; }
.ggai-org-dialog__handoff > div > span { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: .7rem; background: color-mix(in srgb, var(--ggai-profile) 17%, transparent); color: color-mix(in srgb, var(--ggai-profile) 75%, #fff); font-weight: 900; }
.ggai-org-dialog__handoff p { display: grid; gap: .25rem; margin: 0; }
.ggai-org-dialog__handoff strong { color: #f8fafc; font-size: .69rem; }
.ggai-org-dialog__handoff b { color: #aeb8ca; font-size: .66rem; font-weight: 500; line-height: 1.45; }
.ggai-org-dialog__cta { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; min-height: 2.9rem; margin-top: 1rem; padding: .72rem 1rem; border-radius: .78rem; background: linear-gradient(100deg, var(--ggai-profile), color-mix(in srgb, var(--ggai-profile) 55%, #8b5cf6)); color: #fff; font-size: .74rem; font-weight: 850; text-decoration: none; box-shadow: 0 12px 30px color-mix(in srgb, var(--ggai-profile) 20%, transparent); }
.ggai-org-dialog__cta:hover, .ggai-org-dialog__cta:focus-visible { color: #fff; outline: 2px solid color-mix(in srgb, var(--ggai-profile) 65%, #fff); outline-offset: 3px; transform: translateY(-1px); }
html.ggai-org-modal-open { overflow: hidden; }
.ggai-network__proof { display: grid; width: 100%; max-width: none; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; margin: 1rem 0 0; }
.ggai-network__proof > div { --ggai-proof: #3b82f6; display: grid; grid-template-columns: 2.75rem 1fr; grid-template-rows: auto auto; column-gap: .85rem; padding: 1rem; border: 1px solid color-mix(in srgb, var(--ggai-proof) 22%, var(--ggai-line)); border-radius: 1rem; background: linear-gradient(145deg, color-mix(in srgb, var(--ggai-proof) 7%, transparent), rgba(255,255,255,.02)); }
.ggai-network__proof > div:nth-child(2) { --ggai-proof: #06b6d4; }
.ggai-network__proof > div:nth-child(3) { --ggai-proof: #22c55e; }
.ggai-network__proof span { display: grid; grid-row: 1 / 3; width: 2.75rem; height: 2.75rem; place-items: center; border-radius: .8rem; background: color-mix(in srgb, var(--ggai-proof) 18%, transparent); color: color-mix(in srgb, var(--ggai-proof) 70%, #fff); font-size: .7rem; font-weight: 900; }
.ggai-network__proof strong { align-self: end; color: var(--ggai-text); font-size: .82rem; }
.ggai-network__proof small { align-self: start; margin-top: .15rem; color: var(--ggai-muted); font-size: .66rem; line-height: 1.4; }
.ggai-network__footer { display: flex; width: 100%; max-width: none; align-items: center; justify-content: space-between; gap: 1.2rem; margin: 1rem 0 0; padding: 1rem 1.15rem; border: 1px solid rgba(96,165,250,.2); border-radius: 1rem; background: linear-gradient(100deg, rgba(37,99,235,.1), rgba(124,58,237,.08)); }
.ggai-network__footer p { margin: 0; color: var(--ggai-muted); font-size: .78rem; }
.ggai-network__footer strong { color: var(--ggai-text); }
.ggai-network__footer a { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: .55rem; min-height: 2.8rem; padding: .7rem 1rem; border-radius: .75rem; background: linear-gradient(100deg, var(--ggai-primary), var(--ggai-primary-2)); color: #fff; font-size: .75rem; font-weight: 850; text-decoration: none; box-shadow: 0 12px 30px rgba(37,99,235,.18); transition: transform .2s ease, box-shadow .2s ease; }
.ggai-network__footer a:hover { transform: translateY(-2px); box-shadow: 0 18px 38px rgba(37,99,235,.25); }
.ggai-flow-bridge { display: flex; width: fit-content; align-items: center; gap: .65rem; margin: 1.4rem auto 0; color: #a5b4fc; font-size: .7rem; font-weight: 850; letter-spacing: .04em; text-decoration: none; }
.ggai-flow-bridge > i, .ggai-flow-bridge__action > i { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid rgba(96,165,250,.25); border-radius: 50%; background: rgba(37,99,235,.1); color: var(--ggai-cyan); font-style: normal; animation: ggai-bridge-down 1.6s ease-in-out infinite; }
.ggai-flow-bridge--linked { position: relative; display: grid; width: min(100%, 980px); grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 1rem; margin-top: 1.35rem; padding: .8rem 1rem; border: 1px solid color-mix(in srgb, var(--ggai-step) 30%, rgba(148,163,184,.16)); border-radius: 1rem; background: linear-gradient(100deg, color-mix(in srgb, var(--ggai-step) 10%, rgba(10,14,26,.88)), rgba(10,14,26,.88)); box-shadow: 0 16px 45px color-mix(in srgb, var(--ggai-step) 11%, transparent); color: inherit; letter-spacing: 0; transition: border-color .3s ease, background .3s ease, box-shadow .3s ease; }
.ggai-flow-bridge--linked:hover, .ggai-flow-bridge--linked:focus-visible { border-color: color-mix(in srgb, var(--ggai-step) 68%, #fff 6%); color: inherit; outline: 2px solid color-mix(in srgb, var(--ggai-step) 42%, transparent); outline-offset: 3px; }
.ggai-flow-bridge__state { display: grid; grid-template-columns: 2.5rem 1fr; align-items: center; gap: .7rem; min-width: 0; }
.ggai-flow-bridge__state > b { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: .75rem; background: color-mix(in srgb, var(--ggai-step) 22%, transparent); color: color-mix(in srgb, var(--ggai-step) 70%, #fff); font-size: .68rem; box-shadow: 0 8px 22px color-mix(in srgb, var(--ggai-step) 20%, transparent); }
.ggai-flow-bridge__state > span { display: grid; min-width: 0; gap: .12rem; }
.ggai-flow-bridge__state small { color: #7f8ba1; font-size: .56rem; font-weight: 750; letter-spacing: .075em; text-transform: uppercase; }
.ggai-flow-bridge__state strong { overflow: hidden; color: #eef2ff; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.ggai-flow-bridge__palette { display: flex; align-items: center; gap: .28rem; }
.ggai-flow-bridge__palette i { width: .48rem; height: .48rem; border-radius: 50%; background: var(--ggai-palette); box-shadow: 0 0 9px color-mix(in srgb, var(--ggai-palette) 55%, transparent); transition: transform .25s ease, opacity .25s ease; }
.ggai-flow-bridge__palette i.is-active { transform: scale(1.65); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ggai-palette) 14%, transparent), 0 0 14px var(--ggai-palette); }
.ggai-flow-bridge__action { display: flex; align-items: center; justify-content: flex-end; gap: .65rem; color: color-mix(in srgb, var(--ggai-step) 68%, #fff); font-size: .66rem; }
.ggai-flow-bridge--infrastructure { margin-top: clamp(2rem, 4vw, 3.25rem); padding-top: 1rem; }

.ggai-network__process {
	position: relative;
	isolation: isolate;
	margin-top: clamp(2rem, 4vw, 3.5rem);
	padding: clamp(4rem, 5vw, 5rem) clamp(.85rem, 2vw, 1.75rem) clamp(1.5rem, 3vw, 2.5rem);
	overflow: hidden;
	border: 1px solid rgba(139,92,246,.2);
	border-radius: clamp(1.25rem, 2.4vw, 2rem);
	background:
		radial-gradient(circle at 8% 8%, rgba(37,99,235,.1), transparent 28rem),
		radial-gradient(circle at 92% 92%, rgba(168,85,247,.1), transparent 30rem),
		linear-gradient(145deg, rgba(9,14,27,.82), rgba(15,13,31,.74));
	box-shadow: inset 0 1px rgba(255,255,255,.045), 0 24px 70px rgba(2,8,23,.18);
	scroll-margin-top: 6rem;
}
.ggai-network__process::before { position: absolute; z-index: 2; top: 0; left: 50%; width: 2px; height: 2.35rem; background: linear-gradient(180deg, #8b5cf6, #06b6d4); box-shadow: 0 0 18px rgba(6,182,212,.35); content: ""; transform: translateX(-50%); }
.ggai-network__process::after { position: absolute; z-index: 2; top: 2.05rem; left: 50%; width: .58rem; height: .58rem; border-radius: 50%; background: #06b6d4; box-shadow: 0 0 0 6px rgba(6,182,212,.12), 0 0 20px rgba(6,182,212,.75); content: ""; transform: translateX(-50%); }
.ggai-showcase--process { padding-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.ggai-showcase--process .ggai__eyebrow b { color: #93c5fd; font-weight: 850; }
.ggai-process-live { display: grid; grid-template-columns: 3.4rem minmax(0, 1fr) auto; align-items: center; gap: 1rem; width: min(100%, 1120px); margin: 0 auto clamp(1.15rem, 2vw, 1.6rem); padding: .95rem 1.1rem; border: 1px solid color-mix(in srgb, var(--ggai-step) 38%, var(--ggai-line)); border-radius: 1.15rem; background: radial-gradient(circle at 0 50%, color-mix(in srgb, var(--ggai-step) 19%, transparent), transparent 34rem), linear-gradient(105deg, rgba(8,12,24,.86), rgba(15,14,31,.78)); box-shadow: 0 18px 48px color-mix(in srgb, var(--ggai-step) 12%, transparent), inset 0 1px rgba(255,255,255,.045); transition: border-color .3s ease, background .3s ease, box-shadow .3s ease; }
.ggai-process-live__number { display: grid; width: 3.4rem; height: 3.4rem; place-items: center; border: 1px solid color-mix(in srgb, var(--ggai-step) 65%, #fff 8%); border-radius: 1rem; background: linear-gradient(145deg, color-mix(in srgb, var(--ggai-step) 92%, #fff 8%), var(--ggai-step)); color: #fff; font-size: .76rem; font-weight: 900; box-shadow: 0 12px 32px color-mix(in srgb, var(--ggai-step) 32%, transparent); }
.ggai-process-live > p { display: grid; min-width: 0; gap: .12rem; margin: 0; }
.ggai-process-live small { color: color-mix(in srgb, var(--ggai-step) 68%, #fff); font-size: .57rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.ggai-process-live strong { color: var(--ggai-text); font-size: .9rem; line-height: 1.35; }
.ggai-process-live p > span { color: var(--ggai-muted); font-size: .7rem; }
.ggai-process-live__next { position: relative; min-width: 10rem; padding-left: 2.5rem; text-align: right; }
.ggai-process-live__next::before { position: absolute; top: 50%; left: .25rem; width: 1.45rem; height: 1px; background: linear-gradient(90deg, transparent, var(--ggai-step)); content: ""; }
.ggai-process-live__next > span { position: absolute; top: 50%; left: 1.5rem; color: var(--ggai-step) !important; font-size: 1rem !important; transform: translateY(-53%); }
.ggai-process { --ggai-flow-progress: 0%; position: relative; display: grid; width: min(100%, 1120px); grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin: 0 auto; padding: 0; list-style: none; }
.ggai-process::before, .ggai-process::after { position: absolute; z-index: 0; top: 2.55rem; left: 12.5%; height: 2px; content: ""; }
.ggai-process::before { right: 12.5%; background: rgba(96,165,250,.16); }
.ggai-process::after { width: calc(75% * var(--ggai-flow-progress)); background: linear-gradient(90deg, #3b82f6, #8b5cf6, #06b6d4, #f59e0b); box-shadow: 0 0 18px rgba(6,182,212,.32); transition: width .55s cubic-bezier(.2,.75,.2,1); }
.ggai-process li { position: relative; z-index: 1; min-height: 13.25rem; overflow: hidden; border: 1px solid color-mix(in srgb, var(--ggai-step) 29%, var(--ggai-line)); border-radius: 1.2rem; background: linear-gradient(165deg, color-mix(in srgb, var(--ggai-step) 10%, rgba(17,20,31,.92)), rgba(10,14,26,.88)); box-shadow: 0 18px 45px rgba(2,8,23,.16), inset 0 1px rgba(255,255,255,.035); backdrop-filter: blur(12px); transition: transform .28s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease; }
.ggai-process li::before { position: absolute; z-index: 2; inset: 0 0 auto; height: 2px; background: var(--ggai-step); content: ""; opacity: .75; }
.ggai-process li.is-flow-reached { border-color: color-mix(in srgb, var(--ggai-step) 44%, transparent); }
.ggai-process li:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--ggai-step) 58%, #fff 5%); box-shadow: 0 24px 56px color-mix(in srgb, var(--ggai-step) 16%, transparent), inset 0 1px rgba(255,255,255,.05); }
.ggai-process li.is-flow-active { transform: translateY(-6px); border-color: color-mix(in srgb, var(--ggai-step) 78%, #fff 8%); background: radial-gradient(circle at 50% 0, color-mix(in srgb, var(--ggai-step) 24%, transparent), transparent 72%), linear-gradient(160deg, color-mix(in srgb, var(--ggai-step) 12%, #11141f), #0a0e1a); box-shadow: 0 26px 65px color-mix(in srgb, var(--ggai-step) 24%, transparent), 0 0 0 1px color-mix(in srgb, var(--ggai-step) 23%, transparent); }
.ggai-process li::after { display: none; }
.ggai-process__trigger { display: grid; width: 100%; min-height: 13.25rem; align-content: start; justify-items: center; gap: .42rem; padding: 1.3rem 1rem 1rem; border: 0; border-radius: inherit; background: transparent; color: inherit; font: inherit; text-align: center; cursor: pointer; }
.ggai-process__trigger:focus-visible { outline: 2px solid var(--ggai-step); outline-offset: -4px; }
.ggai-process__trigger > span { display: grid; width: 2.8rem; height: 2.8rem; place-items: center; border: 1px solid color-mix(in srgb, var(--ggai-step) 30%, transparent); border-radius: .9rem; background: color-mix(in srgb, var(--ggai-step) 22%, transparent); color: color-mix(in srgb, var(--ggai-step) 62%, #fff); font-size: .74rem; font-weight: 900; box-shadow: 0 8px 24px color-mix(in srgb, var(--ggai-step) 12%, transparent); }
.ggai-process__trigger strong { margin-top: .5rem; color: var(--ggai-text); font-size: .92rem; line-height: 1.35; text-wrap: balance; }
.ggai-process__trigger small { min-height: 2.7rem; color: var(--ggai-muted); font-size: .72rem; line-height: 1.5; text-wrap: balance; }
.ggai-process__trigger em { display: inline-flex; align-items: center; gap: .35rem; margin-top: auto; padding: .42rem .68rem; border: 1px solid color-mix(in srgb, var(--ggai-step) 22%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--ggai-step) 8%, transparent); color: color-mix(in srgb, var(--ggai-step) 68%, #fff); font-size: .64rem; font-style: normal; font-weight: 800; opacity: .82; transition: gap .2s ease, opacity .2s ease, border-color .2s ease, background .2s ease; }
.ggai-process__trigger em i { font-style: normal; }
.ggai-process li:hover .ggai-process__trigger em, .ggai-process li.is-flow-active .ggai-process__trigger em { gap: .55rem; border-color: color-mix(in srgb, var(--ggai-step) 42%, transparent); background: color-mix(in srgb, var(--ggai-step) 13%, transparent); opacity: 1; }
.ggai-process li.is-flow-active .ggai-process__trigger > span { color: #fff; background: var(--ggai-step); box-shadow: 0 10px 28px color-mix(in srgb, var(--ggai-step) 35%, transparent); }

.ggai-process-dialog { width: min(92vw, 720px); max-width: 720px; padding: 0; overflow: hidden; border: 1px solid color-mix(in srgb, var(--ggai-step, #3b82f6) 42%, rgba(148,163,184,.2)); border-radius: 1.35rem; background: #0d1220; color: #f8fafc; box-shadow: 0 32px 100px rgba(2,6,23,.72), 0 0 60px color-mix(in srgb, var(--ggai-step, #3b82f6) 16%, transparent); }
.ggai-process-dialog::backdrop { background: rgba(2,6,23,.78); backdrop-filter: blur(8px); }
.ggai-process-dialog__panel { position: relative; padding: clamp(1.4rem, 4vw, 2.4rem); background: radial-gradient(circle at 100% 0, color-mix(in srgb, var(--ggai-step, #3b82f6) 18%, transparent), transparent 42%), linear-gradient(145deg, rgba(255,255,255,.035), transparent 60%); }
.ggai-process-dialog__panel::before { position: absolute; inset: 0 0 auto; height: 3px; background: var(--ggai-step, #3b82f6); content: ""; }
.ggai-process-dialog__close { position: absolute; top: .9rem; right: .9rem; display: grid; width: 2.5rem; height: 2.5rem; padding: 0; place-items: center; border: 1px solid rgba(148,163,184,.22); border-radius: 50%; background: rgba(15,23,42,.72); color: #e2e8f0; font: inherit; font-size: 1.35rem; cursor: pointer; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.ggai-process-dialog__close:hover, .ggai-process-dialog__close:focus-visible { border-color: var(--ggai-step, #3b82f6); background: color-mix(in srgb, var(--ggai-step, #3b82f6) 17%, #0f172a); outline: none; transform: rotate(4deg); }
.ggai-process-dialog__kicker { display: inline-flex; padding: .35rem .58rem; border: 1px solid color-mix(in srgb, var(--ggai-step, #3b82f6) 42%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--ggai-step, #3b82f6) 12%, transparent); color: color-mix(in srgb, var(--ggai-step, #3b82f6) 70%, #fff); font-size: .66rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.ggai-process-dialog h4 { max-width: calc(100% - 3.5rem); margin: .85rem 0 .5rem; color: #f8fafc; font-family: "Space Grotesk", Sora, Inter, sans-serif; font-size: clamp(1.65rem, 5vw, 2.45rem); line-height: 1.05; }
.ggai-process-dialog__intro { max-width: 62ch; margin: 0; color: #b9c2d3; font-size: .92rem; line-height: 1.65; }
.ggai-process-dialog__grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: .8rem; margin-top: 1.35rem; }
.ggai-process-dialog__actions, .ggai-process-dialog__outcome > div { border: 1px solid rgba(148,163,184,.16); border-radius: 1rem; background: rgba(255,255,255,.035); }
.ggai-process-dialog__actions { padding: 1rem; }
.ggai-process-dialog h5 { margin: 0 0 .75rem; color: #f8fafc; font-size: .78rem; letter-spacing: .025em; }
.ggai-process-dialog__actions ul { display: grid; gap: .55rem; margin: 0; padding: 0; list-style: none; }
.ggai-process-dialog__actions li { position: relative; padding-left: 1.1rem; color: #cbd5e1; font-size: .74rem; line-height: 1.45; }
.ggai-process-dialog__actions li::before { position: absolute; top: .48em; left: 0; width: .42rem; height: .42rem; border-radius: 50%; background: var(--ggai-step, #3b82f6); box-shadow: 0 0 10px color-mix(in srgb, var(--ggai-step, #3b82f6) 60%, transparent); content: ""; }
.ggai-process-dialog__outcome { display: grid; gap: .8rem; }
.ggai-process-dialog__outcome > div { display: grid; grid-template-columns: 2.2rem 1fr; gap: .7rem; padding: .9rem; }
.ggai-process-dialog__outcome > div > span { display: grid; width: 2.2rem; height: 2.2rem; place-items: center; border-radius: .7rem; background: color-mix(in srgb, var(--ggai-step, #3b82f6) 17%, transparent); color: color-mix(in srgb, var(--ggai-step, #3b82f6) 72%, #fff); font-weight: 900; }
.ggai-process-dialog__outcome p { display: grid; gap: .25rem; margin: 0; }
.ggai-process-dialog__outcome strong { color: #f8fafc; font-size: .72rem; }
.ggai-process-dialog__outcome b { color: #aeb8ca; font-size: .69rem; font-weight: 500; line-height: 1.45; }
html.ggai-process-modal-open { overflow: hidden; }

/* Local or Swiss-cloud infrastructure, powered by the same Kupa protocol. */
.ggai-showcase--infrastructure {
	padding: clamp(1.2rem, 3vw, 2.4rem);
	border: 1px solid var(--ggai-line);
	border-radius: clamp(1.35rem, 2.6vw, 2.35rem);
	background:
		radial-gradient(circle at 8% 20%, rgba(124,58,237,.13), transparent 29rem),
		radial-gradient(circle at 92% 23%, rgba(6,182,212,.11), transparent 30rem),
		color-mix(in srgb, var(--ggai-surface) 88%, transparent);
	box-shadow: 0 32px 90px rgba(2,8,23,.22);
}
.ggai-showcase--infrastructure .ggai-section-heading { width: 100%; max-width: none; margin: 0 0 clamp(2.25rem, 5vw, 4rem); }
.ggai-showcase--infrastructure .ggai-section-heading h3 { max-width: 100%; }
.ggai-infra-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(.85rem, 1.6vw, 1.3rem); }
.ggai-infra-card {
	--ggai-infra: #8b5cf6;
	position: relative;
	display: flex;
	min-width: 0;
	flex-direction: column;
	overflow: hidden;
	padding: clamp(1rem, 2.1vw, 1.55rem);
	border: 1px solid color-mix(in srgb, var(--ggai-infra) 31%, var(--ggai-line));
	border-radius: 1.35rem;
	background:
		radial-gradient(circle at 50% 0, color-mix(in srgb, var(--ggai-infra) 13%, transparent), transparent 31rem),
		linear-gradient(155deg, color-mix(in srgb, var(--ggai-surface-soft) 89%, transparent), color-mix(in srgb, var(--ggai-surface) 96%, transparent));
	box-shadow: inset 0 1px rgba(255,255,255,.05), 0 22px 58px rgba(2,8,23,.16);
	transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.ggai-infra-card::before { position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, transparent, var(--ggai-infra), transparent); content: ""; opacity: .9; }
.ggai-infra-card:hover { transform: translateY(-5px); border-color: color-mix(in srgb, var(--ggai-infra) 55%, var(--ggai-line)); box-shadow: inset 0 1px rgba(255,255,255,.06), 0 30px 75px color-mix(in srgb, var(--ggai-infra) 15%, rgba(2,8,23,.28)); }
.ggai-infra-card--cloud { --ggai-infra: #06b6d4; }
.ggai-infra-card__top { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.ggai-infra-card__top > span, .ggai-infra-card__top > em {
	display: inline-flex;
	align-items: center;
	gap: .42rem;
	min-height: 1.95rem;
	padding: .37rem .62rem;
	border: 1px solid color-mix(in srgb, var(--ggai-infra) 31%, var(--ggai-line));
	border-radius: 999px;
	background: color-mix(in srgb, var(--ggai-infra) 9%, transparent);
	color: color-mix(in srgb, var(--ggai-infra) 65%, #fff);
	font-size: .64rem;
	font-weight: 850;
	letter-spacing: .055em;
	text-transform: uppercase;
}
.ggai-infra-card__top > em { color: var(--ggai-muted); font-style: normal; letter-spacing: .02em; text-transform: none; }
.ggai-infra-card__top > em i { width: .46rem; height: .46rem; border-radius: 50%; background: #10b981; box-shadow: 0 0 0 4px rgba(16,185,129,.1), 0 0 14px rgba(16,185,129,.42); }
.ggai-infra-visual {
	position: relative;
	display: grid;
	grid-template-columns: minmax(7.7rem, 1fr) minmax(2.5rem, .35fr) minmax(7rem, .85fr) minmax(3.8rem, .4fr);
	align-items: center;
	gap: .55rem;
	min-height: 14rem;
	margin-top: 1rem;
	padding: clamp(.85rem, 2vw, 1.25rem);
	border: 1px solid color-mix(in srgb, var(--ggai-infra) 20%, var(--ggai-line));
	border-radius: 1.05rem;
	background:
		linear-gradient(color-mix(in srgb, var(--ggai-infra) 4%, transparent) 1px, transparent 1px),
		linear-gradient(90deg, color-mix(in srgb, var(--ggai-infra) 4%, transparent) 1px, transparent 1px),
		rgba(2,8,23,.18);
	background-size: 28px 28px;
}
.ggai-infra-machine, .ggai-infra-cloud, .ggai-infra-core { display: grid; min-width: 0; justify-items: center; gap: .16rem; padding: .85rem .5rem; border: 1px solid color-mix(in srgb, var(--ggai-infra) 30%, var(--ggai-line)); border-radius: .9rem; background: color-mix(in srgb, var(--ggai-surface) 87%, transparent); text-align: center; box-shadow: 0 15px 35px rgba(2,8,23,.17); }
.ggai-infra-machine > span { display: grid; width: 3.25rem; gap: .28rem; margin-bottom: .38rem; padding: .55rem; border: 1px solid color-mix(in srgb, var(--ggai-infra) 39%, var(--ggai-line)); border-radius: .58rem; background: color-mix(in srgb, var(--ggai-infra) 10%, transparent); }
.ggai-infra-machine > span i { position: relative; display: block; height: .25rem; border-radius: 999px; background: color-mix(in srgb, var(--ggai-infra) 48%, var(--ggai-line)); }
.ggai-infra-machine > span i::after { position: absolute; top: 50%; right: 0; width: .25rem; height: .25rem; border-radius: 50%; background: #6ee7b7; content: ""; transform: translateY(-50%); }
.ggai-infra-cloud > span, .ggai-infra-core > span { display: grid; width: 3.25rem; height: 3.25rem; margin-bottom: .38rem; place-items: center; border: 1px solid color-mix(in srgb, var(--ggai-infra) 46%, rgba(255,255,255,.12)); border-radius: 1rem; background: linear-gradient(135deg, color-mix(in srgb, var(--ggai-infra) 84%, #2563eb), color-mix(in srgb, var(--ggai-infra) 72%, #7c3aed)); color: #fff; font-size: .77rem; font-weight: 900; box-shadow: 0 12px 28px color-mix(in srgb, var(--ggai-infra) 31%, transparent); }
.ggai-infra-cloud > span { border-radius: 1.5rem 1.5rem .85rem .85rem; }
.ggai-infra-core { border-color: color-mix(in srgb, var(--ggai-infra) 53%, var(--ggai-line)); box-shadow: 0 18px 42px color-mix(in srgb, var(--ggai-infra) 17%, transparent); }
.ggai-infra-core > span { animation: ggai-core-pulse 2.8s ease-in-out infinite; }
.ggai-infra-machine b, .ggai-infra-cloud b, .ggai-infra-core b { overflow-wrap: anywhere; color: var(--ggai-text); font-size: .71rem; line-height: 1.25; }
.ggai-infra-machine small, .ggai-infra-cloud small, .ggai-infra-core small { color: var(--ggai-muted); font-size: .6rem; line-height: 1.3; }
.ggai-infra-wire { position: relative; height: 2px; overflow: visible; background: linear-gradient(90deg, color-mix(in srgb, var(--ggai-infra) 22%, transparent), var(--ggai-infra)); }
.ggai-infra-wire::after { position: absolute; top: 50%; right: -.13rem; width: .4rem; height: .4rem; border-radius: 50%; background: var(--ggai-infra); box-shadow: 0 0 0 5px color-mix(in srgb, var(--ggai-infra) 10%, transparent), 0 0 16px var(--ggai-infra); content: ""; transform: translateY(-50%); }
.ggai-infra-wire i { position: absolute; top: 50%; left: 0; width: .36rem; height: .36rem; border-radius: 50%; background: #fff; box-shadow: 0 0 14px var(--ggai-infra); animation: ggai-infra-signal 2.35s ease-in-out infinite; transform: translateY(-50%); }
.ggai-infra-agents { position: relative; display: grid; justify-content: center; gap: .42rem; }
.ggai-infra-agents::before { position: absolute; top: 50%; right: 100%; width: .6rem; height: 1px; background: color-mix(in srgb, var(--ggai-infra) 50%, transparent); content: ""; }
.ggai-infra-agents span { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border: 1px solid color-mix(in srgb, var(--ggai-infra) 42%, var(--ggai-line)); border-radius: .7rem; background: color-mix(in srgb, var(--ggai-infra) 13%, var(--ggai-surface)); color: color-mix(in srgb, var(--ggai-infra) 67%, #fff); font-size: .57rem; font-weight: 900; box-shadow: 0 8px 20px rgba(2,8,23,.18); }
.ggai-infra-card__copy { display: flex; flex: 1; flex-direction: column; margin-top: 1.3rem; }
.ggai-infra-card__label { color: color-mix(in srgb, var(--ggai-infra) 68%, #fff); font-size: .65rem; font-weight: 850; letter-spacing: .085em; text-transform: uppercase; }
.ggai-infra-card__copy h4 { margin: .5rem 0 0; color: var(--ggai-text); font-family: "Space Grotesk", Sora, Inter, sans-serif; font-size: clamp(1.35rem, 2.2vw, 1.85rem); letter-spacing: -.035em; line-height: 1.08; text-wrap: balance; }
.ggai-infra-card__copy > p { margin: .78rem 0 0; color: var(--ggai-muted); font-size: .78rem; line-height: 1.62; }
.ggai-infra-card__copy ul { display: grid; gap: .52rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.ggai-infra-card__copy li { position: relative; padding-left: 1.25rem; color: var(--ggai-text); font-size: .72rem; line-height: 1.45; }
.ggai-infra-card__copy li::before { position: absolute; top: .38em; left: 0; display: grid; width: .75rem; height: .75rem; place-items: center; border-radius: 50%; background: color-mix(in srgb, var(--ggai-infra) 17%, transparent); color: color-mix(in srgb, var(--ggai-infra) 75%, #fff); font-size: .5rem; font-weight: 900; content: "✓"; }
.ggai-infra-card__proof { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid color-mix(in srgb, var(--ggai-infra) 17%, var(--ggai-line)); }
.ggai-infra-card__proof span { display: grid; min-width: 0; gap: .18rem; padding: .66rem .4rem; border: 1px solid color-mix(in srgb, var(--ggai-infra) 16%, var(--ggai-line)); border-radius: .72rem; background: color-mix(in srgb, var(--ggai-infra) 5%, transparent); text-align: center; }
.ggai-infra-card__proof b { color: var(--ggai-text); font-size: .79rem; }
.ggai-infra-card__proof small { overflow-wrap: anywhere; color: var(--ggai-muted); font-size: .55rem; line-height: 1.3; }
.ggai-protocol { margin-top: clamp(.9rem, 2vw, 1.35rem); padding: clamp(1rem, 2.4vw, 1.65rem); border: 1px solid var(--ggai-line); border-radius: 1.35rem; background: radial-gradient(circle at 50% 100%, rgba(124,58,237,.1), transparent 28rem), color-mix(in srgb, var(--ggai-surface-soft) 87%, transparent); box-shadow: inset 0 1px rgba(255,255,255,.045), 0 20px 55px rgba(2,8,23,.14); }
.ggai-protocol__head { display: flex; align-items: end; justify-content: space-between; gap: 2rem; }
.ggai-protocol__head > div > span { color: #a78bfa; font-size: .65rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.ggai-protocol__head h4 { max-width: 780px; margin: .38rem 0 0; color: var(--ggai-text); font-family: "Space Grotesk", Sora, Inter, sans-serif; font-size: clamp(1.4rem, 2.5vw, 2.15rem); letter-spacing: -.04em; line-height: 1.08; text-wrap: balance; }
.ggai-protocol__head > p { display: grid; max-width: 360px; gap: .28rem; margin: 0; color: var(--ggai-muted); font-size: .73rem; line-height: 1.55; text-align: right; }
.ggai-protocol__head > p strong { color: #67e8f9; font-size: .62rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.ggai-protocol__flow { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .8rem; margin: 1.35rem 0 0; padding: 0; list-style: none; }
.ggai-protocol__flow::before { content: none; }
.ggai-protocol__flow li { position: relative; z-index: 1; display: grid; overflow: hidden; grid-template-columns: auto 1fr; align-content: start; gap: .7rem; min-width: 0; min-height: 7.1rem; padding: 1rem .85rem; border: 1px solid color-mix(in srgb, var(--ggai-protocol-color) 25%, var(--ggai-line)); border-radius: .92rem; background: linear-gradient(160deg, color-mix(in srgb, var(--ggai-protocol-color) 8%, transparent), color-mix(in srgb, var(--ggai-surface) 93%, transparent)); transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }
.ggai-protocol__flow li::before { position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, var(--ggai-protocol-color), transparent 82%); content: ""; opacity: .72; }
.ggai-protocol__flow li:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--ggai-protocol-color) 57%, var(--ggai-line)); box-shadow: 0 18px 38px color-mix(in srgb, var(--ggai-protocol-color) 12%, transparent); }
.ggai-protocol__flow li.is-protocol-reached { border-color: color-mix(in srgb, var(--ggai-protocol-color) 42%, var(--ggai-line)); }
.ggai-protocol__flow li.is-protocol-active { transform: translateY(-5px); border-color: color-mix(in srgb, var(--ggai-protocol-color) 78%, #fff 7%); background: radial-gradient(circle at 25% 0, color-mix(in srgb, var(--ggai-protocol-color) 20%, transparent), transparent 68%), var(--ggai-surface); box-shadow: 0 20px 44px color-mix(in srgb, var(--ggai-protocol-color) 20%, transparent), 0 0 0 1px color-mix(in srgb, var(--ggai-protocol-color) 18%, transparent); }
.ggai-protocol__flow li.is-protocol-active > span { color: #fff; background: var(--ggai-protocol-color); box-shadow: 0 10px 26px color-mix(in srgb, var(--ggai-protocol-color) 35%, transparent); }
.ggai-protocol__flow li > span { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid color-mix(in srgb, var(--ggai-protocol-color) 42%, transparent); border-radius: .66rem; background: color-mix(in srgb, var(--ggai-protocol-color) 19%, var(--ggai-surface)); color: color-mix(in srgb, var(--ggai-protocol-color) 70%, #fff); font-size: .59rem; font-weight: 900; box-shadow: 0 8px 20px color-mix(in srgb, var(--ggai-protocol-color) 15%, transparent); }
.ggai-protocol__flow li > div { display: grid; gap: .28rem; min-width: 0; padding-top: .14rem; }
.ggai-protocol__flow strong { color: var(--ggai-text); font-size: .72rem; line-height: 1.3; }
.ggai-protocol__flow small { color: var(--ggai-muted); font-size: .62rem; line-height: 1.45; }
.ggai-protocol__footer { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; margin-top: 1rem; padding: .9rem 1rem; border: 1px solid rgba(139,92,246,.2); border-radius: .9rem; background: linear-gradient(90deg, rgba(37,99,235,.07), rgba(124,58,237,.09)); }
.ggai-protocol__footer p { margin: 0; color: var(--ggai-muted); font-size: .71rem; line-height: 1.5; }
.ggai-protocol__footer strong { color: var(--ggai-text); }
.ggai-protocol__footer a { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: .6rem; min-height: 2.7rem; padding: .65rem .9rem; border-radius: .72rem; background: linear-gradient(135deg, #2563eb, #7c3aed); color: #fff; font-size: .7rem; font-weight: 850; text-decoration: none; box-shadow: 0 12px 28px rgba(37,99,235,.2); transition: transform .2s ease, box-shadow .2s ease; }
.ggai-protocol__footer a:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(124,58,237,.27); }
.ggai-showcase--network + .ggai-showcase--infrastructure { margin-top: clamp(2.5rem, 5vw, 4.25rem); }

/* Interactive Kupa project and pricing simulator. */
.ggai-showcase--simulator { overflow: visible; padding: clamp(1.2rem, 3vw, 2.4rem); border: 1px solid var(--ggai-line); border-radius: clamp(1.35rem, 2.6vw, 2.35rem); background: radial-gradient(circle at 8% 8%, rgba(37,99,235,.14), transparent 30rem), radial-gradient(circle at 94% 30%, rgba(217,70,239,.12), transparent 32rem), color-mix(in srgb, var(--ggai-surface) 89%, transparent); box-shadow: 0 32px 90px rgba(2,8,23,.22); }
.ggai-showcase--simulator .ggai-section-heading { width: min(100%, 980px); margin: 0 auto clamp(2.25rem, 5vw, 4rem); }
.ggai-sim-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(19rem, .65fr); align-items: start; gap: clamp(1rem, 2vw, 1.5rem); }
.ggai-sim-builder { display: grid; min-width: 0; gap: .9rem; }
.ggai-sim-progress { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; padding: .55rem; border: 1px solid var(--ggai-line); border-radius: 1rem; background: rgba(2,8,23,.14); }
.ggai-sim-progress span { display: flex; align-items: center; gap: .48rem; min-width: 0; color: var(--ggai-muted); font-size: .64rem; font-weight: 800; }
.ggai-sim-progress b { display: grid; flex: 0 0 1.85rem; width: 1.85rem; height: 1.85rem; place-items: center; border-radius: .58rem; background: linear-gradient(135deg, rgba(37,99,235,.24), rgba(124,58,237,.25)); color: #a5b4fc; font-size: .55rem; }
.ggai-sim-fieldset { min-width: 0; margin: 0; padding: clamp(1rem, 2vw, 1.35rem); border: 1px solid var(--ggai-line); border-radius: 1.15rem; background: color-mix(in srgb, var(--ggai-surface-soft) 88%, transparent); box-shadow: inset 0 1px rgba(255,255,255,.04); }
.ggai-sim-fieldset legend { display: grid; grid-template-columns: 2.35rem 1fr; align-items: center; column-gap: .75rem; width: 100%; margin: 0 0 1rem; padding: 0; color: inherit; }
.ggai-sim-fieldset legend > span { display: grid; grid-row: 1 / 3; width: 2.35rem; height: 2.35rem; place-items: center; border: 1px solid rgba(96,165,250,.22); border-radius: .72rem; background: linear-gradient(135deg, rgba(37,99,235,.18), rgba(124,58,237,.14)); color: #93c5fd; font-size: .59rem; font-weight: 900; }
.ggai-sim-fieldset legend strong { color: var(--ggai-text); font-size: .88rem; line-height: 1.25; }
.ggai-sim-fieldset legend small { color: var(--ggai-muted); font-size: .64rem; line-height: 1.35; }
.ggai-sim-fieldset legend small b { color: #67e8f9; font-size: inherit; }
.ggai-sim-presets { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .55rem; }
.ggai-sim-presets button { display: grid; min-width: 0; justify-items: start; gap: .28rem; padding: .8rem .7rem; border: 1px solid var(--ggai-line); border-radius: .85rem; background: rgba(255,255,255,.025); color: var(--ggai-muted); text-align: left; transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease; }
.ggai-sim-presets button:hover { transform: translateY(-2px); border-color: rgba(96,165,250,.36); }
.ggai-sim-presets button.is-active { border-color: rgba(139,92,246,.7); background: linear-gradient(145deg, rgba(37,99,235,.14), rgba(124,58,237,.14)); box-shadow: 0 14px 32px rgba(37,99,235,.12); }
.ggai-sim-presets button > span { display: grid; min-width: 2rem; height: 2rem; padding-inline: .35rem; place-items: center; border-radius: .62rem; background: rgba(124,58,237,.15); color: #a78bfa; font-size: .58rem; font-weight: 900; }
.ggai-sim-presets strong { color: var(--ggai-text); font-size: .68rem; line-height: 1.25; }
.ggai-sim-presets small { color: var(--ggai-muted); font-size: .55rem; line-height: 1.35; }
.ggai-sim-agents { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; max-height: 26rem; padding-right: .22rem; overflow-y: auto; scrollbar-color: rgba(139,92,246,.45) transparent; }
.ggai-sim-agent { position: relative; display: grid; grid-template-columns: 2.85rem 1fr auto; align-items: center; gap: .58rem; min-width: 0; padding: .62rem; border: 1px solid color-mix(in srgb, var(--ggai-sim-agent) 18%, var(--ggai-line)); border-radius: .86rem; background: rgba(255,255,255,.025); cursor: pointer; transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease; }
.ggai-sim-agent:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--ggai-sim-agent) 48%, var(--ggai-line)); }
.ggai-sim-agent:has(input:checked) { border-color: color-mix(in srgb, var(--ggai-sim-agent) 72%, #fff 6%); background: color-mix(in srgb, var(--ggai-sim-agent) 11%, var(--ggai-surface)); box-shadow: 0 12px 28px color-mix(in srgb, var(--ggai-sim-agent) 13%, transparent); }
.ggai-sim-agent input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.ggai-sim-agent:has(input:focus-visible) { outline: 2px solid color-mix(in srgb, var(--ggai-sim-agent) 60%, #fff); outline-offset: 2px; }
.ggai-sim-agent__photo { width: 2.85rem; height: 2.85rem; overflow: hidden; border: 1px solid color-mix(in srgb, var(--ggai-sim-agent) 46%, rgba(255,255,255,.1)); border-radius: .78rem; background: #0f172a; }
.ggai-sim-agent__photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.ggai-sim-agent__identity { display: grid; min-width: 0; gap: .14rem; }
.ggai-sim-agent__identity strong, .ggai-sim-agent__identity small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ggai-sim-agent__identity strong { color: var(--ggai-text); font-size: .68rem; }
.ggai-sim-agent__identity small { color: var(--ggai-muted); font-size: .54rem; }
.ggai-sim-agent > i { display: grid; width: 1.45rem; height: 1.45rem; place-items: center; border: 1px solid var(--ggai-line); border-radius: 50%; color: var(--ggai-muted); font-size: .8rem; font-style: normal; line-height: 1; transition: transform .2s ease, color .2s ease, background .2s ease; }
.ggai-sim-agent:has(input:checked) > i { border-color: transparent; background: var(--ggai-sim-agent); color: #fff; transform: rotate(45deg); }
.ggai-sim-architectures { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
.ggai-sim-architectures label { position: relative; min-width: 0; cursor: pointer; }
.ggai-sim-architectures input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.ggai-sim-architectures label > span { display: grid; height: 100%; justify-items: start; gap: .3rem; padding: .85rem; border: 1px solid var(--ggai-line); border-radius: .9rem; background: rgba(255,255,255,.025); transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease; }
.ggai-sim-architectures label:hover > span { transform: translateY(-2px); }
.ggai-sim-architectures input:checked + span { border-color: rgba(34,211,238,.6); background: linear-gradient(145deg, rgba(6,182,212,.1), rgba(37,99,235,.11)); box-shadow: 0 14px 34px rgba(6,182,212,.1); }
.ggai-sim-architectures input:focus-visible + span { outline: 2px solid #22d3ee; outline-offset: 2px; }
.ggai-sim-architectures span > b { display: grid; min-width: 2.15rem; height: 2.15rem; padding-inline: .35rem; place-items: center; border-radius: .66rem; background: rgba(6,182,212,.13); color: #67e8f9; font-size: .58rem; }
.ggai-sim-architectures strong { color: var(--ggai-text); font-size: .72rem; line-height: 1.25; }
.ggai-sim-architectures small { color: var(--ggai-muted); font-size: .58rem; line-height: 1.4; }
.ggai-sim-architectures em { margin-top: auto; color: #67e8f9; font-size: .55rem; font-style: normal; font-weight: 750; }
.ggai-sim-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.ggai-sim-options label { display: grid; min-width: 0; gap: .32rem; }
.ggai-sim-options label > span { color: var(--ggai-text); font-size: .67rem; font-weight: 800; }
.ggai-sim-options select { width: 100%; min-width: 0; min-height: 2.85rem; padding: .62rem 2.2rem .62rem .72rem; border: 1px solid var(--ggai-line); border-radius: .72rem; background: color-mix(in srgb, var(--ggai-surface) 92%, #0f172a); color: var(--ggai-text); font-size: .67rem; }
.ggai-sim-options small { color: var(--ggai-muted); font-size: .55rem; line-height: 1.35; }
.ggai-sim-summary { position: sticky; z-index: 4; top: clamp(5.25rem, 7vw, 6.5rem); align-self: start; max-height: calc(100vh - clamp(6.5rem, 9vw, 8rem)); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding: clamp(1rem, 2vw, 1.35rem); border: 1px solid rgba(139,92,246,.32); border-radius: 1.2rem; background: radial-gradient(circle at 100% 0, rgba(124,58,237,.21), transparent 20rem), linear-gradient(155deg, rgba(18,24,42,.98), rgba(10,14,26,.98)); box-shadow: 0 28px 75px rgba(2,8,23,.35), inset 0 1px rgba(255,255,255,.06); scrollbar-color: rgba(139,92,246,.55) transparent; scrollbar-width: thin; }
.ggai-sim-summary::before { position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, #2563eb, #8b5cf6, #d946ef); content: ""; }
.ggai-sim-summary__status { display: inline-flex; align-items: center; gap: .45rem; padding: .35rem .58rem; border: 1px solid rgba(16,185,129,.22); border-radius: 999px; background: rgba(16,185,129,.08); color: #6ee7b7; font-size: .58rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.ggai-sim-summary__status i { width: .44rem; height: .44rem; border-radius: 50%; background: #10b981; box-shadow: 0 0 0 4px rgba(16,185,129,.1), 0 0 12px rgba(16,185,129,.5); }
.ggai-sim-summary h4 { margin: .8rem 0 0; color: #f8fafc; font-family: "Space Grotesk", Sora, Inter, sans-serif; font-size: clamp(1.4rem, 2.5vw, 2rem); letter-spacing: -.04em; }
.ggai-sim-summary__lead { margin: .45rem 0 0; color: #aeb8ca; font-size: .67rem; line-height: 1.5; }
.ggai-sim-prices { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; margin-top: 1rem; }
.ggai-sim-prices > div { display: grid; gap: .2rem; min-width: 0; padding: .75rem; border: 1px solid rgba(148,163,184,.15); border-radius: .85rem; background: rgba(255,255,255,.035); }
.ggai-sim-prices span { color: #94a3b8; font-size: .53rem; font-weight: 750; text-transform: uppercase; }
.ggai-sim-prices strong { overflow-wrap: anywhere; color: #f8fafc; font-size: clamp(1.05rem, 2vw, 1.45rem); letter-spacing: -.035em; }
.ggai-sim-prices > div:last-child strong { color: #67e8f9; }
.ggai-sim-prices small { color: #7f8ba0; font-size: .53rem; }
.ggai-sim-team { margin-top: .75rem; padding: .75rem; border: 1px solid rgba(148,163,184,.14); border-radius: .85rem; background: rgba(255,255,255,.025); }
.ggai-sim-team > div { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.ggai-sim-team [data-ggai-summary-avatars] { display: flex; min-width: 4rem; padding-left: .35rem; }
.ggai-sim-team [data-ggai-summary-avatars] > span { display: grid; width: 2rem; height: 2rem; margin-left: -.35rem; overflow: hidden; place-items: center; border: 2px solid #111827; border-radius: 50%; background: #25304a; color: #fff; font-size: .55rem; font-weight: 850; }
.ggai-sim-team [data-ggai-summary-avatars] img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.ggai-sim-team p { display: grid; flex: 1; gap: .1rem; margin: 0; }
.ggai-sim-team p strong { color: #f8fafc; font-size: .67rem; }
.ggai-sim-team p small { color: #8f9bad; font-size: .55rem; }
.ggai-sim-team > b { display: block; margin-top: .65rem; padding-top: .6rem; border-top: 1px solid rgba(148,163,184,.12); color: #67e8f9; font-size: .6rem; }
.ggai-sim-breakdown { display: grid; gap: .45rem; margin: .85rem 0 0; padding: .8rem 0; border-block: 1px solid rgba(148,163,184,.13); }
.ggai-sim-breakdown div { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.ggai-sim-breakdown dt { color: #9ca8ba; font-size: .58rem; }
.ggai-sim-breakdown dd { margin: 0; color: #e5e7eb; font-size: .61rem; font-weight: 800; white-space: nowrap; }
.ggai-sim-deployment { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: .24rem; margin-top: .8rem; }
.ggai-sim-deployment span { display: grid; justify-items: center; gap: .22rem; color: #aeb8ca; font-size: .49rem; text-align: center; }
.ggai-sim-deployment b { display: grid; width: 1.55rem; height: 1.55rem; place-items: center; border-radius: .5rem; background: rgba(99,102,241,.14); color: #a5b4fc; font-size: .48rem; }
.ggai-sim-deployment i { color: #22d3ee; font-size: .58rem; font-style: normal; }
.ggai-sim-cta { display: flex; min-height: 3rem; align-items: center; justify-content: center; gap: .6rem; margin-top: 1rem; padding: .72rem; border-radius: .78rem; background: linear-gradient(100deg, #2563eb, #7c3aed, #d946ef); color: #fff; font-size: .69rem; font-weight: 850; text-align: center; text-decoration: none; box-shadow: 0 14px 34px rgba(124,58,237,.25); transition: transform .2s ease, box-shadow .2s ease; }
.ggai-sim-cta:hover { transform: translateY(-2px); box-shadow: 0 18px 42px rgba(124,58,237,.35); }
.ggai-sim-disclaimer { margin: .75rem 0 0; color: #718096; font-size: .5rem; line-height: 1.45; text-align: center; }

.ggai-cases { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .9rem; }
.ggai-case { position: relative; min-width: 0; overflow: hidden; padding: 1.15rem; border: 1px solid color-mix(in srgb, var(--ggai-case-color) 26%, var(--ggai-line)); border-radius: 1.05rem; background: radial-gradient(circle at 100% 0, color-mix(in srgb, var(--ggai-case-color) 14%, transparent) 0, transparent 10rem), color-mix(in srgb, var(--ggai-case-color) 4%, var(--ggai-surface)); box-shadow: inset 3px 0 0 color-mix(in srgb, var(--ggai-case-color) 72%, transparent), 0 16px 42px rgba(2,8,23,.12); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background-color .25s ease; }
.ggai-case::before { position: absolute; top: 0; right: 1.15rem; left: 1.15rem; height: 1px; background: linear-gradient(90deg, transparent, var(--ggai-case-color), transparent); content: ""; opacity: .72; }
.ggai-case:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--ggai-case-color) 62%, #fff 4%); box-shadow: inset 3px 0 0 var(--ggai-case-color), 0 24px 60px color-mix(in srgb, var(--ggai-case-color) 18%, transparent); }
.ggai-case__top { display: flex; align-items: center; gap: .72rem; padding-bottom: .9rem; border-bottom: 1px solid color-mix(in srgb, var(--ggai-case-color) 22%, var(--ggai-line)); }
.ggai-case__top > span { display: grid; flex: 0 0 2.5rem; width: 2.5rem; height: 2.5rem; place-items: center; border: 1px solid color-mix(in srgb, var(--ggai-case-color) 62%, #fff 12%); border-radius: .75rem; background: linear-gradient(135deg, color-mix(in srgb, var(--ggai-case-color) 78%, #fff), var(--ggai-case-color)); color: #fff; font-size: .68rem; font-weight: 850; box-shadow: 0 10px 25px color-mix(in srgb, var(--ggai-case-color) 24%, transparent); }
.ggai-case h4 { margin: 0; color: var(--ggai-text); font-family: "Space Grotesk", Sora, Inter, sans-serif; font-size: 1.02rem; }
.ggai-case dl { display: grid; gap: .8rem; margin: .95rem 0 0; }
.ggai-case dl div { display: grid; gap: .2rem; }
.ggai-case dt { color: color-mix(in srgb, var(--ggai-case-color) 70%, #fff); font-size: .62rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.ggai-case dd { margin: 0; color: var(--ggai-muted); font-size: .77rem; line-height: 1.48; }

.ggai-showcase--trust { position: relative; }
.ggai-cognitive { margin-top: 2.25rem; padding: 1.35rem; border: 1px solid rgba(96,165,250,.18); border-radius: 1.35rem; background: linear-gradient(145deg, rgba(15,23,42,.9), rgba(16,18,34,.72)); box-shadow: 0 28px 80px rgba(2,8,23,.2); }
.ggai-cognitive__input { display: inline-flex; align-items: center; gap: .72rem; margin-bottom: 1rem; padding: .65rem .85rem; border: 1px solid rgba(96,165,250,.22); border-radius: .85rem; background: rgba(37,99,235,.08); }
.ggai-cognitive__input > span { display: grid; width: 2.15rem; height: 2.15rem; place-items: center; border-radius: .62rem; background: rgba(37,99,235,.18); color: #93c5fd; font-size: .95rem; }
.ggai-cognitive__input div { display: grid; gap: .08rem; }
.ggai-cognitive__input strong { color: var(--ggai-text); font-size: .78rem; }
.ggai-cognitive__input small { color: var(--ggai-muted); font-size: .68rem; }
.ggai-cognitive__flow { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; margin: 0; padding: 0; list-style: none; }
.ggai-cognitive__flow li { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .75rem; min-height: 9.5rem; padding: 1rem; border: 1px solid color-mix(in srgb, var(--ggai-cognitive-color) 48%, var(--ggai-line)); border-radius: 1rem; background: radial-gradient(circle at 100% 0, color-mix(in srgb, var(--ggai-cognitive-color) 16%, transparent), transparent 8rem), var(--ggai-surface); box-shadow: inset 0 2px 0 color-mix(in srgb, var(--ggai-cognitive-color) 72%, transparent); }
.ggai-cognitive__flow li:not(:last-child)::after { position: absolute; z-index: 2; top: 50%; right: -.68rem; width: 1.35rem; color: color-mix(in srgb, var(--ggai-cognitive-color) 72%, #fff); content: "→"; font-size: 1rem; font-weight: 900; text-align: center; transform: translateY(-50%); }
.ggai-cognitive__flow li > span { display: grid; width: 2.15rem; height: 2.15rem; place-items: center; border-radius: .62rem; background: color-mix(in srgb, var(--ggai-cognitive-color) 22%, transparent); color: color-mix(in srgb, var(--ggai-cognitive-color) 72%, #fff); font-size: .68rem; font-weight: 900; }
.ggai-cognitive__flow h4 { margin: .2rem 0 .42rem; color: var(--ggai-text); font-family: "Space Grotesk", Sora, Inter, sans-serif; font-size: 1rem; }
.ggai-cognitive__flow p { margin: 0; color: var(--ggai-muted); font-size: .8rem; line-height: 1.56; }
.ggai-cognitive__return { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .85rem; align-items: center; margin-top: .9rem; padding: .9rem 1rem; border: 1px solid rgba(245,158,11,.3); border-radius: 1rem; background: linear-gradient(90deg, rgba(245,158,11,.11), rgba(124,58,237,.08)); }
.ggai-cognitive__return > span { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: .72rem; background: rgba(245,158,11,.16); color: #fbbf24; font-size: 1.1rem; }
.ggai-cognitive__return strong { display: block; color: #f8d477; font-size: .78rem; letter-spacing: .03em; text-transform: uppercase; }
.ggai-cognitive__return p { margin: .2rem 0 0; color: var(--ggai-muted); font-size: .79rem; line-height: 1.5; }
.ggai-routing { display: grid; grid-template-columns: minmax(15rem, .72fr) minmax(0, 1.28fr); gap: 1rem; margin-top: 1rem; padding: 1.1rem; border: 1px solid var(--ggai-line); border-radius: 1.2rem; background: color-mix(in srgb, var(--ggai-surface) 92%, transparent); }
.ggai-routing header { display: grid; align-content: center; gap: .25rem; }
.ggai-routing header > span, .ggai-trust-heading > span, .ggai-trust article small { color: #60a5fa; font-size: .62rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.ggai-routing h4 { margin: 0; color: var(--ggai-text); font-family: "Space Grotesk", Sora, Inter, sans-serif; font-size: 1.05rem; }
.ggai-routing header p { margin: .2rem 0 0; color: var(--ggai-muted); font-size: .78rem; line-height: 1.5; }
.ggai-routing ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .55rem; margin: 0; padding: 0; list-style: none; }
.ggai-routing li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .52rem; align-items: center; min-width: 0; padding: .62rem; border: 1px solid color-mix(in srgb, var(--ggai-tier-color) 35%, var(--ggai-line)); border-radius: .75rem; background: color-mix(in srgb, var(--ggai-tier-color) 7%, var(--ggai-surface)); }
.ggai-routing li > b { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; border-radius: .52rem; background: color-mix(in srgb, var(--ggai-tier-color) 20%, transparent); color: color-mix(in srgb, var(--ggai-tier-color) 72%, #fff); font-size: .6rem; }
.ggai-routing li > span { display: grid; min-width: 0; gap: .06rem; }
.ggai-routing li strong { overflow: hidden; color: var(--ggai-text); font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.ggai-routing li small { color: var(--ggai-muted); font-size: .6rem; }
.ggai-trust-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin: 2.2rem 0 .9rem; }
.ggai-trust-heading p { max-width: 44rem; margin: 0; color: var(--ggai-muted); font-size: .8rem; line-height: 1.5; text-align: right; }
.ggai-trust { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.ggai-trust article { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .9rem; min-height: 11.25rem; padding: 1.15rem; overflow: hidden; border: 1px solid color-mix(in srgb, var(--ggai-trust-color) 30%, var(--ggai-line)); border-radius: 1rem; background: radial-gradient(circle at 100% 0, color-mix(in srgb, var(--ggai-trust-color) 11%, transparent), transparent 10rem), color-mix(in srgb, var(--ggai-surface) 94%, transparent); transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }
.ggai-trust article:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--ggai-trust-color) 58%, var(--ggai-line)); box-shadow: 0 22px 48px color-mix(in srgb, var(--ggai-trust-color) 12%, transparent); }
.ggai-trust article > span { display: grid; flex: 0 0 2.65rem; width: 2.65rem; height: 2.65rem; place-items: center; border: 1px solid color-mix(in srgb, var(--ggai-trust-color) 48%, transparent); border-radius: .78rem; background: color-mix(in srgb, var(--ggai-trust-color) 16%, transparent); color: color-mix(in srgb, var(--ggai-trust-color) 74%, #fff); font-size: .66rem; font-weight: 900; }
.ggai-trust article small { display: block; margin: .02rem 0 .25rem; color: color-mix(in srgb, var(--ggai-trust-color) 70%, #fff); }
.ggai-trust h4 { margin: 0 0 .42rem; color: var(--ggai-text); font-family: "Space Grotesk", Sora, Inter, sans-serif; font-size: .93rem; }
.ggai-trust p { margin: 0; color: var(--ggai-muted); font-size: .8rem; line-height: 1.56; }
.ggai-kupa-manifesto { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .9rem; align-items: center; margin-top: 1rem; padding: 1rem 1.15rem; border: 1px solid rgba(124,58,237,.32); border-radius: 1rem; background: linear-gradient(90deg, rgba(37,99,235,.1), rgba(124,58,237,.12), rgba(217,70,239,.08)); }
.ggai-kupa-manifesto > span { display: grid; width: 2.7rem; height: 2.7rem; place-items: center; border-radius: .8rem; background: linear-gradient(135deg, #2563eb, #7c3aed); color: #fff; font-weight: 900; box-shadow: 0 12px 28px rgba(124,58,237,.22); }
.ggai-kupa-manifesto p { margin: 0; color: var(--ggai-muted); font-size: .82rem; line-height: 1.55; }
.ggai-kupa-manifesto strong { margin-right: .45rem; color: var(--ggai-text); }

[data-ggai-reveal] { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.75,.2,1); }
[data-ggai-reveal].is-visible { opacity: 1; transform: translateY(0); }
.ggai-dialog__quickfacts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; margin-top: 1.25rem; }
.ggai-dialog__quickfacts p { display: grid; gap: .25rem; margin: 0; padding: .75rem; border: 1px solid var(--ggai-line); border-radius: .75rem; background: var(--ggai-surface-soft); }
.ggai-dialog__quickfacts span { color: var(--ggai-muted); font-size: .62rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.ggai-dialog__quickfacts strong { color: var(--ggai-text); font-size: .75rem; }

/* Homepage hero: quieter light effects keep Kupa's message crisp and premium. */
.ggai-kupa-hero main > section:first-child:not(#ih-hero) { display: none !important; }
.ggai-kupa-hero main > section:first-child .glow-orb {
	opacity: .34 !important;
	filter: blur(86px) saturate(.76) !important;
}
.ggai-kupa-hero main > section:first-child .glow-orb:first-child { opacity: .28 !important; }
.ggai-kupa-hero main > section:first-child .glow-orb:nth-child(2) { opacity: .2 !important; }
.ggai-kupa-hero main > section:first-child .shadow-neon-violet {
	box-shadow: 0 0 28px rgba(124,58,237,.16) !important;
}
.ggai-kupa-hero #ih-aurora {
	opacity: .3 !important;
	filter: blur(48px) saturate(.9) !important;
}
.ggai-kupa-hero #ih-neural { opacity: .55 !important; }
.ggai-kupa-hero #ih-hero .ihg { opacity: .62 !important; }
.ggai-kupa-hero #ih-hero .ihvig { opacity: .92 !important; }
.ggai-kupa-hero #ih-hero .ihcta {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	width: min(100%, 780px);
	margin-inline: auto;
}
.ggai-kupa-hero #ih-hero .ihcta .ihbtn {
	display: flex !important;
	width: 100%;
	min-width: 0;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.ggai-kupa-hero #ih-hero .ihstat b { white-space: nowrap; }

/* Existing theme elements enhanced around the homepage content. */
#site-header.ggai-site-header { border-color: rgba(139,92,246,.12) !important; background: rgba(8,10,18,.72) !important; box-shadow: 0 1px rgba(255,255,255,.025); backdrop-filter: saturate(145%) blur(18px) !important; }
#site-header.ggai-site-header.is-ggai-scrolled { border-color: rgba(139,92,246,.22) !important; background: rgba(8,10,18,.9) !important; box-shadow: 0 18px 50px rgba(2,6,23,.35); }
.ggai-nav-agents { display: none; min-height: 2.45rem; align-items: center; padding: .55rem .9rem; border: 1px solid rgba(96,165,250,.24); border-radius: .7rem; background: rgba(37,99,235,.08); color: #dbeafe; font-size: .78rem; font-weight: 750; text-decoration: none; white-space: nowrap; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.ggai-nav-agents:hover { transform: translateY(-1px); border-color: rgba(34,211,238,.42); background: rgba(6,182,212,.11); }
.ggai-nav-contact { white-space: nowrap; }
.ggai-home-ready .ia-pillars-section { padding-block: clamp(6rem, 10vw, 10rem); }
.ggai-home-ready .ia-pillars-head h2, .ggai-closing-cta h2 { font-family: "Space Grotesk", Sora, Inter, sans-serif !important; letter-spacing: -.05em !important; line-height: 1 !important; text-wrap: balance; }
.ggai-home-ready .ia-pillar-card { border-radius: 1.35rem; box-shadow: 0 25px 70px rgba(2,6,23,.16); }
.ggai-closing-cta { margin-block: clamp(7rem, 12vw, 12rem) !important; }
.ggai-closing-cta > div > div { padding-block: clamp(4rem, 8vw, 7rem) !important; border-radius: 2rem !important; background: radial-gradient(circle at 20% 20%, rgba(124,58,237,.19), transparent 28rem), radial-gradient(circle at 80% 80%, rgba(6,182,212,.14), transparent 26rem), rgba(17,20,31,.94) !important; box-shadow: 0 35px 100px rgba(2,6,23,.3); }
.ggai-closing-cta h2 { font-size: clamp(2.7rem, 6vw, 6rem) !important; }
.ggai-premium-footer { max-width: 100%; margin-top: 0 !important; overflow: hidden; border-color: rgba(139,92,246,.13) !important; background: radial-gradient(circle at 18% 0, rgba(124,58,237,.12), transparent 28rem), rgba(6,8,15,.92) !important; }
.ggai-premium-footer h3 { font-family: "Space Grotesk", Sora, Inter, sans-serif; letter-spacing: -.025em; }

/* Keep every responsive grid inside the real viewport. Decorative footer orbs
   previously widened a 390 px page to 698 px and made the mobile grids look
   offset even though their column rules were correct. */
html, body.ggai-kupa-hero { max-width: 100%; overflow-x: clip; }
.ggai-kupa-hero #agents-ia,
.ggai-kupa-hero #agents-ia .ggai__container,
.ggai-kupa-hero #agents-ia .ggai__grid,
.ggai-kupa-hero #agents-ia .ggai-models,
.ggai-kupa-hero #agents-ia .ggai-card { min-width: 0; max-width: 100%; }
@supports not (overflow: clip) {
	body.ggai-kupa-hero { overflow-x: hidden; }
}

@keyframes ggai-flow-y { 0% { top: .2rem; opacity: 0; } 22% { opacity: 1; } 78% { opacity: 1; } 100% { top: 2.55rem; opacity: 0; } }
@keyframes ggai-bridge-down { 0%, 100% { transform: translateY(-2px); } 50% { transform: translateY(3px); } }
@keyframes ggai-node-pulse { 0%, 100% { transform: translateX(-50%) scale(.9); opacity: .7; } 50% { transform: translateX(-50%) scale(1.12); opacity: 1; } }
@keyframes ggai-infra-signal { 0% { left: 0; opacity: 0; } 18% { opacity: 1; } 82% { opacity: 1; } 100% { left: calc(100% - .36rem); opacity: 0; } }
@keyframes ggai-core-pulse { 0%, 100% { box-shadow: 0 12px 28px color-mix(in srgb, var(--ggai-infra) 24%, transparent); } 50% { box-shadow: 0 12px 38px color-mix(in srgb, var(--ggai-infra) 48%, transparent), 0 0 0 5px color-mix(in srgb, var(--ggai-infra) 8%, transparent); } }

.ggai-single { min-height: 70vh; }
.ggai-single__back { display: inline-flex; margin-bottom: 2rem; color: var(--ggai-primary); font-size: .84rem; font-weight: 800; text-decoration: none; }
.ggai-single__hero { display: grid; grid-template-columns: minmax(17rem, .72fr) 1.28fr; align-items: center; gap: clamp(2rem, 7vw, 7rem); }
.ggai-single__portrait { overflow: hidden; aspect-ratio: 1; border: 1px solid var(--ggai-line); border-radius: 1.4rem; background: var(--ggai-surface-soft); box-shadow: 0 24px 70px rgba(37,99,235,.15); }
.ggai-single__portrait img { width: 100%; height: 100%; object-fit: cover; }
.ggai-single__intro h1 { margin: .6rem 0 0; color: var(--ggai-text); font-family: "Space Grotesk", Sora, Inter, sans-serif; font-size: clamp(3.4rem, 8vw, 7.4rem); font-weight: 800; letter-spacing: -.065em; line-height: .93; }
.ggai-single__role { margin: .7rem 0 0; color: var(--ggai-primary); font-size: clamp(1.1rem, 2vw, 1.5rem); font-weight: 800; }
.ggai-single__lead { max-width: 760px; margin: 1.4rem 0 0; color: var(--ggai-muted); font-size: clamp(1rem, 1.55vw, 1.18rem); }
.ggai-single__actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.7rem; }
.ggai-single__details { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-top: clamp(4rem, 8vw, 7rem); }
.ggai-single__details section { padding: 1.2rem; border: 1px solid var(--ggai-line); border-radius: 1rem; background: var(--ggai-surface); }
.ggai-single__details h2 { margin: 0 0 .8rem; color: var(--ggai-primary); font-size: .8rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.ggai-single__details ul { display: grid; gap: .5rem; margin: 0; padding: 0; color: var(--ggai-muted); font-size: .88rem; list-style: none; }
.ggai-single__details li::before { margin-right: .45rem; color: var(--ggai-success); font-weight: 900; content: "✓"; }
.ggai-single__technical { display: grid; grid-template-columns: .6fr 1.4fr; gap: 1rem; margin-top: 1rem; }
.ggai-single__technical p { display: grid; gap: .35rem; margin: 0; padding: 1rem 1.2rem; border: 1px solid var(--ggai-line); border-radius: 1rem; background: var(--ggai-surface); }
.ggai-single__technical span { color: var(--ggai-muted); font-size: .7rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.ggai-single__technical strong { color: var(--ggai-text); font-size: .88rem; }
@media (min-width: 640px) {
	.ggai[data-columns="2"] .ggai__grid, .ggai[data-columns="3"] .ggai__grid, .ggai[data-columns="4"] .ggai__grid { --ggai-grid-columns: 2; }
}
@media (min-width: 1100px) {
	.ggai[data-columns="3"] .ggai__grid, .ggai[data-columns="4"] .ggai__grid { --ggai-grid-columns: 3; }
}
@media (min-width: 1024px) {
	.ggai-showcase--cases .ggai-section-heading { max-width: none; }
	.ggai-showcase--cases .ggai-section-heading h3 { white-space: nowrap; text-wrap: nowrap; }
	.ggai-showcase--cases .ggai-title-line { display: inline-block; }
	.ggai-showcase--cases .ggai-title-line + .ggai-title-line { margin-top: 0; }
}
@media (min-width: 1360px) {
	.ggai[data-columns="4"] .ggai__grid { --ggai-grid-columns: 4; }
	.ggai-nav-agents { display: inline-flex; }
}
@media (max-width: 1023px) {
	.ggai__benefits { grid-template-columns: 1fr 1fr; }
	.ggai__faq { grid-template-columns: 1fr; gap: 1.5rem; }
	.ggai__faq-copy { position: static; }
	.ggai__faq-heading { grid-template-columns: minmax(0, 1fr) minmax(14rem, .55fr); align-items: end; }
	.ggai__filters-wrap { top: 1rem; }
	.ggai-single__details { grid-template-columns: 1fr 1fr; }
	.ggai-org__team, .ggai-cases, .ggai-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ggai-cognitive__flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ggai-cognitive__flow li:not(:last-child)::after { display: none; }
	.ggai-routing { grid-template-columns: 1fr; }
	.ggai-routing ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ggai-org__team { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.ggai-process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ggai-process::before, .ggai-process::after, .ggai-process li::after { display: none; }
	.ggai-process-dialog__grid { grid-template-columns: 1fr; }
	.ggai-org-dialog__grid { grid-template-columns: 1fr; }
	.ggai-dialog__quickfacts { grid-template-columns: 1fr 1fr; }
	.ggai-network__proof { grid-template-columns: 1fr; }
	.ggai-infra-grid { grid-template-columns: 1fr; }
	.ggai-infra-visual { grid-template-columns: minmax(8rem, 1fr) minmax(3rem, .25fr) minmax(8rem, .85fr) minmax(4.5rem, .35fr); }
	.ggai-protocol__head { align-items: start; flex-direction: column; gap: .7rem; }
	.ggai-protocol__head > p { max-width: 650px; text-align: left; }
	.ggai-protocol__flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ggai-protocol__flow::before { display: none; }
	.ggai-sim-layout { grid-template-columns: minmax(0, 1.25fr) minmax(18.5rem, .75fr); }
	.ggai-sim-summary { top: 5.25rem; max-height: calc(100vh - 6.5rem); }
	.ggai-sim-presets { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ggai-sim-agents { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 899px) {
	.ggai-sim-layout { grid-template-columns: 1fr; }
	.ggai-sim-summary { position: relative; top: auto; max-height: none; overflow: hidden; }
}
@media (max-width: 639px) {
	.ggai-kupa-hero #ih-hero .ihcta { grid-template-columns: 1fr; }
	.ggai-kupa-hero #ih-hero.ggai-sales-slider .iharr { z-index: 12 !important; top: 50% !important; display: grid !important; width: 2.5rem !important; height: 2.5rem !important; border-radius: 999px !important; background: rgba(9,13,25,.78) !important; box-shadow: 0 10px 28px rgba(0,0,0,.24) !important; backdrop-filter: blur(12px); }
	.ggai-kupa-hero #ih-hero.ggai-sales-slider .iharr.pv { left: .45rem !important; }
	.ggai-kupa-hero #ih-hero.ggai-sales-slider .iharr.nx { right: .45rem !important; }
	.ggai-kupa-hero #ih-hero.ggai-sales-slider .ihdots { z-index: 12 !important; right: auto !important; bottom: .9rem !important; left: 50% !important; width: auto !important; transform: translateX(-50%) !important; }
	.ggai { padding-block: 4rem; }
	.ggai__container { width: min(calc(100% - 3rem), 1560px); }
	.ggai[data-columns="2"] .ggai__grid, .ggai[data-columns="3"] .ggai__grid, .ggai[data-columns="4"] .ggai__grid { --ggai-grid-columns: 1; grid-template-columns: minmax(0, 1fr); }
	.ggai__benefits { grid-template-columns: 1fr; gap: .5rem; }
	.ggai__faq { padding: 1rem; border-radius: 1.1rem; }
	.ggai__faq-heading { grid-template-columns: 1fr; }
	.ggai__faq h3 { font-size: clamp(2.25rem, 12vw, 3.25rem); }
	.ggai__faq-signals { grid-template-columns: 1fr; }
	.ggai__faq-answer { margin-left: 1rem; }
	.ggai__toolbar { align-items: flex-start; flex-direction: column; }
	.ggai__toolbar > p:last-child { display: none; }
	.ggai-card__body { padding: 1rem; }
	.ggai-dialog__hero { grid-template-columns: 6.5rem 1fr; gap: 1rem; padding: 3.6rem 1rem 0; }
	.ggai-dialog__hero img { width: 6.5rem; height: 6.5rem; }
	.ggai-dialog__columns, .ggai-dialog__technical, .ggai-form__grid { grid-template-columns: 1fr; }
	.ggai-form__full { grid-column: auto; }
	.ggai-dialog__actions, .ggai-form__footer { align-items: stretch; flex-direction: column; }
	.ggai-dialog__actions .ggai-button, .ggai-form__footer .ggai-button { width: 100%; }
	.ggai-single__hero, .ggai-single__details, .ggai-single__technical { grid-template-columns: 1fr; }
	.ggai-single__portrait { max-width: 25rem; }
	.ggai-single__actions { align-items: stretch; flex-direction: column; }
	.ggai-showcase { margin-top: 5rem; }
	.ggai-showcase--network { padding: 1.1rem; border-radius: 1.15rem; }
	.ggai-section-heading h3 { font-size: clamp(2.05rem, 12vw, 3.2rem); }
	.ggai-org__team, .ggai-cases, .ggai-trust, .ggai-process, .ggai-dialog__quickfacts { grid-template-columns: 1fr; }
	.ggai-cognitive { padding: .8rem; }
	.ggai-cognitive__flow { grid-template-columns: 1fr; }
	.ggai-cognitive__flow li { min-height: 0; }
	.ggai-cognitive__return { align-items: start; }
	.ggai-routing ol { grid-template-columns: 1fr 1fr; }
	.ggai-routing li:last-child { grid-column: 1 / -1; }
	.ggai-trust-heading { align-items: start; flex-direction: column; }
	.ggai-trust-heading p { text-align: left; }
	.ggai-org__line { height: 2rem; }
	.ggai-org__team { gap: .75rem; padding-top: 1rem; }
	.ggai-org__team::before { display: none; }
	.ggai-org__member::before { top: -1rem; height: 1rem; }
	.ggai-org__member::after { top: -1.22rem; }
	.ggai-org__step { max-width: 100%; }
	.ggai-flow-bridge--linked { grid-template-columns: 1fr; gap: .7rem; padding: .8rem; }
	.ggai-flow-bridge__palette { justify-content: center; order: 3; padding-top: .3rem; }
	.ggai-flow-bridge__action { justify-content: space-between; padding-top: .65rem; border-top: 1px solid color-mix(in srgb, var(--ggai-step) 18%, var(--ggai-line)); }
	.ggai-process-live { grid-template-columns: 2.75rem minmax(0, 1fr); padding: .75rem; }
	.ggai-process-live__number { width: 2.75rem; height: 2.75rem; }
	.ggai-process-live__next { grid-column: 2; min-width: 0; padding: .55rem 0 0; border-top: 1px solid color-mix(in srgb, var(--ggai-step) 16%, var(--ggai-line)); text-align: left; }
	.ggai-process-live__next::before, .ggai-process-live__next > span { display: none; }
	.ggai-process li, .ggai-process__trigger { min-height: auto; }
	.ggai-network__process { padding: 3.8rem .75rem 1rem; border-radius: 1.1rem; }
	.ggai-process__trigger { justify-items: start; padding: 1rem; text-align: left; }
	.ggai-process__trigger > span { width: 2.25rem; height: 2.25rem; }
	.ggai-process__trigger strong { margin-top: .2rem; }
	.ggai-process__trigger small { min-height: 0; }
	.ggai-process li.is-flow-active { transform: none; }
	.ggai-process-dialog { width: calc(100vw - 1.25rem); }
	.ggai-process-dialog__panel { padding: 1.25rem; }
	.ggai-process-dialog__grid { grid-template-columns: 1fr; }
	.ggai-org-dialog { width: calc(100vw - 1.25rem); }
	.ggai-org-dialog__panel { padding: 1.15rem; }
	.ggai-org-dialog__identity { grid-template-columns: 4.8rem 1fr; gap: .85rem; padding-right: 2.6rem; }
	.ggai-org-dialog__photo { width: 4.8rem; height: 4.8rem; }
	.ggai-org-dialog__kicker { font-size: .52rem; letter-spacing: .045em; }
	.ggai-org-dialog h4 { font-size: 2rem; }
	.ggai-org-dialog__handoff { grid-template-columns: 1fr; }
	.ggai-org-dialog__cta { width: 100%; }
	.ggai-trust article { padding: 1rem; }
	.ggai-network__footer { align-items: stretch; flex-direction: column; }
	.ggai-network__footer a { width: 100%; }
	.ggai-showcase--infrastructure { padding: .85rem; border-radius: 1.15rem; }
	.ggai-infra-card { padding: .85rem; border-radius: 1rem; }
	.ggai-infra-card__top { align-items: flex-start; flex-direction: column; gap: .45rem; }
	.ggai-infra-visual { grid-template-columns: minmax(6.6rem, 1fr) minmax(2rem, .25fr) minmax(6.6rem, 1fr); gap: .42rem; min-height: 16.5rem; padding: .7rem; }
	.ggai-infra-machine, .ggai-infra-cloud, .ggai-infra-core { padding: .72rem .35rem; }
	.ggai-infra-machine > span, .ggai-infra-cloud > span, .ggai-infra-core > span { width: 2.8rem; height: 2.8rem; }
	.ggai-infra-agents { grid-column: 1 / -1; grid-template-columns: repeat(3, 2.25rem); align-self: end; margin-top: .2rem; }
	.ggai-infra-agents::before { top: auto; right: 50%; bottom: 100%; width: 1px; height: .65rem; }
	.ggai-infra-card__proof small { font-size: .52rem; }
	.ggai-protocol { padding: .85rem; border-radius: 1rem; }
	.ggai-protocol__flow { grid-template-columns: 1fr; gap: .5rem; }
	.ggai-protocol__flow li { min-height: 0; }
	.ggai-protocol__footer { align-items: stretch; flex-direction: column; }
	.ggai-protocol__footer a { width: 100%; }
	.ggai-showcase--simulator { padding: .85rem; border-radius: 1.15rem; }
	.ggai-sim-progress { grid-template-columns: 1fr 1fr; }
	.ggai-sim-fieldset { padding: .85rem; border-radius: .95rem; }
	.ggai-sim-presets { grid-template-columns: 1fr 1fr; }
	.ggai-sim-agents { grid-template-columns: 1fr 1fr; max-height: 29rem; }
	.ggai-sim-agent { grid-template-columns: 2.45rem 1fr auto; padding: .52rem; }
	.ggai-sim-agent__photo { width: 2.45rem; height: 2.45rem; }
	.ggai-sim-architectures, .ggai-sim-options { grid-template-columns: 1fr; }
	.ggai-sim-prices { grid-template-columns: 1fr 1fr; }
	.ggai-sim-deployment { display: flex; flex-wrap: wrap; justify-content: center; gap: .45rem; }
	.ggai-sim-deployment i { transform: rotate(90deg); }
	.ggai-closing-cta > div > div { border-radius: 1.2rem !important; }
}
@media (min-width: 640px) and (max-width: 1099px) {
	.ggai__container { width: min(calc(100% - 3rem), 1560px); }
	.ggai[data-columns="2"] .ggai__grid, .ggai[data-columns="3"] .ggai__grid, .ggai[data-columns="4"] .ggai__grid { --ggai-grid-columns: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Commercial journey: offer -> trade -> existing avatar -> configuration. */
.ggai-offer { margin-bottom: clamp(4rem, 7vw, 7rem); }
.ggai-offer__intro { max-width: 1050px; margin: 0 auto 2.25rem; text-align: center; }
.ggai-offer__intro h2 { margin: 0; font-family: "Space Grotesk", Sora, Inter, sans-serif; font-size: clamp(2.65rem, 6.2vw, 6.2rem); font-weight: 750; letter-spacing: -.055em; line-height: .98; text-wrap: balance; }
.ggai-offer__intro > p { max-width: 840px; margin: 1.4rem auto 0; color: var(--ggai-muted); font-size: clamp(1.05rem, 1.8vw, 1.3rem); }
.ggai-offer__benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.ggai-offer__benefits li { display: flex; align-items: center; gap: .75rem; min-height: 4rem; padding: .8rem 1rem; border: 1px solid var(--ggai-line); border-radius: 1rem; background: color-mix(in srgb, var(--ggai-surface) 82%, transparent); color: var(--ggai-text); font-size: .84rem; font-weight: 750; text-align: left; }
.ggai-offer__benefits strong { display: grid; flex: 0 0 2.25rem; height: 2.25rem; place-items: center; border-radius: .65rem; background: linear-gradient(135deg, var(--ggai-primary), var(--ggai-primary-2)); color: #fff; font-size: .72rem; }
.ggai-offer__progress { position: relative; display: grid; max-width: 900px; grid-template-columns: repeat(5, 1fr); margin: 0 auto clamp(4rem, 7vw, 6.5rem); padding: 0; list-style: none; }
.ggai-offer__progress::before { position: absolute; top: 1.2rem; right: 10%; left: 10%; height: 1px; background: var(--ggai-line); content: ""; }
.ggai-offer__progress li { position: relative; z-index: 1; display: grid; justify-items: center; gap: .5rem; color: var(--ggai-muted); font-size: .68rem; font-weight: 800; text-align: center; text-transform: uppercase; }
.ggai-offer__progress li::first-line { color: #fff; }
.ggai-offer__progress li { counter-increment: none; }
.ggai-offer__progress li { padding-top: .45rem; }
.ggai-offer__progress li::after { position: absolute; top: 0; z-index: -1; width: 2.45rem; height: 2.45rem; border: 1px solid var(--ggai-line); border-radius: 50%; background: var(--ggai-surface); content: ""; }
.ggai-offer__progress li span { margin-top: 1.2rem; letter-spacing: .08em; }
.ggai-offer__progress li.is-current::after, .ggai-offer__progress li.is-complete::after { border-color: transparent; background: linear-gradient(135deg, var(--ggai-primary), var(--ggai-primary-2)); box-shadow: 0 0 24px rgba(124,58,237,.28); }
.ggai-offer__progress li.is-current, .ggai-offer__progress li.is-complete { color: var(--ggai-text); }
.ggai-offer__step { margin-top: clamp(3.5rem, 7vw, 7rem); }
.ggai-offer__step-head { display: grid; max-width: 980px; grid-template-columns: 3.25rem 1fr; gap: 1rem; align-items: start; margin-bottom: 1.75rem; }
.ggai-offer__step-head > span { display: grid; width: 3.25rem; height: 3.25rem; place-items: center; border: 1px solid rgba(99,102,241,.45); border-radius: .9rem; background: rgba(59,130,246,.12); color: #9fc1ff; font-size: .78rem; font-weight: 850; }
.ggai-offer__step-head h3 { margin: 0; font-family: "Space Grotesk", Sora, Inter, sans-serif; font-size: clamp(1.75rem, 3.5vw, 3.25rem); letter-spacing: -.04em; line-height: 1.05; }
.ggai-offer__step-head p { margin: .55rem 0 0; color: var(--ggai-muted); }
.ggai-models { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.ggai-model { position: relative; display: flex; min-height: 31rem; flex-direction: column; padding: 1.25rem; border: 1px solid var(--ggai-line); border-radius: 1.25rem; background: linear-gradient(160deg, color-mix(in srgb, var(--ggai-model) 8%, var(--ggai-surface)), var(--ggai-surface) 58%); box-shadow: 0 18px 45px rgba(0,0,0,.12); transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }
.ggai-model:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--ggai-model) 60%, var(--ggai-line)); }
.ggai-model.is-selected { border-color: var(--ggai-model); box-shadow: 0 0 0 2px color-mix(in srgb, var(--ggai-model) 28%, transparent), 0 22px 52px color-mix(in srgb, var(--ggai-model) 15%, transparent); }
.ggai-model__badge { align-self: flex-start; display: inline-flex; margin-bottom: .9rem; padding: .32rem .62rem; border: 1px solid color-mix(in srgb, var(--ggai-model, var(--ggai-primary)) 45%, var(--ggai-line)); border-radius: 999px; background: color-mix(in srgb, var(--ggai-model, var(--ggai-primary)) 12%, var(--ggai-surface)); color: color-mix(in srgb, var(--ggai-model, var(--ggai-primary)) 70%, #fff); font-size: .65rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.ggai-model h3, .ggai-kupa-offer h3 { margin: 0; font-family: "Space Grotesk", Sora, Inter, sans-serif; font-size: 1.55rem; letter-spacing: -.035em; }
.ggai-model__subtitle { min-height: 3.25em; margin: .45rem 0 0; color: var(--ggai-text); font-size: .86rem; font-weight: 750; }
.ggai-model__description { min-height: 5em; margin: .7rem 0 0; color: var(--ggai-muted); font-size: .79rem; }
.ggai-model > ul, .ggai-kupa-offer ul { display: grid; gap: .48rem; margin: 1rem 0; padding: 0; list-style: none; }
.ggai-model > ul li, .ggai-kupa-offer li { display: flex; gap: .5rem; color: var(--ggai-muted); font-size: .76rem; }
.ggai-model > ul span, .ggai-kupa-offer li span { color: var(--ggai-model); font-weight: 900; }
.ggai-model__price { display: flex; align-items: baseline; gap: .35rem; margin: auto 0 1rem; color: var(--ggai-muted); }
.ggai-model__price strong { color: var(--ggai-text); font-size: 1.5rem; letter-spacing: -.04em; }
.ggai-model details { margin-top: .75rem; color: var(--ggai-muted); font-size: .72rem; }
.ggai-model details summary { cursor: pointer; text-align: center; text-decoration: underline; text-underline-offset: .2rem; }
.ggai-model details ul { display: grid; gap: .3rem; padding-left: 1.1rem; }
.ggai-kupa-offer { position: relative; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(17rem, .5fr); gap: 2rem; margin-top: 1rem; padding: clamp(1.5rem, 3vw, 2.6rem); overflow: hidden; border: 1px solid color-mix(in srgb, var(--ggai-model) 55%, var(--ggai-line)); border-radius: 1.45rem; background: radial-gradient(circle at 85% 10%, color-mix(in srgb, var(--ggai-model) 18%, transparent), transparent 32rem), linear-gradient(135deg, #11182b, #161229); box-shadow: 0 22px 70px rgba(76,29,149,.16); }
.ggai-kupa-offer.is-selected { box-shadow: 0 0 0 2px color-mix(in srgb, var(--ggai-model) 42%, transparent), 0 25px 80px rgba(124,58,237,.22); }
.ggai-kupa-offer h3 { max-width: 850px; font-size: clamp(2rem, 4vw, 4rem); line-height: 1; }
.ggai-kupa-offer p { max-width: 800px; color: var(--ggai-muted); }
.ggai-kupa-offer ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ggai-kupa-offer aside { display: flex; flex-direction: column; justify-content: center; padding: 1.25rem; border: 1px solid var(--ggai-line); border-radius: 1rem; background: rgba(5,8,18,.42); text-align: center; }
.ggai-kupa-offer aside p { margin: 0; }
.ggai-kupa-offer aside > strong { color: #fff; font-size: clamp(2rem, 4vw, 3.1rem); letter-spacing: -.05em; }
.ggai-kupa-offer aside small { margin-bottom: 1.1rem; color: var(--ggai-muted); }
.ggai-kupa-offer aside .ggai-button + .ggai-button { margin-top: .55rem; }
.ggai-kupa-offer--catalogue-bridge { margin-top: clamp(1.5rem, 3vw, 2.5rem); }
.ggai-trade-step { overflow: hidden; padding: clamp(1.2rem, 2.4vw, 2rem); border: 1px solid rgba(96,165,250,.14); border-radius: 1.35rem; background: radial-gradient(circle at 100% 0, rgba(124,58,237,.12), transparent 28rem), linear-gradient(145deg, rgba(18,24,42,.76), rgba(9,13,25,.72)); box-shadow: 0 28px 80px rgba(2,8,23,.22), inset 0 1px rgba(255,255,255,.035); scroll-margin-top: 7rem; }
.ggai-trade-step .ggai-offer__step-head { max-width: none; margin-bottom: 1.35rem; }
.ggai-agent-explorer { margin-bottom: 1.25rem; }
.ggai-agent-explorer .ggai__hero { max-width: none; margin: 0 0 1.4rem; text-align: left; }
.ggai-agent-explorer .ggai__hero > p { max-width: 780px; margin: 1rem 0 0; }
.ggai-agent-explorer .ggai__benefits { display: none; }
.ggai-agent-explorer .ggai__filters-wrap { position: static; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
.ggai-agent-explorer .ggai__filters { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .65rem; overflow: visible; padding: 0; }
.ggai-agent-explorer .ggai__filter { position: relative; display: flex; min-width: 0; min-height: 3.25rem; align-items: center; gap: .62rem; padding: .72rem .82rem; border: 1px solid var(--ggai-line); border-radius: .82rem; background: color-mix(in srgb, var(--ggai-surface) 88%, transparent); color: var(--ggai-muted); font-size: .7rem; font-weight: 780; line-height: 1.25; text-align: left; white-space: normal; }
.ggai-agent-explorer .ggai__filter::before { width: .42rem; height: .42rem; flex: 0 0 .42rem; border-radius: 50%; background: #46526a; content: ""; transition: .2s ease; }
.ggai-agent-explorer .ggai__filter:hover { transform: translateY(-2px); border-color: rgba(34,211,238,.45); background: color-mix(in srgb, var(--ggai-surface) 88%, transparent); color: #e0f2fe; }
.ggai-agent-explorer .ggai__filter.is-active, .ggai-agent-explorer .ggai__filter.is-selected { border-color: var(--ggai-cyan); background: linear-gradient(135deg, rgba(6,182,212,.16), rgba(37,99,235,.1)); color: #bff7ff; box-shadow: 0 10px 26px rgba(6,182,212,.12), inset 0 0 0 1px rgba(34,211,238,.08); }
.ggai-agent-explorer .ggai__filter.is-active::before, .ggai-agent-explorer .ggai__filter.is-selected::before { background: #22d3ee; box-shadow: 0 0 0 4px rgba(34,211,238,.11), 0 0 14px rgba(34,211,238,.5); }
.ggai-trades { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .65rem; }
.ggai-trades button, .ggai-help-choice { min-height: 3.25rem; padding: .72rem .82rem; border: 1px solid var(--ggai-line); border-radius: .82rem; background: color-mix(in srgb, var(--ggai-surface) 88%, transparent); color: var(--ggai-muted); font-size: .7rem; font-weight: 780; line-height: 1.25; transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease; }
.ggai-trades button { position: relative; display: flex; align-items: center; gap: .62rem; text-align: left; }
.ggai-trades button::before { width: .42rem; height: .42rem; flex: 0 0 .42rem; border-radius: 50%; background: #46526a; content: ""; transition: .2s ease; }
.ggai-trades button:hover { transform: translateY(-2px); border-color: rgba(34,211,238,.45); color: #e0f2fe; }
.ggai-trades button.is-selected { border-color: var(--ggai-cyan); background: linear-gradient(135deg, rgba(6,182,212,.16), rgba(37,99,235,.1)); color: #bff7ff; box-shadow: 0 10px 26px rgba(6,182,212,.12), inset 0 0 0 1px rgba(34,211,238,.08); }
.ggai-trades button.is-selected::before { background: #22d3ee; box-shadow: 0 0 0 4px rgba(34,211,238,.11), 0 0 14px rgba(34,211,238,.5); }
.ggai-trade-help { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; padding: .85rem .9rem .85rem 1rem; border: 1px solid rgba(139,92,246,.23); border-radius: .95rem; background: linear-gradient(110deg, rgba(79,70,229,.09), rgba(168,85,247,.06)); }
.ggai-trade-help p { display: grid; gap: .18rem; margin: 0; }
.ggai-trade-help strong { color: #f4f4ff; font-size: .72rem; }
.ggai-trade-help small { color: var(--ggai-muted); font-size: .62rem; line-height: 1.4; }
.ggai-help-choice { display: inline-flex; min-height: 2.8rem; flex: 0 0 auto; align-items: center; justify-content: center; gap: .6rem; margin: 0; border-color: rgba(139,92,246,.52); background: rgba(124,58,237,.1); color: #d8ccff; }
.ggai-help-choice:hover { transform: translateY(-2px); border-color: #a78bfa; background: rgba(124,58,237,.18); color: #fff; box-shadow: 0 12px 28px rgba(124,58,237,.16); }
.ggai--journey-enhanced:not(.ggai--agent-selected) .ggai-configurator { display: none; }
.ggai-avatar-stage { scroll-margin-top: 6.5rem; }
.ggai-card.is-selected { border-color: var(--ggai-agent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--ggai-agent) 28%, transparent), 0 24px 58px color-mix(in srgb, var(--ggai-agent) 14%, transparent); }
.ggai-card__commercial-model { display: flex; justify-content: space-between; gap: .75rem; margin: .7rem 0 0; padding: .58rem .65rem; border: 1px solid rgba(99,102,241,.28); border-radius: .65rem; background: rgba(59,130,246,.08); color: var(--ggai-muted); font-size: .68rem; }
.ggai-card__commercial-model strong { color: #a5b4fc; }
.ggai-configurator, .ggai-comparison { margin-top: clamp(5rem, 9vw, 9rem); scroll-margin-top: 6rem; }
.ggai-config-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(20rem, .75fr); gap: 1.25rem; align-items: start; }
.ggai-config-form, .ggai-activation { padding: clamp(1rem, 2.5vw, 1.75rem); border: 1px solid var(--ggai-line); border-radius: 1.35rem; background: color-mix(in srgb, var(--ggai-surface) 92%, transparent); }
.ggai-config-selection, .ggai-activation__identity { display: flex; align-items: center; gap: .8rem; margin-bottom: 1.2rem; padding: .8rem; border: 1px solid var(--ggai-line); border-radius: .9rem; background: var(--ggai-surface-soft); }
.ggai-config-selection img, .ggai-activation__identity img { width: 3.5rem; height: 3.5rem; object-fit: cover; border-radius: .75rem; }
.ggai-config-selection__placeholder, .ggai-activation__identity > span { display: grid; flex: 0 0 3.5rem; height: 3.5rem; place-items: center; border-radius: .75rem; background: linear-gradient(135deg, var(--ggai-primary), var(--ggai-primary-2)); color: #fff; font-weight: 850; }
.ggai-config-selection div, .ggai-activation__identity div { display: grid; }
.ggai-config-selection small, .ggai-activation__identity small { color: var(--ggai-muted); }
.ggai-config-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.ggai-config-form label, .ggai-recommender label { display: grid; gap: .4rem; color: var(--ggai-text); font-size: .76rem; font-weight: 750; }
.ggai-config-form input, .ggai-config-form select, .ggai-config-form textarea, .ggai-recommender input, .ggai-recommender select { width: 100%; min-height: 2.8rem; padding: .65rem .75rem; border: 1px solid var(--ggai-line); border-radius: .72rem; outline: none; background: var(--ggai-surface-soft); color: var(--ggai-text); }
.ggai-config-form input:focus, .ggai-config-form select:focus, .ggai-config-form textarea:focus, .ggai-recommender input:focus, .ggai-recommender select:focus { border-color: var(--ggai-cyan); box-shadow: 0 0 0 3px rgba(6,182,212,.12); }
.ggai-config-form__wide { grid-column: 1 / -1; }
.ggai-config-note { display: flex; gap: .55rem; margin: 1rem 0 0; color: var(--ggai-muted); font-size: .75rem; }
.ggai-config-note span { color: #34d399; }
.ggai-activation { position: sticky; top: 5.5rem; background: linear-gradient(155deg, #13182a, #19142f); }
.ggai-activation h3 { margin: 0 0 1rem; font-family: "Space Grotesk", Sora, Inter, sans-serif; font-size: 1.7rem; letter-spacing: -.04em; }
.ggai-activation dl { display: grid; gap: 0; margin: 0; }
.ggai-activation dl div { display: flex; justify-content: space-between; gap: 1rem; padding: .65rem 0; border-bottom: 1px solid var(--ggai-line); }
.ggai-activation dt { color: var(--ggai-muted); font-size: .75rem; }
.ggai-activation dd { margin: 0; color: var(--ggai-text); font-size: .78rem; font-weight: 800; text-align: right; }
.ggai-activation__actions { display: grid; gap: .55rem; margin-top: 1rem; }
.ggai-activation__actions > a:last-child { color: #a5b4fc; font-size: .75rem; text-align: center; text-decoration: underline; }
.ggai-comparison__desktop { overflow: auto; border: 1px solid rgba(148,163,184,.18); border-radius: 1.3rem; background: linear-gradient(145deg, rgba(17,23,39,.94), rgba(8,12,24,.96)); box-shadow: 0 30px 90px rgba(2,8,23,.3), inset 0 1px rgba(255,255,255,.035); scrollbar-color: rgba(124,58,237,.55) transparent; scrollbar-width: thin; }
.ggai-comparison table { width: 100%; min-width: 1260px; border-collapse: separate; border-spacing: 0; font-size: .68rem; }
.ggai-comparison th, .ggai-comparison td { min-width: 7.2rem; padding: .78rem .62rem; border-right: 1px solid rgba(148,163,184,.13); border-bottom: 1px solid rgba(148,163,184,.13); text-align: center; transition: background .2s ease, color .2s ease; }
.ggai-comparison th:last-child, .ggai-comparison td:last-child { border-right: 0; }
.ggai-comparison tbody tr:last-child > * { border-bottom: 0; }
.ggai-comparison th:first-child { position: sticky; left: 0; z-index: 2; min-width: 11.5rem; background: #111727; color: #eef2ff; text-align: left; box-shadow: 10px 0 22px rgba(2,8,23,.16); }
.ggai-comparison thead th { position: sticky; z-index: 1; top: 0; height: 4.4rem; color: color-mix(in srgb, var(--ggai-plan, #fff) 58%, #fff); font-weight: 850; background: linear-gradient(180deg, color-mix(in srgb, var(--ggai-plan, #64748b) 13%, #111827), #111827); box-shadow: inset 0 3px var(--ggai-plan, #64748b); }
.ggai-comparison thead th:first-child { z-index: 3; top: 0; box-shadow: inset 0 3px #64748b, 10px 0 22px rgba(2,8,23,.16); }
.ggai-comparison thead th > span { display: block; font-size: .7rem; }
.ggai-comparison thead th > small { display: inline-flex; margin-top: .28rem; padding: .16rem .34rem; border: 1px solid color-mix(in srgb, var(--ggai-plan) 48%, transparent); border-radius: 999px; color: color-mix(in srgb, var(--ggai-plan) 72%, #fff); font-size: .43rem; letter-spacing: .06em; text-transform: uppercase; }
.ggai-comparison tbody tr:hover > * { background: color-mix(in srgb, #2563eb 6%, #111727); }
.ggai-comparison tbody th span { display: block; font-weight: 780; }
.ggai-comparison td { background: color-mix(in srgb, var(--ggai-plan, #64748b) 3.5%, transparent); color: var(--ggai-muted); }
.ggai-comparison td[data-ggai-plan="kupa"], .ggai-comparison th[data-ggai-plan="kupa"] { background: linear-gradient(180deg, rgba(124,58,237,.15), rgba(17,24,39,.96)); }
.ggai-comparison td > span { display: inline-flex; min-height: 1.55rem; align-items: center; justify-content: center; padding: .22rem .48rem; border-radius: .48rem; }
.ggai-comparison td.is-included > span { min-width: 1.55rem; background: color-mix(in srgb, var(--ggai-plan) 14%, transparent); color: color-mix(in srgb, var(--ggai-plan) 60%, #fff); font-size: .8rem; font-weight: 900; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ggai-plan) 18%, transparent); }
.ggai-comparison td.is-excluded > span { color: #4b5568; }
.ggai-comparison td.is-value > span { background: rgba(255,255,255,.035); color: color-mix(in srgb, var(--ggai-plan) 38%, #dbe4f4); font-weight: 760; }
.ggai-comparison tr[data-ggai-feature="price"] td > span { background: linear-gradient(120deg, color-mix(in srgb, var(--ggai-plan) 20%, transparent), rgba(255,255,255,.035)); color: #fff; font-weight: 880; }
.ggai-comparison__mobile { display: none; }
.ggai-feature-help { display: inline-flex; width: 100%; align-items: center; justify-content: space-between; gap: .65rem; padding: .15rem 0; border: 0; outline: 0; background: transparent; color: inherit; font: inherit; font-weight: 780; text-align: left; cursor: pointer; }
.ggai-feature-help > span { min-width: 0; }
.ggai-feature-help > i { display: grid; flex: 0 0 1.35rem; width: 1.35rem; height: 1.35rem; place-items: center; border: 1px solid rgba(96,165,250,.38); border-radius: 50%; background: rgba(37,99,235,.1); color: #93c5fd; font-size: .67rem; font-style: normal; font-weight: 900; line-height: 1; transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease; }
.ggai-feature-help:hover > i, .ggai-feature-help:focus-visible > i { border-color: #22d3ee; background: rgba(6,182,212,.17); color: #cffafe; transform: scale(1.06); }
.ggai-feature-help:focus-visible { border-radius: .35rem; box-shadow: 0 0 0 2px rgba(34,211,238,.42); }
.ggai-feature-dialog { width: min(760px, calc(100vw - 1.5rem)); max-height: min(90vh, 820px); padding: 0; overflow: auto; border: 1px solid rgba(56,189,248,.34); border-radius: 1.35rem; background: #0d1321; color: #f8fafc; box-shadow: 0 34px 110px rgba(2,6,23,.76), 0 0 70px rgba(37,99,235,.12); }
.ggai-feature-dialog::backdrop { background: rgba(2,6,23,.8); backdrop-filter: blur(8px); }
.ggai-feature-dialog__panel { position: relative; padding: clamp(1.35rem, 4vw, 2.35rem); background: radial-gradient(circle at 100% 0, rgba(37,99,235,.18), transparent 40%), radial-gradient(circle at 0 100%, rgba(124,58,237,.11), transparent 42%); }
.ggai-feature-dialog__panel::before { position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, #2563eb, #06b6d4, #7c3aed); content: ""; }
.ggai-feature-dialog__close { position: absolute; top: .9rem; right: .9rem; display: grid; width: 2.55rem; height: 2.55rem; padding: 0; place-items: center; border: 1px solid rgba(148,163,184,.22); border-radius: 50%; background: rgba(15,23,42,.78); color: #e2e8f0; font: inherit; font-size: 1.35rem; cursor: pointer; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.ggai-feature-dialog__close:hover, .ggai-feature-dialog__close:focus-visible { border-color: #22d3ee; background: rgba(6,182,212,.13); outline: none; transform: rotate(4deg); }
.ggai-feature-dialog__kicker { display: inline-flex; padding: .36rem .6rem; border: 1px solid rgba(34,211,238,.35); border-radius: 999px; background: rgba(6,182,212,.09); color: #a5f3fc; font-size: .64rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.ggai-feature-dialog h4 { max-width: calc(100% - 3.4rem); margin: .9rem 0 .55rem; color: #f8fafc; font-family: "Space Grotesk", Sora, Inter, sans-serif; font-size: clamp(1.75rem, 5vw, 2.75rem); letter-spacing: -.045em; line-height: 1.02; }
.ggai-feature-dialog__description { max-width: 66ch; margin: 0; color: #b9c4d5; font-size: .92rem; line-height: 1.65; }
.ggai-feature-dialog__grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: .8rem; margin-top: 1.25rem; }
.ggai-feature-dialog__grid > section, .ggai-feature-dialog__grid > aside { padding: 1rem; border: 1px solid rgba(148,163,184,.16); border-radius: 1rem; background: rgba(255,255,255,.035); }
.ggai-feature-dialog h5 { margin: 0 0 .7rem; color: #f8fafc; font-size: .76rem; letter-spacing: .02em; }
.ggai-feature-dialog ul { display: grid; gap: .58rem; margin: 0; padding: 0; list-style: none; }
.ggai-feature-dialog li { position: relative; padding-left: 1.05rem; color: #cbd5e1; font-size: .75rem; line-height: 1.5; }
.ggai-feature-dialog li::before { position: absolute; top: .5em; left: 0; width: .4rem; height: .4rem; border-radius: 50%; background: #22d3ee; box-shadow: 0 0 10px rgba(34,211,238,.55); content: ""; }
.ggai-feature-dialog__grid aside p { margin: 0; color: #b9c4d5; font-size: .75rem; line-height: 1.58; }
.ggai-feature-dialog__legend { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; margin-top: .8rem; }
.ggai-feature-dialog__legend p { display: grid; grid-template-columns: 1.9rem 1fr; gap: .08rem .55rem; align-items: center; margin: 0; padding: .75rem; border: 1px solid rgba(148,163,184,.14); border-radius: .85rem; background: rgba(2,6,23,.28); }
.ggai-feature-dialog__legend p > span { display: grid; width: 1.9rem; height: 1.9rem; grid-row: 1 / span 2; place-items: center; border-radius: .55rem; font-size: .78rem; font-weight: 900; }
.ggai-feature-dialog__legend p > span.is-included { background: rgba(16,185,129,.14); color: #6ee7b7; }
.ggai-feature-dialog__legend p > span.is-excluded { background: rgba(100,116,139,.1); color: #64748b; }
.ggai-feature-dialog__legend p > span.is-configured { background: rgba(124,58,237,.15); color: #c4b5fd; }
.ggai-feature-dialog__legend strong { color: #f1f5f9; font-size: .69rem; }
.ggai-feature-dialog__legend small { color: #8f9bb0; font-size: .61rem; line-height: 1.35; }
.ggai-feature-dialog__action { width: max-content; min-width: 10rem; margin-top: 1rem; margin-left: auto; }
.ggai-offer-cta { margin-top: clamp(4rem, 8vw, 7rem); padding: clamp(1.5rem, 4vw, 3.5rem); border: 1px solid rgba(99,102,241,.32); border-radius: 1.45rem; background: radial-gradient(circle at 100% 0, rgba(168,85,247,.17), transparent 35rem), linear-gradient(135deg, #10172a, #17132c); text-align: center; }
.ggai-offer-cta h3 { max-width: 1050px; margin: 0 auto; font-family: "Space Grotesk", Sora, Inter, sans-serif; font-size: clamp(2rem, 4.6vw, 4.6rem); letter-spacing: -.05em; line-height: 1; text-wrap: balance; }
.ggai-offer-cta > p { max-width: 850px; margin: 1rem auto; color: var(--ggai-muted); }
.ggai-offer-cta > div { display: flex; justify-content: center; flex-wrap: wrap; gap: .65rem; }
.ggai-offer-cta > small { display: block; margin-top: 1rem; color: var(--ggai-muted); }
.ggai-recommender { width: min(900px, calc(100vw - 1.5rem)); max-height: min(90vh, 900px); padding: 0; overflow: auto; border: 1px solid rgba(99,102,241,.38); border-radius: 1.3rem; background: #111522; color: #f8fafc; box-shadow: 0 30px 90px rgba(0,0,0,.55); }
.ggai-recommender::backdrop { background: rgba(2,6,23,.78); backdrop-filter: blur(8px); }
.ggai-recommender__panel { position: relative; padding: clamp(1.25rem, 4vw, 2.5rem); }
.ggai-recommender h3 { margin: 0 0 1rem; font-family: "Space Grotesk", Sora, Inter, sans-serif; font-size: clamp(1.8rem, 4vw, 3rem); letter-spacing: -.04em; }
.ggai-recommender__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; margin-bottom: 1rem; }
.ggai-recommender__result { display: grid; gap: 1rem; margin-top: 1.2rem; padding: 1rem; border: 1px solid rgba(6,182,212,.32); border-radius: 1rem; background: rgba(6,182,212,.07); }
.ggai-recommender__result h4, .ggai-recommender__result p { margin: 0; }
.ggai-recommender__agents { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; }
.ggai-recommender__agents button { display: flex; align-items: center; gap: .55rem; padding: .55rem; border: 1px solid var(--ggai-line); border-radius: .75rem; background: rgba(255,255,255,.04); color: #fff; text-align: left; }
.ggai-recommender__agents img { width: 2.8rem; height: 2.8rem; object-fit: cover; border-radius: .6rem; }
.ggai-recommender__agents span { display: grid; }
.ggai-recommender__agents small { color: #9ca3af; }
@media (max-width: 1199px) {
	.ggai-models { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ggai-model { min-height: 29rem; }
	.ggai-trades { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ggai-agent-explorer .ggai__filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 899px) {
	.ggai-models { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ggai-kupa-offer, .ggai-config-layout { grid-template-columns: 1fr; }
	.ggai-activation { position: relative; top: auto; }
	.ggai-comparison__desktop { display: none; }
	.ggai-comparison__mobile { display: grid; gap: .65rem; }
	.ggai-comparison__mobile details { overflow: hidden; border: 1px solid color-mix(in srgb, var(--ggai-plan) 28%, var(--ggai-line)); border-radius: .95rem; background: linear-gradient(145deg, color-mix(in srgb, var(--ggai-plan) 7%, var(--ggai-surface)), var(--ggai-surface)); box-shadow: inset 3px 0 var(--ggai-plan); }
	.ggai-comparison__mobile details[data-ggai-plan="kupa"] { box-shadow: inset 3px 0 var(--ggai-plan), 0 18px 45px rgba(124,58,237,.12); }
	.ggai-comparison__mobile summary { display: flex; justify-content: space-between; gap: 1rem; padding: .95rem 1rem; cursor: pointer; font-weight: 800; }
	.ggai-comparison__mobile summary > span { display: flex; align-items: center; gap: .55rem; color: #f8fafc; }
	.ggai-comparison__mobile summary i { width: .5rem; height: .5rem; border-radius: 50%; background: var(--ggai-plan); box-shadow: 0 0 12px color-mix(in srgb, var(--ggai-plan) 52%, transparent); }
	.ggai-comparison__mobile summary strong { color: color-mix(in srgb, var(--ggai-plan) 55%, #fff); }
	.ggai-comparison__mobile dl { margin: 0; padding: 0 .9rem .9rem; }
	.ggai-comparison__mobile dl div { display: flex; justify-content: space-between; gap: 1rem; padding: .45rem 0; border-top: 1px solid var(--ggai-line); }
	.ggai-comparison__mobile dt { color: var(--ggai-muted); }
	.ggai-comparison__mobile .ggai-feature-help { min-width: 0; gap: .4rem; }
	.ggai-comparison__mobile .ggai-feature-help > i { flex-basis: 1.2rem; width: 1.2rem; height: 1.2rem; }
	.ggai-comparison__mobile dd { margin: 0; color: #dbe4f4; font-weight: 800; }
	.ggai-comparison__mobile dd.is-included { color: color-mix(in srgb, var(--ggai-plan) 58%, #fff); }
	.ggai-comparison__mobile dd.is-excluded { color: #4b5568; }
}
@media (max-width: 639px) {
	.ggai-offer__benefits, .ggai-models, .ggai-config-form__grid, .ggai-recommender__grid { grid-template-columns: 1fr; }
	.ggai-offer__progress { grid-template-columns: 1fr; gap: .6rem; margin-left: 1rem; }
	.ggai-offer__progress::before { top: 1.2rem; bottom: 1.2rem; left: 1.2rem; width: 1px; height: auto; }
	.ggai-offer__progress li { min-height: 2.45rem; grid-template-columns: 2.45rem 1fr; justify-items: start; align-items: center; gap: .75rem; padding: 0; text-align: left; }
	.ggai-offer__progress li::after { top: 0; left: 0; }
	.ggai-offer__progress li span { margin: 0; }
	.ggai-offer__step-head { grid-template-columns: 2.7rem 1fr; }
	.ggai-offer__step-head > span { width: 2.7rem; height: 2.7rem; }
	.ggai-model { min-height: 0; }
	.ggai-kupa-offer { padding: 1rem; }
	.ggai-kupa-offer ul { grid-template-columns: 1fr; }
	.ggai-trade-step { padding: .85rem; border-radius: 1rem; }
	.ggai-agent-explorer .ggai__hero h3 { font-size: clamp(2rem, 10vw, 3.3rem); }
	.ggai-agent-explorer .ggai__filters { display: flex; flex-wrap: nowrap; overflow-x: auto; padding: .1rem .15rem .55rem; scroll-padding-inline: .15rem; scroll-snap-type: x proximity; scrollbar-width: thin; }
	.ggai-agent-explorer .ggai__filter { flex: 0 0 min(72vw, 15rem); scroll-snap-align: start; }
	.ggai-trades { display: flex; flex-wrap: nowrap; overflow-x: auto; padding: .1rem .15rem .55rem; scroll-padding-inline: .15rem; scroll-snap-type: x proximity; scrollbar-width: thin; }
	.ggai-trades button { flex: 0 0 min(72vw, 15rem); scroll-snap-align: start; }
	.ggai-trade-help { align-items: stretch; flex-direction: column; padding: .85rem; }
	.ggai-help-choice { width: 100%; }
	.ggai-config-form__wide { grid-column: auto; }
	.ggai-feature-dialog { width: calc(100vw - 1.1rem); }
	.ggai-feature-dialog__panel { padding: 1.25rem; }
	.ggai-feature-dialog__grid, .ggai-feature-dialog__legend { grid-template-columns: 1fr; }
	.ggai-feature-dialog h4 { font-size: 1.9rem; }
	.ggai-feature-dialog__action { width: 100%; }
	.ggai-offer-cta > div { display: grid; }
	.ggai-offer-cta .ggai-button { width: 100%; }
	.ggai-recommender__agents { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
	.ggai *, .ggai *::before, .ggai *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
	#site-header.ggai-site-header, .ggai-nav-agents, .ggai-closing-cta * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Simulator 1.8: a readable four-step journey instead of one dense control wall. */
.ggai-showcase--simulator .ggai-section-heading { margin-bottom: clamp(1.75rem, 3.5vw, 2.75rem); }
.ggai-sim-layout { grid-template-columns: minmax(0, 1.55fr) minmax(22rem, .7fr); gap: clamp(1.25rem, 2.4vw, 2rem); }
.ggai-sim-builder { gap: 1rem; }
.ggai-sim-progress { gap: .65rem; padding: .65rem; }
.ggai-sim-progress button { display: grid; grid-template-columns: 2.35rem 1fr; min-width: 0; min-height: 4.35rem; align-items: center; gap: .7rem; padding: .65rem .75rem; border: 1px solid transparent; border-radius: .85rem; background: transparent; color: var(--ggai-muted); text-align: left; cursor: pointer; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.ggai-sim-progress button:hover { transform: translateY(-1px); background: rgba(255,255,255,.035); }
.ggai-sim-progress button.is-active { border-color: rgba(96,165,250,.38); background: linear-gradient(135deg, rgba(37,99,235,.14), rgba(124,58,237,.12)); color: #f8fafc; }
.ggai-sim-progress button.is-complete { color: #c4b5fd; }
.ggai-sim-progress button:focus-visible { outline: 2px solid #60a5fa; outline-offset: 2px; }
.ggai-sim-progress button > b { width: 2.35rem; height: 2.35rem; font-size: .72rem; }
.ggai-sim-progress button > span { display: grid; align-items: initial; gap: .16rem; color: inherit; }
.ggai-sim-progress button strong { overflow: hidden; color: inherit; font-size: .86rem; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.ggai-sim-progress button small { color: #8895a9; font-size: .68rem; font-weight: 600; }
.ggai-sim-progress button.is-active small { color: #b7c3d5; }
.ggai-sim-fieldset { min-height: 28rem; padding: clamp(1.25rem, 2.5vw, 2rem); }
.ggai-sim-fieldset[hidden] { display: none !important; }
.ggai-sim-fieldset.is-active { animation: ggai-sim-step-in .28s ease both; }
@keyframes ggai-sim-step-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.ggai-sim-fieldset legend { grid-template-columns: 3.1rem 1fr; column-gap: .9rem; margin-bottom: 1.4rem; }
.ggai-sim-fieldset legend > span { width: 3.1rem; height: 3.1rem; border-radius: .9rem; font-size: .72rem; }
.ggai-sim-fieldset legend strong { font-size: clamp(1.05rem, 1.6vw, 1.3rem); }
.ggai-sim-fieldset legend small { font-size: .82rem; line-height: 1.45; }
.ggai-sim-presets { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.ggai-sim-presets button { min-height: 7.3rem; grid-template-columns: 2.75rem 1fr; align-content: center; align-items: center; column-gap: .85rem; padding: 1rem 1.1rem; border-radius: 1rem; }
.ggai-sim-presets button:last-child { grid-column: 1 / -1; }
.ggai-sim-presets button > span { grid-row: 1 / 3; min-width: 2.75rem; height: 2.75rem; font-size: .7rem; }
.ggai-sim-presets strong { font-size: .92rem; }
.ggai-sim-presets small { font-size: .75rem; line-height: 1.4; }
.ggai-sim-agents { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; max-height: 31rem; }
.ggai-sim-agent { grid-template-columns: 3.55rem 1fr auto; gap: .72rem; min-height: 5rem; padding: .72rem .8rem; border-radius: .95rem; }
.ggai-sim-agent__photo { width: 3.55rem; height: 3.55rem; border-radius: .82rem; }
.ggai-sim-agent__identity { gap: .22rem; }
.ggai-sim-agent__identity strong { font-size: .86rem; }
.ggai-sim-agent__identity small { font-size: .68rem; }
.ggai-sim-agent > i { width: 1.75rem; height: 1.75rem; font-size: .95rem; }
.ggai-sim-architectures { gap: .8rem; }
.ggai-sim-architectures label > span { min-height: 13rem; gap: .5rem; padding: 1.15rem; border-radius: 1rem; }
.ggai-sim-architectures span > b { min-width: 2.65rem; height: 2.65rem; font-size: .7rem; }
.ggai-sim-architectures strong { font-size: .9rem; }
.ggai-sim-architectures small { font-size: .75rem; }
.ggai-sim-architectures em { font-size: .7rem; }
.ggai-sim-options { gap: 1rem; }
.ggai-sim-options label { gap: .45rem; padding: 1rem; border: 1px solid rgba(148,163,184,.13); border-radius: 1rem; background: rgba(255,255,255,.025); }
.ggai-sim-options label > span { font-size: .86rem; }
.ggai-sim-options select { min-height: 3.35rem; padding: .75rem 2.4rem .75rem .85rem; font-size: .82rem; }
.ggai-sim-options small { font-size: .7rem; }
.ggai-sim-controls { display: grid; grid-template-columns: minmax(7rem, auto) 1fr minmax(9rem, auto); align-items: center; gap: .8rem; padding: .75rem; border: 1px solid var(--ggai-line); border-radius: 1rem; background: rgba(2,8,23,.2); }
.ggai-sim-controls button { display: inline-flex; min-height: 3.25rem; align-items: center; justify-content: center; gap: .5rem; padding: .75rem 1rem; border: 1px solid rgba(148,163,184,.2); border-radius: .8rem; background: rgba(255,255,255,.035); color: #dbe4f4; font-size: .8rem; font-weight: 800; cursor: pointer; }
.ggai-sim-controls button[hidden] { visibility: hidden; display: inline-flex !important; }
.ggai-sim-controls button:focus-visible { outline: 2px solid #60a5fa; outline-offset: 2px; }
.ggai-sim-controls .ggai-sim-controls__next { border-color: transparent; background: linear-gradient(105deg, #2563eb, #7c3aed, #d946ef); color: #fff; }
.ggai-sim-controls p { display: flex; align-items: baseline; justify-content: center; gap: .28rem; margin: 0; color: #8f9bad; font-size: .72rem; }
.ggai-sim-controls p strong { color: #fff; font-size: 1rem; }
.ggai-sim-summary { max-height: none; overflow: visible; padding: clamp(1.25rem, 2.2vw, 1.7rem); }
.ggai-sim-summary__status { font-size: .68rem; }
.ggai-sim-summary h4 { font-size: clamp(1.7rem, 2.7vw, 2.25rem); }
.ggai-sim-summary__lead { font-size: .82rem; }
.ggai-sim-prices { gap: .7rem; }
.ggai-sim-prices > div { gap: .3rem; padding: .95rem; }
.ggai-sim-prices span { font-size: .64rem; }
.ggai-sim-prices strong { overflow-wrap: normal; font-size: clamp(1.25rem, 1.75vw, 1.65rem); white-space: nowrap; }
.ggai-sim-prices small { font-size: .63rem; }
.ggai-sim-team { padding: .95rem; }
.ggai-sim-team p strong { font-size: .82rem; }
.ggai-sim-team p small { font-size: .67rem; }
.ggai-sim-team > b { font-size: .72rem; }
.ggai-sim-summary__details { margin-top: .9rem; overflow: hidden; border: 1px solid rgba(148,163,184,.14); border-radius: .85rem; background: rgba(255,255,255,.02); }
.ggai-sim-summary__details summary { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .8rem .9rem; color: #cbd5e1; font-size: .75rem; font-weight: 800; cursor: pointer; list-style: none; }
.ggai-sim-summary__details summary::-webkit-details-marker { display: none; }
.ggai-sim-summary__details summary b { display: grid; width: 1.45rem; height: 1.45rem; place-items: center; border-radius: .45rem; background: rgba(124,58,237,.14); color: #c4b5fd; font-size: 1rem; transition: transform .2s ease; }
.ggai-sim-summary__details[open] summary b { transform: rotate(45deg); }
.ggai-sim-summary__details > div { padding: 0 .9rem .9rem; }
.ggai-sim-breakdown { margin-top: 0; }
.ggai-sim-breakdown dt { font-size: .7rem; }
.ggai-sim-breakdown dd { font-size: .73rem; }
.ggai-sim-deployment span { font-size: .6rem; }
.ggai-sim-deployment b { width: 1.75rem; height: 1.75rem; font-size: .58rem; }
.ggai-sim-cta { min-height: 3.55rem; font-size: .82rem; }
.ggai-sim-disclaimer { font-size: .61rem; }

@media (max-width: 1099px) {
	.ggai-sim-layout { grid-template-columns: 1fr; }
	.ggai-sim-summary { position: relative; top: auto; }
}
@media (max-width: 767px) {
	.ggai-sim-progress { grid-template-columns: 1fr 1fr; }
	.ggai-sim-progress button { min-height: 3.9rem; grid-template-columns: 2.1rem 1fr; gap: .55rem; padding: .55rem; }
	.ggai-sim-progress button > b { width: 2.1rem; height: 2.1rem; }
	.ggai-sim-fieldset { min-height: 0; }
	.ggai-sim-presets, .ggai-sim-agents, .ggai-sim-architectures, .ggai-sim-options { grid-template-columns: 1fr; }
	.ggai-sim-presets button:last-child { grid-column: auto; }
	.ggai-sim-agents { max-height: 30rem; }
	.ggai-sim-architectures label > span { min-height: 0; }
}
@media (max-width: 479px) {
	.ggai-showcase--simulator { padding: .75rem; }
	.ggai-sim-progress button small { display: none; }
	.ggai-sim-progress button strong { font-size: .76rem; }
	.ggai-sim-fieldset { padding: 1rem .8rem; }
	.ggai-sim-fieldset legend { grid-template-columns: 2.65rem 1fr; column-gap: .7rem; }
	.ggai-sim-fieldset legend > span { width: 2.65rem; height: 2.65rem; }
	.ggai-sim-fieldset legend strong { font-size: 1rem; }
	.ggai-sim-fieldset legend small { font-size: .73rem; }
	.ggai-sim-controls { grid-template-columns: 1fr 1fr; }
	.ggai-sim-controls p { display: none; }
	.ggai-sim-controls button { width: 100%; }
	.ggai-sim-prices { grid-template-columns: 1fr; }
}

/* Audit 1.9: stable capability families, safe form state and mobile containment. */
.ggai-capabilities {
	--ggai-cap-bg: #070b16;
	--ggai-cap-surface: #101725;
	--ggai-cap-line: rgba(148, 163, 184, .17);
	position: relative;
	overflow: hidden;
	padding: clamp(4.5rem, 8vw, 8rem) clamp(1rem, 4vw, 3rem);
	background:
		radial-gradient(circle at 18% 10%, rgba(37, 99, 235, .16), transparent 28rem),
		radial-gradient(circle at 82% 30%, rgba(124, 58, 237, .15), transparent 30rem),
		var(--ggai-cap-bg);
	color: #f8fafc;
}
.ggai-capabilities__inner { width: min(1180px, 100%); margin-inline: auto; }
.ggai-capabilities__head { max-width: 820px; margin: 0 auto clamp(2rem, 4vw, 3.5rem); text-align: center; }
.ggai-capabilities__head h2 { margin: .8rem 0 1rem; color: #fff; font-size: clamp(2rem, 5vw, 4.2rem); line-height: 1.02; letter-spacing: -.04em; text-wrap: balance; }
.ggai-capabilities__head p { margin: 0 auto; color: #aab6ca; font-size: clamp(.95rem, 1.5vw, 1.12rem); line-height: 1.7; }
.ggai-workflow-demo { display: grid; grid-template-columns: minmax(17rem, .62fr) minmax(0, 1.38fr); gap: 1rem; align-items: stretch; }
.ggai-workflow-demo__steps { display: grid; align-content: start; gap: .55rem; }
.ggai-workflow-demo__steps button {
	--ggai-workflow-step: #3b82f6;
	display: grid;
	width: 100%;
	min-width: 0;
	grid-template-columns: 2.65rem minmax(0, 1fr) auto;
	align-items: center;
	gap: .75rem;
	padding: .72rem .8rem;
	border: 1px solid color-mix(in srgb, var(--ggai-workflow-step) 22%, var(--ggai-cap-line));
	border-radius: .95rem;
	background: linear-gradient(145deg, color-mix(in srgb, var(--ggai-workflow-step) 6%, rgba(17,24,39,.94)), rgba(8,13,25,.92));
	color: #f8fafc;
	text-align: left;
	box-shadow: inset 0 1px rgba(255,255,255,.035);
	transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}
.ggai-workflow-demo__steps button:hover { transform: translateX(3px); border-color: color-mix(in srgb, var(--ggai-workflow-step) 52%, #fff 5%); }
.ggai-workflow-demo__steps button:focus-visible { border-color: var(--ggai-workflow-step); outline: 2px solid color-mix(in srgb, var(--ggai-workflow-step) 55%, transparent); outline-offset: 2px; }
.ggai-workflow-demo__steps button[aria-selected="true"] { transform: translateX(5px); border-color: color-mix(in srgb, var(--ggai-workflow-step) 72%, #fff 7%); background: radial-gradient(circle at 0 50%, color-mix(in srgb, var(--ggai-workflow-step) 20%, transparent), transparent 18rem), linear-gradient(145deg, rgba(19,27,45,.98), rgba(10,14,27,.96)); box-shadow: 0 16px 38px color-mix(in srgb, var(--ggai-workflow-step) 16%, transparent), inset 0 1px rgba(255,255,255,.05); }
.ggai-workflow-demo__steps button > b { display: grid; width: 2.65rem; height: 2.65rem; place-items: center; border: 1px solid color-mix(in srgb, var(--ggai-workflow-step) 35%, transparent); border-radius: .78rem; background: color-mix(in srgb, var(--ggai-workflow-step) 16%, transparent); color: color-mix(in srgb, var(--ggai-workflow-step) 64%, #fff); font-size: .67rem; }
.ggai-workflow-demo__steps button[aria-selected="true"] > b { background: var(--ggai-workflow-step); color: #fff; box-shadow: 0 9px 24px color-mix(in srgb, var(--ggai-workflow-step) 30%, transparent); }
.ggai-workflow-demo__steps button > span { display: grid; min-width: 0; gap: .14rem; }
.ggai-workflow-demo__steps button strong { color: #f8fafc; font-size: .76rem; line-height: 1.3; }
.ggai-workflow-demo__steps button small { overflow: hidden; color: #8f9cb1; font-size: .62rem; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.ggai-workflow-demo__steps button > i { color: color-mix(in srgb, var(--ggai-workflow-step) 62%, #fff); font-size: .85rem; font-style: normal; opacity: .55; transition: opacity .2s ease, transform .2s ease; }
.ggai-workflow-demo__steps button[aria-selected="true"] > i { transform: translateX(2px); opacity: 1; }
.ggai-workflow-demo__stage {
	--ggai-workflow-step: #3b82f6;
	position: relative;
	min-width: 0;
	padding: clamp(1.25rem, 3vw, 2rem);
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--ggai-workflow-step) 42%, var(--ggai-cap-line));
	border-radius: 1.35rem;
	background: radial-gradient(circle at 100% 0, color-mix(in srgb, var(--ggai-workflow-step) 18%, transparent), transparent 34rem), linear-gradient(145deg, rgba(15,23,42,.96), rgba(8,12,24,.94));
	box-shadow: 0 28px 75px rgba(2,8,23,.25), inset 0 1px rgba(255,255,255,.045);
	transition: border-color .3s ease, background .3s ease;
}
.ggai-workflow-demo__stage::before { position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, var(--ggai-workflow-step), color-mix(in srgb, var(--ggai-workflow-step) 38%, #8b5cf6)); content: ""; }
.ggai-workflow-demo__stage-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.ggai-workflow-demo__stage-head > span { color: color-mix(in srgb, var(--ggai-workflow-step) 70%, #fff); font-size: .66rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.ggai-workflow-demo__stage-head > b { padding: .35rem .58rem; border: 1px solid color-mix(in srgb, var(--ggai-workflow-step) 36%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--ggai-workflow-step) 10%, transparent); color: color-mix(in srgb, var(--ggai-workflow-step) 67%, #fff); font-size: .6rem; letter-spacing: .04em; }
.ggai-workflow-demo__stage h3 { max-width: 720px; margin: .85rem 0 .6rem; color: #fff; font-family: "Space Grotesk", Sora, Inter, sans-serif; font-size: clamp(1.55rem, 3vw, 2.45rem); line-height: 1.06; letter-spacing: -.035em; text-wrap: balance; }
.ggai-workflow-demo__stage > p:not(.ggai-workflow-demo__control) { max-width: 760px; margin: 0; color: #aeb9cb; font-size: .84rem; line-height: 1.65; }
.ggai-workflow-demo__flow { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: stretch; gap: .55rem; margin-top: 1.25rem; }
.ggai-workflow-demo__flow > div { display: grid; align-content: start; gap: .32rem; min-width: 0; padding: .85rem; border: 1px solid rgba(148,163,184,.14); border-radius: .9rem; background: rgba(255,255,255,.03); }
.ggai-workflow-demo__flow > span { align-self: center; color: var(--ggai-workflow-step); font-size: 1rem; }
.ggai-workflow-demo__flow small, .ggai-workflow-demo__details > div > small { color: #738096; font-size: .56rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.ggai-workflow-demo__flow strong { color: #edf2ff; font-size: .7rem; line-height: 1.45; }
.ggai-workflow-demo__details { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; margin-top: .7rem; }
.ggai-workflow-demo__details > div { min-width: 0; padding: .85rem; border: 1px solid rgba(148,163,184,.13); border-radius: .9rem; background: rgba(255,255,255,.025); }
.ggai-workflow-demo__details ul { display: flex; flex-wrap: wrap; gap: .38rem; margin: .62rem 0 0; padding: 0; list-style: none; }
.ggai-workflow-demo__details li { padding: .28rem .46rem; border: 1px solid color-mix(in srgb, var(--ggai-workflow-step) 23%, rgba(148,163,184,.14)); border-radius: 999px; background: color-mix(in srgb, var(--ggai-workflow-step) 7%, transparent); color: #b9c4d7; font-size: .58rem; line-height: 1.35; }
.ggai-workflow-demo__control { display: grid; grid-template-columns: 2rem auto minmax(0, 1fr); align-items: center; gap: .6rem; margin: .7rem 0 0; padding: .72rem .8rem; border: 1px solid rgba(34,197,94,.2); border-radius: .85rem; background: rgba(34,197,94,.055); }
.ggai-workflow-demo__control > span { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .62rem; background: rgba(34,197,94,.13); color: #86efac; font-weight: 900; }
.ggai-workflow-demo__control strong { color: #dffbea; font-size: .64rem; letter-spacing: .06em; text-transform: uppercase; }
.ggai-workflow-demo__control b { color: #9fb0c5; font-size: .67rem; font-weight: 500; line-height: 1.45; }
.ggai-workflow-demo__offer { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; margin-top: 1rem; padding: 1rem 1.1rem; border: 1px solid rgba(124,58,237,.28); border-radius: 1.1rem; background: radial-gradient(circle at 100% 0, rgba(124,58,237,.13), transparent 25rem), rgba(15,23,42,.82); }
.ggai-workflow-demo__offer > div:first-child { display: grid; gap: .2rem; min-width: 0; }
.ggai-workflow-demo__offer > div:first-child > span { color: #a78bfa; font-size: .58rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.ggai-workflow-demo__offer strong { color: #f8fafc; font-size: .86rem; }
.ggai-workflow-demo__offer p { max-width: 720px; margin: 0; color: #95a2b6; font-size: .66rem; line-height: 1.5; }
.ggai-workflow-demo__offer > div:last-child { display: flex; flex: 0 0 auto; gap: .55rem; }
.ggai-workflow-demo__cta { display: inline-flex; min-height: 2.7rem; align-items: center; justify-content: center; gap: .45rem; padding: .65rem .85rem; border: 1px solid rgba(148,163,184,.2); border-radius: .75rem; background: rgba(255,255,255,.035); color: #dbe5f5; font-size: .68rem; font-weight: 800; text-align: center; text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.ggai-workflow-demo__cta:hover, .ggai-workflow-demo__cta:focus-visible { transform: translateY(-2px); border-color: rgba(139,92,246,.55); color: #fff; outline: none; }
.ggai-workflow-demo__cta--primary { border-color: transparent; background: linear-gradient(100deg, #2563eb, #7c3aed); color: #fff; box-shadow: 0 12px 30px rgba(79,70,229,.24); }
.ggai-workflow-demo__cta--primary:hover, .ggai-workflow-demo__cta--primary:focus-visible { box-shadow: 0 18px 38px rgba(79,70,229,.34); }
.ggai-capabilities__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .85rem; }
.ggai-capabilities__grid article { display: grid; min-width: 0; grid-template-columns: 2.7rem minmax(0, 1fr); align-items: start; gap: .75rem; padding: 1rem; border: 1px solid var(--ggai-cap-line); border-radius: 1rem; background: linear-gradient(145deg, rgba(17, 24, 39, .96), rgba(9, 14, 26, .96)); box-shadow: inset 0 1px rgba(255,255,255,.04); }
.ggai-capabilities__grid article > span { display: grid; min-width: 2.7rem; min-height: 2.7rem; place-items: center; padding-inline: .25rem; border-radius: .75rem; background: linear-gradient(135deg, rgba(37,99,235,.22), rgba(124,58,237,.2)); color: #a5b4fc; font-size: .75rem; font-weight: 900; }
.ggai-capabilities__grid h3 { margin: .08rem 0 .35rem; color: #f8fafc; font-size: .92rem; line-height: 1.25; }
.ggai-capabilities__grid p { margin: 0; color: #93a0b5; font-size: .75rem; line-height: 1.5; }
.ggai-capabilities__policy { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1rem; padding: 1rem 1.15rem; border: 1px solid rgba(96, 165, 250, .2); border-radius: 1rem; background: rgba(15, 23, 42, .72); }
.ggai-capabilities__policy p { margin: 0; color: #aebbd0; font-size: .78rem; line-height: 1.55; }
.ggai-capabilities__policy strong { color: #dbeafe; }
.ggai-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.ggai-config-status { margin: .75rem 0 0; color: #94a3b8; font-size: .72rem; line-height: 1.5; }
.ggai-config-status.is-error { color: #fca5a5; }
.ggai-trust-disclaimer { margin: 1rem 0 0; padding: 1rem 1.1rem; border: 1px solid rgba(96,165,250,.2); border-radius: 1rem; background: rgba(15,23,42,.62); color: #aebbd0; font-size: .78rem; line-height: 1.65; }
.ggai-trust-disclaimer strong { color: #dbeafe; }

#agents-ia,
#agents-ia .ggai-offer,
#agents-ia .ggai-trade-step,
#agents-ia .ggai-configurator,
#agents-ia .ggai-comparison,
#agents-ia .ggai-showcase,
#agents-ia .ggai__faq,
#agents-ia .ggai-config-layout,
#agents-ia .ggai-sim-layout,
#agents-ia .ggai-routing,
#agents-ia .ggai-cognitive { min-width: 0; max-width: 100%; }
#agents-ia img, .ggai-capabilities img { max-width: 100%; height: auto; }
#agents-ia h2, #agents-ia h3, #agents-ia h4, #agents-ia p, #agents-ia li, #agents-ia dd, #agents-ia dt,
.ggai-capabilities h2, .ggai-capabilities h3, .ggai-capabilities p { overflow-wrap: anywhere; }

@media (max-width: 1040px) {
	.ggai-capabilities__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ggai-workflow-demo { grid-template-columns: 1fr; }
	.ggai-workflow-demo__steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ggai-workflow-demo__steps button { grid-template-columns: 2.45rem minmax(0, 1fr); }
	.ggai-workflow-demo__steps button > b { width: 2.45rem; height: 2.45rem; }
	.ggai-workflow-demo__steps button > i { display: none; }
	.ggai-workflow-demo__steps button:hover, .ggai-workflow-demo__steps button[aria-selected="true"] { transform: translateY(-2px); }
}
@media (max-width: 639px) {
	.ggai-capabilities { padding-inline: .85rem; }
	.ggai-capabilities__grid, .ggai-capabilities__policy { grid-template-columns: 1fr; }
	.ggai-capabilities__grid article { padding: .9rem; }
	.ggai-workflow-demo__steps { display: flex; margin-inline: -.15rem; padding: .15rem .15rem .45rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; }
	.ggai-workflow-demo__steps button { flex: 0 0 min(82vw, 17rem); scroll-snap-align: start; }
	.ggai-workflow-demo__stage { padding: 1rem; border-radius: 1.05rem; }
	.ggai-workflow-demo__stage-head { align-items: flex-start; }
	.ggai-workflow-demo__flow { grid-template-columns: 1fr; }
	.ggai-workflow-demo__flow > span { justify-self: center; transform: rotate(90deg); }
	.ggai-workflow-demo__details { grid-template-columns: 1fr; }
	.ggai-workflow-demo__control { grid-template-columns: 2rem minmax(0, 1fr); align-items: start; }
	.ggai-workflow-demo__control b { grid-column: 2; }
	.ggai-workflow-demo__offer { align-items: stretch; flex-direction: column; }
	.ggai-workflow-demo__offer > div:last-child { display: grid; grid-template-columns: 1fr; }
	.ggai-workflow-demo__cta { width: 100%; }
	.ggai-comparison__mobile summary { flex-wrap: wrap; }
	.ggai-comparison__mobile dl div { align-items: flex-start; }
	.ggai-comparison__mobile dt { min-width: 0; }
	.ggai-comparison__mobile dd { flex: 0 1 auto; max-width: 52%; text-align: right; overflow-wrap: anywhere; }
	.ggai-kupa-offer aside, .ggai-activation, .ggai-sim-summary { min-width: 0; }
}

/* Service picker 1.9.8: one short commercial path replaces the separate intro,
   offer cards and category wall while preserving the existing KUPA identity. */
.ggai-service-path {
	position: relative;
	margin: 0 0 clamp(1.5rem, 3vw, 2.5rem);
	padding: clamp(1.15rem, 3.4vw, 3rem);
	overflow: hidden;
	border: 1px solid rgba(96,165,250,.22);
	border-radius: clamp(1.25rem, 2.5vw, 2rem);
	background:
		radial-gradient(circle at 88% 8%, rgba(124,58,237,.18), transparent 34rem),
		radial-gradient(circle at 4% 36%, rgba(37,99,235,.12), transparent 30rem),
		linear-gradient(145deg, rgba(15,23,42,.97), rgba(10,13,26,.98));
	box-shadow: 0 32px 100px rgba(2,8,23,.34), inset 0 1px rgba(255,255,255,.035);
}
.ggai-service-path::before {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image: linear-gradient(rgba(96,165,250,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(96,165,250,.035) 1px, transparent 1px);
	background-size: 76px 76px;
	mask-image: linear-gradient(to bottom, #000, transparent 78%);
	content: "";
}
.ggai-service-picker { position: relative; z-index: 1; }
.ggai-service-picker__intro { max-width: 1060px; margin: 0 auto clamp(2rem, 4vw, 3.25rem); text-align: center; }
.ggai-service-picker__intro h2 { margin: .5rem 0 0; font-family: "Space Grotesk", Sora, Inter, sans-serif; font-size: clamp(2.5rem, 5.5vw, 5.6rem); font-weight: 760; letter-spacing: -.055em; line-height: .96; text-wrap: balance; }
.ggai-service-picker__intro > p { max-width: 800px; margin: 1.15rem auto 0; color: #aab5c8; font-size: clamp(.98rem, 1.55vw, 1.18rem); line-height: 1.6; }
.ggai-service-picker__intro > ul { display: grid; max-width: 840px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; margin: 1.5rem auto 0; padding: 0; list-style: none; }
.ggai-service-picker__intro > ul li { display: flex; min-height: 3.25rem; align-items: center; gap: .65rem; padding: .65rem .8rem; border: 1px solid rgba(148,163,184,.15); border-radius: .85rem; background: rgba(255,255,255,.035); color: #dce5f3; font-size: .72rem; font-weight: 760; text-align: left; }
.ggai-service-picker__intro > ul strong { display: grid; width: 1.85rem; height: 1.85rem; flex: 0 0 1.85rem; place-items: center; border-radius: .52rem; background: linear-gradient(135deg, #2563eb, #7c3aed); color: #fff; font-size: .67rem; }
.ggai-service-picker__layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(20rem, .75fr); gap: clamp(1rem, 2.4vw, 1.6rem); align-items: start; }
.ggai-service-picker__choices { display: grid; gap: 1.1rem; }
.ggai-service-picker__choices > section { padding: clamp(1rem, 2vw, 1.35rem); border: 1px solid rgba(148,163,184,.16); border-radius: 1.2rem; background: rgba(7,12,24,.64); }
.ggai-service-picker__choices > section > header { display: grid; grid-template-columns: 2.6rem 1fr; gap: .75rem; align-items: center; margin-bottom: 1rem; }
.ggai-service-picker__choices > section > header > span { display: grid; width: 2.6rem; height: 2.6rem; place-items: center; border: 1px solid rgba(96,165,250,.32); border-radius: .72rem; background: rgba(37,99,235,.1); color: #93c5fd; font-size: .7rem; font-weight: 850; }
.ggai-service-picker__choices h3 { margin: 0; color: #f8fafc; font-family: "Space Grotesk", Sora, Inter, sans-serif; font-size: clamp(1.25rem, 2.2vw, 1.7rem); letter-spacing: -.035em; }
.ggai-service-picker__choices header p { margin: .2rem 0 0; color: #8996aa; font-size: .7rem; line-height: 1.45; }
.ggai-service-picker__options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
.ggai-service-picker__options button {
	position: relative;
	display: grid;
	min-width: 0;
	min-height: 3.65rem;
	grid-template-columns: 2.15rem 1fr 1rem;
	gap: .6rem;
	align-items: center;
	padding: .65rem .7rem;
	border: 1px solid rgba(148,163,184,.17);
	border-radius: .82rem;
	outline: 0;
	background: rgba(255,255,255,.025);
	color: #d8e0ee;
	font: inherit;
	text-align: left;
	cursor: pointer;
	transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.ggai-service-picker__options button:hover { transform: translateY(-1px); border-color: rgba(56,189,248,.4); background: rgba(14,165,233,.065); }
.ggai-service-picker__options button:focus-visible { box-shadow: 0 0 0 3px rgba(34,211,238,.18); }
.ggai-service-picker__options button > b { display: grid; width: 2.15rem; height: 2.15rem; place-items: center; border-radius: .62rem; background: rgba(59,130,246,.12); color: #93c5fd; font-size: .57rem; letter-spacing: -.02em; }
.ggai-service-picker__options button > span { min-width: 0; font-size: .7rem; font-weight: 760; line-height: 1.3; }
.ggai-service-picker__options button > i { color: transparent; font-size: .75rem; font-style: normal; font-weight: 900; }
.ggai-service-picker__options button.is-selected { border-color: rgba(34,211,238,.7); background: linear-gradient(135deg, rgba(6,182,212,.14), rgba(37,99,235,.09)); color: #f0fdff; box-shadow: inset 0 0 0 1px rgba(34,211,238,.08), 0 12px 30px rgba(6,182,212,.08); }
.ggai-service-picker__options button.is-selected > b { background: linear-gradient(135deg, #0891b2, #2563eb); color: #fff; }
.ggai-service-picker__options button.is-selected > i { color: #67e8f9; }
.ggai-service-picker__result { position: sticky; top: 5.5rem; min-width: 0; padding: clamp(1.1rem, 2.4vw, 1.55rem); border: 1px solid rgba(124,58,237,.35); border-radius: 1.25rem; background: radial-gradient(circle at 100% 0, rgba(124,58,237,.19), transparent 25rem), linear-gradient(155deg, #121a2d, #17142a); box-shadow: 0 24px 70px rgba(2,6,23,.34); }
.ggai-service-picker__status { display: inline-flex; align-items: center; gap: .45rem; color: #c4b5fd; font-size: .58rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.ggai-service-picker__status i { width: .46rem; height: .46rem; border-radius: 50%; background: #8b5cf6; box-shadow: 0 0 12px rgba(139,92,246,.7); }
.ggai-service-picker__placeholder { display: grid; min-height: 17rem; align-content: center; justify-items: center; padding: 1.2rem .5rem; text-align: center; }
.ggai-service-picker__placeholder > b { display: grid; width: 4.4rem; height: 4.4rem; place-items: center; border: 1px solid rgba(148,163,184,.18); border-radius: 1.2rem; background: rgba(255,255,255,.035); color: #8290a7; font-size: .72rem; }
.ggai-service-picker__placeholder h3, .ggai-service-picker__recommendation h3 { margin: 1rem 0 .5rem; color: #f8fafc; font-family: "Space Grotesk", Sora, Inter, sans-serif; letter-spacing: -.04em; line-height: 1.04; }
.ggai-service-picker__placeholder h3 { max-width: 18rem; font-size: 1.45rem; }
.ggai-service-picker__placeholder p { max-width: 23rem; margin: 0; color: #8996aa; font-size: .72rem; line-height: 1.55; }
.ggai-service-picker__recommendation { padding-top: .65rem; }
.ggai-service-picker__recommendation > small { display: inline-flex; padding: .3rem .5rem; border: 1px solid rgba(52,211,153,.28); border-radius: 999px; background: rgba(16,185,129,.08); color: #6ee7b7; font-size: .55rem; font-weight: 800; }
.ggai-service-picker__recommendation h3 { font-size: clamp(1.5rem, 2.8vw, 2.2rem); }
.ggai-service-picker__recommendation > p { margin: 0; color: #aab5c8; font-size: .75rem; line-height: 1.6; }
.ggai-service-picker__agents { margin-top: 1rem; padding-top: .9rem; border-top: 1px solid rgba(148,163,184,.14); }
.ggai-service-picker__agents > span { display: block; margin-bottom: .55rem; color: #8f9cb0; font-size: .57rem; font-weight: 820; letter-spacing: .07em; text-transform: uppercase; }
.ggai-service-picker__agents > div { display: grid; gap: .45rem; }
.ggai-service-picker__agents > div > span { display: grid; grid-template-columns: 2.3rem 1fr; gap: .6rem; align-items: center; padding: .45rem; border: 1px solid rgba(148,163,184,.12); border-radius: .72rem; background: rgba(255,255,255,.03); }
.ggai-service-picker__agents img { width: 2.3rem; height: 2.3rem; object-fit: cover; object-position: 50% 25%; border-radius: .55rem; background: #0f172a; }
.ggai-service-picker__agents span span { display: grid; min-width: 0; }
.ggai-service-picker__agents strong { overflow: hidden; color: #eef2ff; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.ggai-service-picker__agents small { overflow: hidden; color: #8996aa; font-size: .57rem; text-overflow: ellipsis; white-space: nowrap; }
.ggai-service-picker__recommendation ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .4rem; margin: .8rem 0 0; padding: 0; list-style: none; }
.ggai-service-picker__recommendation li { display: grid; grid-template-columns: 1.45rem 1fr; gap: .4rem; align-items: start; padding: .55rem; border-radius: .65rem; background: rgba(2,6,23,.25); }
.ggai-service-picker__recommendation li > b { display: grid; width: 1.45rem; height: 1.45rem; place-items: center; border-radius: .42rem; background: rgba(59,130,246,.12); color: #93c5fd; font-size: .54rem; }
.ggai-service-picker__recommendation li > span { display: grid; min-width: 0; }
.ggai-service-picker__recommendation li strong { color: #e5e7eb; font-size: .56rem; }
.ggai-service-picker__recommendation li small { color: #758298; font-size: .5rem; line-height: 1.3; }
.ggai-service-picker__actions { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-top: 1rem; }
.ggai-service-picker__actions .ggai-button { min-width: 0; min-height: 3rem; padding: .65rem .7rem; font-size: .66rem; }
.ggai-service-picker__actions [aria-disabled="true"], .ggai-service-picker__actions button:disabled { opacity: .42; cursor: not-allowed; }
.ggai-service-picker__catalogue { grid-column: 1 / -1; padding: .35rem; border: 0; background: transparent; color: #a5b4fc; font: inherit; font-size: .63rem; text-decoration: underline; cursor: pointer; }
.ggai-service-picker__catalogue:disabled { opacity: .42; cursor: not-allowed; }
.ggai-service-picker__guard { display: flex; gap: .45rem; margin: .75rem 0 0; padding-top: .7rem; border-top: 1px solid rgba(148,163,184,.13); color: #8f9cb0; font-size: .59rem; line-height: 1.4; }
.ggai-service-picker__guard span { color: #34d399; font-weight: 900; }
.ggai-service-path > .ggai-agent-explorer { display: none !important; }
.ggai__toolbar[data-ggai-service-catalogue] { margin-top: clamp(1.5rem, 3vw, 2.5rem); }

@media (max-width: 980px) {
	.ggai-service-picker__layout { grid-template-columns: 1fr; }
	.ggai-service-picker__result { position: relative; top: auto; }
	.ggai-service-picker__placeholder { min-height: 12rem; }
	.ggai-service-picker__agents > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 639px) {
	.ggai-service-path { margin-inline: -.2rem; padding: 1rem; border-radius: 1.2rem; }
	.ggai-service-picker__intro { margin-bottom: 1.35rem; text-align: left; }
	.ggai-service-picker__intro h2 { font-size: clamp(2.25rem, 11.5vw, 3.2rem); }
	.ggai-service-picker__intro > p { font-size: .88rem; }
	.ggai-service-picker__intro > ul { grid-template-columns: 1fr; gap: .4rem; }
	.ggai-service-picker__intro > ul li { min-height: 2.75rem; }
	.ggai-service-picker__options { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; }
	.ggai-service-picker__options button { min-height: 4rem; grid-template-columns: 1.85rem 1fr; gap: .45rem; padding: .55rem; }
	.ggai-service-picker__options button > b { width: 1.85rem; height: 1.85rem; }
	.ggai-service-picker__options button > i { position: absolute; top: .35rem; right: .4rem; }
	.ggai-service-picker__options button > span { font-size: .62rem; }
	.ggai-service-picker__agents > div { grid-template-columns: 1fr; }
	.ggai-service-picker__recommendation ol { grid-template-columns: 1fr; }
	.ggai-service-picker__actions { grid-template-columns: 1fr; }
	.ggai-service-picker__catalogue { grid-column: auto; }
}
.ggai-site-heading {
	font-size: 2em;
	font-weight: 700;
	line-height: normal;
	margin-block: 0.67em;
}