/* ============ AI Try — Tokens ============ */
.ai-try {
	--ai_try-line: rgb(var(--color-highlight-raw) / .08);
	--ai_try-line-strong: rgb(var(--color-highlight-raw) / .16);
	--ai_try-surface: rgb(var(--color-highlight-raw) / .04);
	--ai_try-surface-2: rgb(var(--color-highlight-raw) / .07);
	--ai_try-text-dim: rgb(var(--color-highlight-raw) / .72);
	--ai_try-text-mute: rgb(var(--color-highlight-raw) / .5);
	--ai_try-good: rgb(74 222 128 / 1);
	--ai_try-warn: rgb(245 166 35 / 1);
	--ai_try-bad: rgb(239 68 68 / 1);
	--ai_try-radius: var(--border-radius);
	--ai_try-radius-sm: calc(var(--border-radius) / 2.2);
	--ai_try-gradient:
		radial-gradient(800px 300px at 100% 0%, rgb(var(--color-accent-raw) / .12), transparent 60%),
		radial-gradient(600px 250px at 0% 100%, rgb(var(--color-accent-2-raw) / .07), transparent 60%),
		linear-gradient(180deg, rgb(var(--color-highlight-raw) / .03), rgb(var(--color-highlight-raw) / .01));
	display: grid;
	gap: 2.5rem;
	position: relative;
	color: var(--color-highlight);
	isolation: isolate;
}

/* ============ Form Stage ============ */
.ai-try-stage {
	display: none;
	position: relative;
	padding: clamp(1.5rem, 4vw, 3rem);
	border-radius: var(--ai_try-radius);
	border: 1px solid var(--ai_try-line);
	background: var(--ai_try-gradient);
	overflow: hidden;
	isolation: isolate;
} .ai-try[data-step="0"] .ai-try-stage,
.ai-try[data-step="1"] .ai-try-stage,
.ai-try[data-step="2"] .ai-try-stage {
	display: block;
} .ai-try-stage::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: var(--surface-grid-image);
	background-size: 32px 32px;
	mask: radial-gradient(70% 70% at 50% 0%, black, transparent 80%);
	opacity: .55;
	pointer-events: none;
	z-index: -1;
}

.ai-try-stage-body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 2.5rem;
	align-items: center;
	position: relative;
}

.ai-try-stage-content {
	display: grid;
	gap: 1rem;
	min-width: 0;
}

/* Floating orb mascots */
.ai-try-orbs {
	position: relative;
	height: 22rem;
	pointer-events: none;
} .ai-try-orb {
	position: absolute;
	left: var(--x);
	top: var(--y);
	display: block;
	width: 4.5rem;
	height: 4.5rem;
	animation: ai-try-orb 8s ease-in-out infinite;
	animation-delay: var(--d, 0s);
} .ai-try-orb img {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain;
	filter: drop-shadow(0 8px 24px rgba(0,0,0,.5));
} @keyframes ai-try-orb {
	0%, 100% { transform: translateY(0) rotate(-3deg); }
	50%      { transform: translateY(-14px) rotate(3deg); }
}

/* Step indicator (segments) */
.ai-try-steps {
	display: flex;
	gap: .6rem;
	margin-bottom: 1.5rem;
	position: relative;
} .ai-try-steps span {
	flex: 1;
	height: 6px;
	min-width: 2rem;
	border-radius: 100vw;
	background: rgb(var(--color-highlight-raw) / .14);
	overflow: hidden;
	position: relative;
} .ai-try[data-step="1"] .ai-try-steps span:nth-child(1),
.ai-try[data-step="2"] .ai-try-steps span:nth-child(1),
.ai-try[data-step="2"] .ai-try-steps span:nth-child(2) {
	background: var(--color-accent-2);
} .ai-try[data-step="0"] .ai-try-steps span:nth-child(1),
.ai-try[data-step="1"] .ai-try-steps span:nth-child(2),
.ai-try[data-step="2"] .ai-try-steps span:nth-child(3) {
	background: var(--color-accent);
} .ai-try[data-step="0"] .ai-try-steps span:nth-child(1)::after,
.ai-try[data-step="1"] .ai-try-steps span:nth-child(2)::after,
.ai-try[data-step="2"] .ai-try-steps span:nth-child(3)::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, transparent, rgb(255 255 255 / .8), transparent);
	animation: ai-try-scan 1.6s linear infinite;
} @keyframes ai-try-scan {
	from { transform: translateX(-100%); }
	to   { transform: translateX(100%); }
}

.ai-try-form {
	display: none;
	position: relative;
} .ai-try[data-step="0"] .ai-try-form[data-step="0"],
.ai-try[data-step="1"] .ai-try-form[data-step="1"],
.ai-try[data-step="2"] .ai-try-form[data-step="2"] {
	display: grid;
	gap: .75rem;
} .ai-try-eyebrow {
	font-family: ui-monospace, "JetBrains Mono", monospace;
	font-size: .7rem;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--color-accent-1);
	display: inline-flex;
	align-items: center;
	gap: .6rem;
} .ai-try-eyebrow::before {
	content: "";
	width: 6px; height: 6px;
	background: var(--color-accent);
	border-radius: 50%;
	box-shadow: 0 0 12px var(--color-accent);
} .ai-try-form > label {
	font-family: var(--font-headline);
	font-size: clamp(1.6rem, 3vw, 2.2rem);
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: 1.1;
	margin: 0;
	text-wrap: balance;
} .ai-try-form > p {
	color: var(--ai_try-text-dim);
	margin: 0 0 .5rem;
	font-size: 1rem;
}

.ai-try-row {
	display: grid;
	grid-template-columns: minmax(0,1fr) auto;
	gap: .6rem;
	align-items: stretch;
}

.ai-try-error {
	color: #ffad9f;
	min-height: 1.4rem;
	margin-top: .75rem;
}

/* ============ Result ============ */
.ai-try-result {
	display: none;
	gap: 4rem;
} .ai-try[data-step="3"] .ai-try-result {
	display: grid;
}

/* Section helpers */
.ai-try-section {
	display: grid;
	gap: 1.5rem;
}

.ai-try-agent {
	display: grid;
	grid-template-columns: 5rem 1fr;
	gap: 1.4rem;
	align-items: start;
} .ai-try-agent-icon {
	width: 5rem;
	height: 5rem;
	position: relative;
	display: grid;
	place-items: center;
} .ai-try-agent-icon::before {
	content: "";
	position: absolute;
	inset: .6rem;
	border-radius: 50%;
	background: radial-gradient(circle, rgb(var(--color-highlight-raw) / .08), transparent 70%);
	filter: blur(16px);
} .ai-try-agent-icon img {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	filter: drop-shadow(0 8px 24px rgba(0,0,0,.5));
	animation: ai-try-floaty 6s ease-in-out infinite;
} @keyframes ai-try-floaty {
	0%, 100% { transform: translateY(0) rotate(-2deg); }
	50%      { transform: translateY(-6px) rotate(2deg); }
} .ai-try-agent h3 {
	font-family: var(--font-headline);
	font-size: clamp(1.6rem, 3vw, 2.4rem);
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: 1.05;
	margin: 0 0 .5rem;
	text-wrap: balance;
} .ai-try-agent p {
	color: var(--ai_try-text-dim);
	margin: 0;
	font-size: 1rem;
}

/* ============ Report Hero ============ */
.ai-try-report-head {
	display: grid;
	grid-template-columns: minmax(0,1fr) auto;
	gap: 2rem;
	align-items: end;
	position: relative;
	isolation: isolate;
} .ai-try-report-head::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: var(--surface-grid-image);
	background-size: 48px 48px;
	mask: radial-gradient(1000px 500px at 30% 50%, black, transparent 70%);
	opacity: .5;
	pointer-events: none;
	z-index: -1;
} .ai-try-report-head h2 {
	font-family: var(--font-headline);
	font-weight: 700;
	font-size: clamp(1.4rem, 2.6vw, 2.6rem);
	line-height: 1.05;
	letter-spacing: -.03em;
	margin: 0 0 .8rem;
	overflow-wrap: break-word;
	word-break: normal;
	hyphens: auto;
	text-wrap: balance;
} .ai-try-report-head p {
	color: var(--ai_try-text-dim);
	margin: 0;
	font-size: 1.05rem;
}

.ai-try-share {
	display: grid;
	gap: .6rem;
	width: clamp(14rem, 22vw, 22rem);
} .ai-try-share a {
	font-family: ui-monospace, "JetBrains Mono", monospace;
	font-size: .75rem;
	color: var(--color-accent-2);
	overflow-wrap: anywhere;
	line-height: 1.4;
	max-height: 2.6rem;
	overflow: hidden;
	padding: .6rem .8rem;
	background: rgb(0 0 0 / .35);
	border: 1px solid var(--ai_try-line);
	border-radius: var(--ai_try-radius-sm);
} .ai-try-share-actions {
	display: flex;
	gap: .5rem;
	flex-wrap: wrap;
} .ai-try-share .button {
	display: inline-flex;
	gap: .5rem;
	align-items: center;
}

/* ============ Phases (timeline) ============ */
.ai-try-phases {
	display: flex;
	flex-wrap: wrap;
	row-gap: 1rem;
	align-items: center;
} .ai-try-phases > div {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	font-family: ui-monospace, "JetBrains Mono", monospace;
	font-size: .7rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--ai_try-text-dim);
	position: relative;
} .ai-try-phases > div + div {
	margin-left: 2.4rem;
} .ai-try-phases > div + div::before {
	content: "";
	position: absolute;
	left: -2rem;
	top: 50%;
	width: 1.6rem;
	height: 1px;
	background: linear-gradient(90deg, rgb(var(--color-accent-2-raw) / .45), rgb(var(--color-accent-2-raw) / .1));
} .ai-try-phases > div i {
	width: 1.4rem;
	height: 1.4rem;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: rgb(var(--color-accent-2-raw) / .12);
	border: 1px solid rgb(var(--color-accent-2-raw) / .35);
	color: var(--color-accent-2);
	font-size: .6rem;
} .ai-try-phases > div[data-status="done"] {
	color: var(--ai_try-good);
} .ai-try-phases > div[data-status="done"] i {
	background: rgb(74 222 128 / .14);
	border-color: rgb(74 222 128 / .4);
	color: var(--ai_try-good);
} .ai-try-phases > div[data-status="running"] {
	color: var(--color-accent-2);
} .ai-try-phases > div[data-status="running"] i {
	animation: ai-try-spin 1s linear infinite;
} .ai-try-phases > div[data-status="error"] {
	color: #ff9c9c;
} .ai-try-phases > div[data-status="error"] i {
	background: rgb(239 68 68 / .14);
	border-color: rgb(239 68 68 / .4);
	color: #ff9c9c;
} .ai-try-phases > div[data-status="skipped"] {
	opacity: .55;
} @keyframes ai-try-spin {
	to { rotate: 360deg; }
}

/* ============ Scoreboard ============ */
.ai-try-scoreboard {
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
	gap: 1.5rem;
	align-items: stretch;
}

.ai-try-gauge {
	position: relative;
	padding: 2rem;
	border: 1px solid var(--ai_try-line);
	border-radius: var(--ai_try-radius);
	background:
		radial-gradient(circle at 50% 50%, rgb(var(--color-accent-raw) / .12), transparent 60%),
		rgb(var(--color-highlight-raw) / .025);
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 2rem;
	align-items: center;
	overflow: hidden;
	isolation: isolate;
} .ai-try-gauge::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgb(var(--color-highlight-raw) / .06) 1px, transparent 1px);
	background-size: 22px 22px;
	mask: radial-gradient(60% 60% at 30% 50%, transparent 0%, black 90%);
	pointer-events: none;
	z-index: -1;
}

.ai-try-ring {
	position: relative;
	width: 14rem;
	height: 14rem;
} .ai-try-ring svg {
	width: 100%;
	height: 100%;
	transform: rotate(-90deg);
	filter: drop-shadow(0 0 12px rgb(var(--color-accent-raw) / .4));
} .ai-try-ring svg circle[data-result-ring-fill] {
	transition: stroke-dashoffset 1.4s cubic-bezier(.2,.7,.2,1);
} .ai-try-ring > div {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	pointer-events: none;
	gap: .25rem;
} .ai-try-ring strong {
	font-family: var(--font-headline);
	font-weight: 700;
	font-size: 4rem;
	letter-spacing: -.04em;
	line-height: 1;
	color: var(--color-highlight);
	white-space: nowrap;
} .ai-try-ring span {
	font-family: ui-monospace, "JetBrains Mono", monospace;
	font-size: .7rem;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--ai_try-text-mute);
}

.ai-try-gauge-text h3 {
	font-family: var(--font-headline);
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: -.02em;
	margin: 0 0 .6rem;
} .ai-try-gauge-text p {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	margin: 0;
	padding: .4rem .8rem;
	border-radius: 100vw;
	background: rgb(var(--color-accent-1-raw) / .12);
	border: 1px solid rgb(var(--color-accent-1-raw) / .35);
	color: var(--color-accent-1);
	font-size: .9rem;
	font-weight: 600;
} .ai-try-gauge-text p:empty {
	display: none;
} .ai-try-gauge-text p::before {
	content: "";
	width: 6px; height: 6px;
	border-radius: 50%;
	background: var(--color-accent-1);
	box-shadow: 0 0 10px var(--color-accent-1);
}

.ai-try-kpis {
	display: grid;
	gap: .85rem;
} .ai-try-kpi {
	display: grid;
	grid-template-columns: 3.5rem 1fr auto;
	align-items: center;
	gap: 1rem;
	padding: 1rem 1.2rem;
	border: 1px solid var(--ai_try-line);
	border-radius: calc(var(--ai_try-radius) / 1.4);
	background: var(--ai_try-surface);
	transition: background var(--transition-fast) ease, border-color var(--transition-fast) ease;
} .ai-try-kpi:hover {
	background: var(--ai_try-surface-2);
	border-color: var(--ai_try-line-strong);
} .ai-try-kpi-icon {
	width: 3.5rem;
	height: 3.5rem;
	display: grid;
	place-items: center;
} .ai-try-kpi-icon img {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	filter: drop-shadow(0 4px 16px rgba(0,0,0,.4));
} .ai-try-kpi > strong {
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-highlight);
} .ai-try-kpi em {
	font-family: var(--font-headline);
	font-style: normal;
	font-weight: 700;
	font-size: 2.1rem;
	letter-spacing: -.02em;
	line-height: 1;
	color: var(--color-highlight);
}

/* ============ Vision / Feature ============ */
.ai-try-feature {
	display: grid;
	grid-template-columns: minmax(18rem, 1.2fr) minmax(0, 1fr);
	gap: 1.5rem;
	align-items: stretch;
}

.ai-try-visual {
	position: relative;
	min-height: 24rem;
	border: 1px solid var(--ai_try-line);
	border-radius: var(--ai_try-radius);
	background: #0d1211;
	overflow: hidden;
	isolation: isolate;
} .ai-try-visual img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 24rem;
	object-fit: cover;
} .ai-try-visual img:not([src]) {
	display: none;
} .ai-try-visual::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 55%, rgb(0 0 0 / .65) 100%);
	pointer-events: none;
}

.ai-try-visual-scan {
	position: absolute;
	inset: 1.2rem;
	border: 1px dashed rgb(var(--color-highlight-raw) / .25);
	border-radius: calc(var(--ai_try-radius) / 1.6);
	pointer-events: none;
	z-index: 1;
} .ai-try-visual-scan::before,
.ai-try-visual-scan::after {
	content: "";
	position: absolute;
	width: 1.4rem;
	height: 1.4rem;
	border: 2px solid var(--color-accent-2);
} .ai-try-visual-scan::before {
	top: -1px; left: -1px;
	border-right: none;
	border-bottom: none;
} .ai-try-visual-scan::after {
	bottom: -1px; right: -1px;
	border-left: none;
	border-top: none;
}

.ai-try-analysis {
	display: grid;
	gap: 1rem;
	align-content: start;
} .ai-try-analysis article {
	padding: 1.2rem 1.4rem;
	border: 1px solid var(--ai_try-line);
	border-radius: var(--ai_try-radius-sm);
	background: var(--ai_try-gradient);
} .ai-try-analysis h4 {
	font-family: ui-monospace, "JetBrains Mono", monospace;
	font-size: .7rem;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--ai_try-text-mute);
	margin: 0 0 .5rem;
} .ai-try-analysis p {
	margin: 0;
	font-size: .95rem;
	line-height: 1.55;
	color: var(--color-highlight);
} .ai-try-alt {
	font-family: ui-monospace, "JetBrains Mono", monospace !important;
	font-size: .85rem !important;
	color: var(--color-accent-2) !important;
	background: rgb(var(--color-accent-2-raw) / .06);
	padding: .7rem .9rem;
	border-radius: .5rem;
	border-left: 2px solid var(--color-accent-2);
}

/* ============ Datasheet ============ */
.ai-try-datasheet {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem;
}

.ai-try-spec {
	border: 1px solid var(--ai_try-line);
	border-radius: var(--ai_try-radius);
	background: var(--ai_try-gradient);
	overflow: hidden;
} .ai-try-spec header {
	display: grid;
	grid-template-columns: 3.2rem 1fr;
	gap: 1rem;
	align-items: center;
	padding: 1.2rem 1.4rem;
	border-bottom: 1px solid var(--ai_try-line);
	background: rgb(var(--color-highlight-raw) / .02);
} .ai-try-spec header img {
	width: 3.2rem !important;
	height: 3.2rem !important;
	max-width: 3.2rem !important;
	max-height: 3.2rem !important;
} .ai-try-spec header h3 {
	margin: 0;
	font-family: var(--font-headline);
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: -.01em;
} .ai-try-spec header span {
	display: block;
	font-size: .8rem;
	color: var(--ai_try-text-mute);
} .ai-try-spec dl {
	display: flex;
	flex-direction: column;
	margin: 0;
} .ai-try-spec dl > div {
	display: grid;
	grid-template-columns: 9rem 1fr;
	padding: .85rem 1.4rem;
	border-bottom: 1px solid var(--ai_try-line);
	align-items: baseline;
	gap: 1rem;
} .ai-try-spec dl > div:last-child {
	border-bottom: none;
} .ai-try-spec dt {
	font-family: ui-monospace, "JetBrains Mono", monospace;
	font-size: .7rem;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--ai_try-text-mute);
	margin: 0;
} .ai-try-spec dd {
	margin: 0;
	font-size: .95rem;
	color: var(--color-highlight);
	overflow-wrap: anywhere;
}

.ai-try-metrics {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border-bottom: 1px solid var(--ai_try-line);
} .ai-try-metrics > div {
	padding: 1rem 1.1rem;
	border-right: 1px solid var(--ai_try-line);
} .ai-try-metrics > div:last-child {
	border-right: none;
} .ai-try-metrics span {
	display: block;
	font-family: ui-monospace, "JetBrains Mono", monospace;
	font-size: .65rem;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--ai_try-text-mute);
	margin-bottom: .25rem;
} .ai-try-metrics strong {
	display: block;
	font-family: var(--font-headline);
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: -.02em;
}

/* ============ Diff + SEO ============ */
.ai-try-diff {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border: 1px solid var(--ai_try-line);
	border-radius: var(--ai_try-radius);
	background: var(--ai_try-surface);
	overflow: hidden;
} .ai-try-diff-col {
	padding: 1.4rem 1.6rem;
	display: grid;
	gap: .65rem;
	align-content: start;
} .ai-try-diff-col[data-variant="before"] {
	background: rgb(239 68 68 / .04);
	border-right: 1px solid var(--ai_try-line);
} .ai-try-diff-col[data-variant="after"] {
	background: rgb(var(--color-accent-2-raw) / .06);
} .ai-try-diff-col > span {
	font-family: ui-monospace, "JetBrains Mono", monospace;
	font-size: .7rem;
	letter-spacing: .22em;
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	margin-bottom: .25rem;
} .ai-try-diff-col[data-variant="before"] > span { color: #ff9c9c; }
.ai-try-diff-col[data-variant="after"]  > span { color: var(--color-accent-2); }
.ai-try-diff-col > span::before {
	content: "";
	width: 8px; height: 8px;
	border-radius: 50%;
} .ai-try-diff-col[data-variant="before"] > span::before { background: var(--ai_try-bad); }
.ai-try-diff-col[data-variant="after"]  > span::before { background: var(--color-accent-2); box-shadow: 0 0 10px var(--color-accent-2); }
.ai-try-diff-col strong {
	font-family: var(--font-headline);
	font-weight: 700;
	font-size: 1.3rem;
	line-height: 1.2;
	letter-spacing: -.01em;
	margin: 0;
} .ai-try-diff-col p {
	margin: 0;
	color: var(--ai_try-text-dim);
	font-size: .95rem;
	line-height: 1.5;
} .ai-try-diff-col small {
	font-family: ui-monospace, "JetBrains Mono", monospace;
	font-size: .8rem;
	padding: .5rem .75rem;
	border-radius: .4rem;
	background: rgb(0 0 0 / .3);
	border-left: 2px solid;
	overflow-wrap: anywhere;
} .ai-try-diff-col[data-variant="before"] small {
	color: #ff9c9c;
	border-color: var(--ai_try-bad);
} .ai-try-diff-col[data-variant="after"] small {
	color: var(--color-accent-2);
	border-color: var(--color-accent-2);
}

.ai-try-keywords {
	grid-column: 1 / -1;
	padding: 1.2rem 1.6rem;
	border-top: 1px solid var(--ai_try-line);
	background: rgb(0 0 0 / .2);
} .ai-try-keywords span {
	display: block;
	font-family: ui-monospace, "JetBrains Mono", monospace;
	font-size: .7rem;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--ai_try-text-mute);
	margin-bottom: .6rem;
} .ai-try-keywords p {
	margin: 0;
	color: var(--color-accent-1);
	font-size: .95rem;
	line-height: 1.6;
}

.ai-try-seo {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0;
	margin: 0;
	border: 1px solid var(--ai_try-line);
	border-radius: var(--ai_try-radius);
	background: var(--ai_try-surface);
	overflow: hidden;
} .ai-try-seo > div {
	display: grid;
	grid-template-columns: 8rem 1fr;
	padding: .9rem 1.4rem;
	border-bottom: 1px solid var(--ai_try-line);
	border-right: 1px solid var(--ai_try-line);
	gap: 1rem;
	align-items: baseline;
} .ai-try-seo > div:nth-child(2n) {
	border-right: none;
} .ai-try-seo > div:nth-last-child(-n+2) {
	border-bottom: none;
} .ai-try-seo dt {
	font-family: ui-monospace, "JetBrains Mono", monospace;
	font-size: .7rem;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--ai_try-text-mute);
	margin: 0;
} .ai-try-seo dd {
	margin: 0;
	font-size: .95rem;
	overflow-wrap: anywhere;
}

/* ============ FAQ Chat ============ */
.ai-try-faq {
	display: grid;
	gap: .9rem;
	padding: 1.5rem;
	border: 1px solid var(--ai_try-line);
	border-radius: var(--ai_try-radius);
	background: var(--ai_try-surface);
} .ai-try-faq > div {
	display: contents;
} .ai-try-faq > div > strong,
.ai-try-faq > div > span {
	max-width: 78%;
	padding: .85rem 1.2rem;
	border-radius: 1.2rem;
	font-size: .95rem;
	line-height: 1.5;
	margin: 0;
} .ai-try-faq > div > strong {
	background: rgb(var(--color-accent-raw) / .10);
	border: 1px solid rgb(var(--color-accent-raw) / .25);
	color: var(--color-highlight);
	border-bottom-right-radius: .4rem;
	justify-self: end;
	font-weight: 500;
} .ai-try-faq > div > strong::before {
	content: "Frage";
	display: block;
	font-family: ui-monospace, "JetBrains Mono", monospace;
	font-size: .6rem;
	color: var(--color-accent);
	letter-spacing: .18em;
	text-transform: uppercase;
	margin-bottom: .25rem;
} .ai-try-faq > div > span {
	background: rgb(var(--color-highlight-raw) / .04);
	border: 1px solid var(--ai_try-line);
	color: var(--color-highlight);
	border-bottom-left-radius: .4rem;
	justify-self: start;
} .ai-try-faq > div > span::before {
	content: "Copilot";
	display: block;
	font-family: ui-monospace, "JetBrains Mono", monospace;
	font-size: .6rem;
	color: var(--color-accent-2);
	letter-spacing: .18em;
	text-transform: uppercase;
	margin-bottom: .25rem;
}

/* ============ Tickets ============ */
.ai-try-questions {
	display: grid;
	gap: .8rem;
	counter-reset: ai-try-ticket;
} .ai-try-questions > div {
	display: grid;
	grid-template-columns: 3.5rem 1fr;
	grid-template-areas:
		"num title"
		"num desc";
	column-gap: 1.2rem;
	row-gap: .25rem;
	align-items: center;
	padding: 1.1rem 1.4rem;
	border: 1px solid var(--ai_try-line);
	border-radius: calc(var(--ai_try-radius) / 1.4);
	background: var(--ai_try-surface);
	position: relative;
	transition: background var(--transition-fast) ease, transform var(--transition-fast) ease;
	counter-increment: ai-try-ticket;
} .ai-try-questions > div::before {
	grid-area: num;
	align-self: center;
	content: counter(ai-try-ticket, decimal-leading-zero);
	font-family: var(--font-headline);
	font-weight: 700;
	font-size: 2.2rem;
	letter-spacing: -.02em;
	color: var(--ai_try-text-mute);
	line-height: 1;
} .ai-try-questions > div:hover {
	background: var(--ai_try-surface-2);
	transform: translateX(4px);
} .ai-try-questions > div strong {
	grid-area: title;
	align-self: end;
	display: block;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: -.005em;
} .ai-try-questions > div span {
	grid-area: desc;
	align-self: start;
	display: block;
	font-size: .85rem;
	color: var(--ai_try-text-dim);
}

/* ============ Footer CTA ============ */
.ai-try-cta {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 2.5rem;
	align-items: center;
	padding: clamp(2rem, 4vw, 3rem);
	border: 1px solid var(--ai_try-line);
	border-radius: var(--ai_try-radius);
	background:
		radial-gradient(80% 60% at 100% 100%, rgb(var(--color-accent-raw) / .14), transparent 60%),
		radial-gradient(60% 50% at 0% 0%, rgb(var(--color-accent-2-raw) / .10), transparent 60%),
		var(--ai_try-surface);
} .ai-try-cta h3 {
	font-family: var(--font-headline);
	font-weight: 700;
	font-size: clamp(1.6rem, 3vw, 2.4rem);
	letter-spacing: -.02em;
	line-height: 1.05;
	margin: 0 0 .6rem;
} .ai-try-cta p {
	margin: 0;
	color: var(--ai_try-text-dim);
	font-size: 1rem;
} .ai-try-cta-actions {
	display: flex;
	gap: .6rem;
	flex-wrap: wrap;
} .ai-try-cta-actions .button {
	display: inline-flex;
	gap: .5rem;
	align-items: center;
}

@media (max-width: 760px) {
	.ai-try-cta {
		grid-template-columns: 1fr;
	}
}

/* ============ Skeleton ============ */
.ai-try .skeleton {
	display: block;
	width: min(100%, 32rem);
	min-height: 1.1em;
	border-radius: var(--ai_try-radius-sm);
	background:
		linear-gradient(90deg,
			rgb(var(--color-highlight-raw) / .04) 0%,
			rgb(var(--color-highlight-raw) / .12) 50%,
			rgb(var(--color-highlight-raw) / .04) 100%);
	background-size: 200% 100%;
	animation: ai-try-skeleton 1.4s linear infinite;
	color: transparent;
} @keyframes ai-try-skeleton {
	from { background-position: 200% 0; }
	to   { background-position: -200% 0; }
}

/* ============ Responsive ============ */
@media (max-width: 980px) {
	.ai-try-stage-body {
		grid-template-columns: 1fr;
	} .ai-try-orbs {
		display: none;
	} .ai-try-report-head {
		grid-template-columns: 1fr;
	} .ai-try-share {
		min-width: 0;
	} .ai-try-scoreboard {
		grid-template-columns: 1fr;
	} .ai-try-gauge {
		grid-template-columns: 1fr;
		text-align: center;
		justify-items: center;
	} .ai-try-feature,
	.ai-try-datasheet,
	.ai-try-diff,
	.ai-try-seo {
		grid-template-columns: 1fr;
	} .ai-try-diff-col[data-variant="before"] {
		border-right: none;
		border-bottom: 1px solid var(--ai_try-line);
	} .ai-try-seo > div {
		border-right: none;
	} .ai-try-agent {
		grid-template-columns: 3.5rem 1fr;
		gap: 1rem;
	} .ai-try-agent-icon {
		width: 3.5rem;
		height: 3.5rem;
	} .ai-try-ring {
		width: 11rem;
		height: 11rem;
	} .ai-try-ring strong {
		font-size: 3.4rem;
	} .ai-try-metrics {
		grid-template-columns: repeat(2, 1fr);
	} .ai-try-metrics > div:nth-child(2) {
		border-right: none;
	} .ai-try-metrics > div:nth-child(-n+2) {
		border-bottom: 1px solid var(--ai_try-line);
	} .ai-try-questions > div {
		grid-template-columns: 2.4rem 1fr;
	}
}

@media (max-width: 640px) {
	.ai-try-spec dl > div {
		grid-template-columns: 1fr;
	} .ai-try-row {
		grid-template-columns: minmax(0,1fr) auto;
	}
}