/*
 * For Agencies (page-agency.php). FULL REDO, design round 6 (Sep 2026),
 * converted from the round-6 bundle's "V5 Release/For Agencies.dc.html".
 *
 * Page-local only: the two converted style-hover buttons and the .rsp-*
 * responsive layer. Shared machinery is global and reused, not duplicated:
 * shell (.atarim-page min-width), nav hamburger, footer recolumn,
 * scroll-reveal ([data-rev]/.hp-on), grain, dark scrollbar, and the URL
 * capture field, all in tokens.css/site.css. No mockups on this page.
 */

/* ===== Converted style-hover buttons (theme capsules, not bundle squircles) ===== */
.ag-mint { transition: background .16s ease; }
.ag-mint:hover { background: #35c98a; }
.ag-outline { color: #6D5DF3; border: 1.5px solid #6D5DF3; transition: background .16s ease, color .16s ease; }
.ag-outline:hover { background: #6D5DF3; color: #fff; }

/* ===== RESPONSIVE OVERRIDE LAYER · desktop (>=1280px) is the spec ===== */
@media (max-width: 1279px) {
	.rsp-hero { padding-left: 32px !important; padding-right: 32px !important; }
	.rsp-sec { padding-left: 32px !important; padding-right: 32px !important; }
	.rsp-rules { grid-template-columns: 1fr 360px !important; gap: 32px !important; }
	.rsp-tiles4 { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 1023px) {
	.rsp-hero { padding-left: 24px !important; padding-right: 24px !important; padding-top: 150px !important; }
	.rsp-sec { padding-left: 24px !important; padding-right: 24px !important; }
	.rsp-split { grid-template-columns: 1fr !important; gap: 40px !important; }
	/* The copy leads on every split. Two sections put the visual first in
	 * source order for the desktop grid, so they flip back when stacked. */
	.rsp-split > .rsp-visual { order: 2 !important; }
	.rsp-flip > .rsp-visual { order: 2 !important; }
	.rsp-tiles3 { grid-template-columns: repeat(2, 1fr) !important; }
	.rsp-rules { grid-template-columns: 1fr !important; gap: 32px !important; }
}
@media (max-width: 767px) {
	[data-mascot] { display: none !important; }
	.rsp-hero { padding-left: 16px !important; padding-right: 16px !important; padding-top: 120px !important; padding-bottom: 56px !important; }
	.rsp-sec { padding-left: 16px !important; padding-right: 16px !important; padding-top: 56px !important; padding-bottom: 56px !important; }
	.rsp-tiles3 { grid-template-columns: 1fr !important; }
	.rsp-tiles4 { grid-template-columns: 1fr !important; }
	/* The trust strip is nowrap on desktop; let it wrap rather than overflow. */
	.rsp-strip { gap: 12px 20px !important; }
}