/**
 * ogace-flow.css — OGACE "Explore" showcase.
 * Redesign inspired by Airbnb · GetYourGuide · TripAdvisor · Trip.com · Binance.
 * OGA brand: navy #001D6C · red #b01c2e · gold #EAB308.
 */
.oga-explore{
	--navy:#001D6C; --red:#b01c2e; --gold:#EAB308;
	--ink:#0f1222; --muted:#6b7280; --line:#e9edf5; --card:#ffffff; --bg:#f7f9fc;
	--radius:18px; --shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.06);
	--shadow-h:0 8px 20px rgba(0,29,108,.10),0 20px 48px rgba(0,29,108,.12);
	max-width:1120px; margin:0 auto 32px; padding:4px;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
	color:var(--ink);
}
.oga-explore__hero{ padding:8px 4px 20px; }
.oga-explore__eyebrow{
	display:inline-block; font-family:ui-monospace,Menlo,Consolas,monospace; font-size:11px;
	letter-spacing:.02em; color:var(--navy); background:#eef2fb; border:1px solid var(--line);
	padding:4px 10px; border-radius:999px; margin-bottom:12px;
}
.oga-explore__title{ margin:0 0 6px; font-size:clamp(24px,3.4vw,34px); font-weight:800; letter-spacing:-.02em; line-height:1.1; }
.oga-explore__sub{ margin:0; font-size:15px; color:var(--muted); max-width:64ch; line-height:1.55; }
.oga-explore__filters{
	display:flex; flex-wrap:wrap; gap:9px; padding:18px 2px 22px; position:sticky; top:0; z-index:2;
}
.oga-pill{
	--acc:var(--navy);
	display:inline-flex; align-items:center; gap:8px; cursor:pointer;
	font-size:13px; font-weight:650; color:#334155; background:var(--card);
	border:1px solid var(--line); border-radius:999px; padding:9px 15px;
	transition:transform .12s ease, border-color .12s ease, color .12s ease, box-shadow .12s ease;
}
.oga-pill:hover{ transform:translateY(-1px); box-shadow:var(--shadow); }
.oga-pill__dot{ width:9px; height:9px; border-radius:50%; background:var(--acc); }
.oga-pill.is-active{ color:#fff; background:var(--navy); border-color:var(--navy); }
.oga-pill.is-active .oga-pill__dot{ background:#fff; }
.oga-explore__grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:16px; }
.oga-card{
	--acc:var(--navy);
	position:relative; display:flex; flex-direction:column; gap:14px;
	background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
	padding:18px; box-shadow:var(--shadow); overflow:hidden;
	transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.oga-card::before{
	content:""; position:absolute; inset:0 0 auto 0; height:4px;
	background:linear-gradient(90deg,var(--acc),transparent 70%); opacity:.9;
}
.oga-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-h); border-color:color-mix(in srgb,var(--acc) 40%,var(--line)); }
.oga-card__ico{
	width:54px; height:54px; display:grid; place-items:center; font-size:27px; line-height:1;
	border-radius:14px; background:color-mix(in srgb,var(--acc) 9%,#fff);
	border:1px solid color-mix(in srgb,var(--acc) 16%,var(--line));
}
.oga-card__title{ margin:0; font-size:15px; font-weight:750; letter-spacing:-.01em; line-height:1.25; }
.oga-card__meta{ display:flex; align-items:center; gap:8px; margin-top:2px; }
.oga-card__layer{
	font-size:10.5px; font-weight:800; color:#fff; background:var(--acc);
	padding:2px 7px; border-radius:6px; letter-spacing:.03em;
}
.oga-card__domain{ font-size:11.5px; font-weight:600; color:var(--muted); text-transform:capitalize; }
@media (prefers-color-scheme: dark){
	.oga-explore{ --ink:#e7e9f2; --muted:#9aa3b2; --line:#232838; --card:#121524; --bg:#0b0e18; }
	.oga-explore__eyebrow{ background:#161b2c; color:#c7d2fe; }
	.oga-pill{ color:#c3cbdb; }
	.oga-pill.is-active{ background:var(--gold); color:#121524; border-color:var(--gold); }
	.oga-pill.is-active .oga-pill__dot{ background:#121524; }
	.oga-card__ico{ background:#171c2d; }
}
@media (max-width:560px){
	.oga-explore__grid{ grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; }
	.oga-card{ padding:15px; }
}
@media (prefers-reduced-motion: reduce){
	.oga-card,.oga-pill{ transition:none; }
	.oga-card:hover{ transform:none; }
}