/* Version 0.3: flexible offer, portable research diagrams and testimonial preview. */
.osgd-custom-offer {
	display: grid;
	grid-template-columns: minmax(0, .85fr) minmax(360px, 1.15fr);
	gap: clamp(36px, 7vw, 100px);
	align-items: center;
	margin-top: 18px;
	padding: clamp(34px, 5vw, 62px);
	color: #fff;
	background: #17684f;
}
.osgd-custom-offer__label { margin-bottom: 18px; color: var(--mint); font-size: .7rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.osgd .osgd-custom-offer h2 { max-width: 12ch; margin: 0; font-size: clamp(2.25rem, 3.8vw, 4.3rem); }
.osgd-custom-offer__copy > p { max-width: 58ch; margin-bottom: 28px; color: rgba(255,255,255,.78); font-size: 1.02rem; }
.osgd-text-link { display: inline-flex; align-items: center; gap: 12px; padding: 12px 2px; border-bottom: 1px solid rgba(255,255,255,.55); color: #fff !important; font-size: .84rem; font-weight: 800; text-decoration: none; }
.osgd-text-link svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; }

.osgd .osgd-focus-card { display: flex; min-height: 520px; flex-direction: column; }
.osgd .osgd-focus-card::after { display: none; }
.osgd .osgd-focus-card__visual { position: relative; min-height: 245px; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.12); background: radial-gradient(circle at 70% 25%,rgba(86,223,234,.18),transparent 32%),linear-gradient(145deg,#123f37,#0b2825); }
.osgd .osgd-focus-card__visual::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(124,233,189,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(124,233,189,.08) 1px,transparent 1px); background-size: 32px 32px; content: ""; }
.osgd .osgd-focus-card__visual svg { position: absolute; z-index: 2; inset: 14% 7%; width: 86%; height: 72%; fill: none; stroke: rgba(124,233,189,.72); stroke-width: 1.4; animation: osgd-diagram-drift 16s ease-in-out infinite alternate; }
.osgd .osgd-focus-card__visual svg circle { fill: var(--lime); stroke: #123f37; stroke-width: 5; }
.osgd .osgd-focus-card__orb { position: absolute; z-index: 1; width: 74px; height: 74px; border: 1px solid rgba(124,233,189,.35); border-radius: 50%; }
.osgd .osgd-focus-card__orb:nth-child(1) { left: 9%; top: 17%; }
.osgd .osgd-focus-card__orb:nth-child(2) { right: 12%; top: 13%; width: 118px; height: 118px; }
.osgd .osgd-focus-card__orb:nth-child(3) { right: 31%; bottom: -18px; width: 56px; height: 56px; background: rgba(215,255,112,.08); }
.osgd .osgd-focus-card__visual--2 { filter: hue-rotate(22deg); }
.osgd .osgd-focus-card__visual--2 svg { animation-delay: -6s; }
.osgd .osgd-focus-card__visual--3 { filter: hue-rotate(-22deg); }
.osgd .osgd-focus-card__visual--3 svg { animation-delay: -11s; }
.osgd .osgd-focus-card__content { position: relative; z-index: 2; display: flex; flex: 1; flex-direction: column; padding: 34px; }
.osgd .osgd-focus-card__content > span { color: var(--mint); font-size: .72rem; font-weight: 800; }

.osgd .osgd-testimonials__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.osgd .osgd-testimonial { position: relative; display: flex; min-height: 430px; flex-direction: column; padding: clamp(30px,3vw,46px); overflow: hidden; border: 1px solid var(--line); background: #fff; }
.osgd .osgd-testimonial::after { position: absolute; right: -45px; bottom: -70px; width: 180px; height: 180px; border: 1px solid rgba(38,120,94,.14); border-radius: 50%; content: ""; }
.osgd .osgd-testimonial__quote-mark { height: 62px; color: #26785e; font-family: Georgia,"Times New Roman",serif; font-size: 6rem; line-height: .9; }
.osgd .osgd-testimonial blockquote { margin: 22px 0 42px; padding: 0; border: 0; color: var(--ink); font-family: Georgia,"Times New Roman",serif; font-size: clamp(1.35rem,1.7vw,1.75rem); line-height: 1.32; }
.osgd .osgd-testimonial blockquote p { margin: 0; }
.osgd .osgd-testimonial__person { position: relative; z-index: 2; display: grid; grid-template-columns: 68px 1fr; gap: 17px; align-items: center; margin-top: auto; }
.osgd .osgd-testimonial__portrait { display: grid; width: 68px; height: 68px; place-items: center; overflow: hidden; border-radius: 50%; color: #fff; background: var(--ink); }
.osgd .osgd-testimonial__portrait img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); }
.osgd .osgd-testimonial h3 { margin: 0 0 5px; font-family: Inter,ui-sans-serif,system-ui,sans-serif; font-size: .92rem; font-weight: 800; letter-spacing: 0; }
.osgd .osgd-testimonial__person p { margin: 0; color: #55716a; font-size: .72rem; line-height: 1.4; }

@keyframes osgd-diagram-drift { from { transform: translate3d(-1%,1%,0) scale(1.01); } to { transform: translate3d(1%,-1%,0) scale(1.05); } }
@media (max-width: 1000px) { .osgd-custom-offer { grid-template-columns: 1fr; gap: 30px; } .osgd .osgd-testimonials__grid { grid-template-columns: 1fr; } .osgd .osgd-focus-card { min-height: 0; } }
@media (max-width: 680px) { .osgd-custom-offer .osgd-actions { display: grid; } .osgd-custom-offer .osgd-button { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .osgd .osgd-focus-card__visual svg { animation: none; } }