/*
 * Enterprise page (page-enterprise.php). Converted from
 * design_handoff_v5_round3/Marketing Mockups/Pages/Enterprise.dc.html (<helmet>).
 *
 * The design ships its OWN responsive layer (the `.rsp-*` classes + @media below)
 * — kept verbatim, with a per-page `en-*` prefix on the page-unique button/link
 * hover classes to avoid collisions with the hosting-companies page. Shared
 * machinery is global and reused, not duplicated here: the page shell
 * (`.atarim-page` min-width), the nav hamburger, the footer recolumn, scroll-reveal
 * (`[data-rev]`/`.hp-on`), grain, and the fonts all live in tokens.css / site.css.
 * The dc's `.rsp-page{min-width:0}` is dropped — the global `.atarim-page` rule
 * covers it.
 */

/* Light-page scrollbar (overrides the global dark one, only while this page's CSS is loaded). */
::-webkit-scrollbar-track { background: #ece6f6; }
::-webkit-scrollbar-thumb { background: #cabfe4; border-radius: 8px; border: 3px solid #ece6f6; }

/* ===== Buttons + links, converted from style-hover ===== */
.en-mint { transition: background .16s ease; }
.en-mint:hover { background: #35c98a; }
.en-trustlink { transition: color .16s ease; }
.en-trustlink:hover { color: #5547d6; }

/* ===== RESPONSIVE OVERRIDE LAYER · desktop (>=1280px) is the inline spec, untouched ===== */
@media (max-width: 1279px) {
	.rsp-hero { padding-left: 32px !important; padding-right: 32px !important; }
	.rsp-sec { padding-left: 32px !important; padding-right: 32px !important; }
}
@media (max-width: 1023px) {
	.rsp-hero { padding-left: 24px !important; padding-right: 24px !important; }
	.rsp-sec { padding-left: 24px !important; padding-right: 24px !important; }
	.rsp-split { grid-template-columns: 1fr !important; gap: 28px !important; }
	.rsp-visual { order: 2; }
	.rsp-tiles2 { grid-template-columns: 1fr !important; }
	.rsp-tiles3 { grid-template-columns: repeat(2, 1fr) !important; }
	.rsp-tiles5 { grid-template-columns: repeat(2, 1fr) !important; }
	.rsp-strip { flex-direction: column !important; align-items: flex-start !important; gap: 18px !important; }
}
@media (max-width: 767px) {
	.rsp-hero { padding-left: 16px !important; padding-right: 16px !important; padding-top: 128px !important; padding-bottom: 54px !important; }
	.rsp-sec { padding-left: 16px !important; padding-right: 16px !important; padding-top: 56px !important; padding-bottom: 56px !important; }
	.rsp-tiles3, .rsp-tiles5 { grid-template-columns: 1fr !important; }
}