/*
 * Trust page (page-trust.php). Converted from
 * design-source/Marketing Mockups/Trust.dc.html (<helmet>).
 *
 * The Trust design ships its OWN responsive layer (the `.rsp-*` classes +
 * @media below) — kept verbatim. Shared machinery is global and reused, not
 * duplicated here: the page shell (`.atarim-page` min-width), the product
 * mockup fit (`.mk-scroll`/`.mk-fit-box`/`.mk-fit` + scaler), the nav hamburger,
 * the footer recolumn, scroll-reveal (`[data-rev]`/`.hp-on`), grain, and the
 * SOP-flowchart tooltips (`.wf-step`/`.wf-tip`/`errFloat`) 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 (light + dark surface), converted from style-hover ===== */
.tr-mint { background: #3ED696; color: #16042E; transition: background .16s ease, transform .16s ease; }
.tr-mint:hover { background: #35c98a; }
.tr-mint-lift:hover { transform: translateY(-2px); }
.tr-ghost-light { color: #16042E; border: 1px solid rgba(26, 8, 48, 0.2); transition: border-color .16s ease, color .16s ease; }
.tr-ghost-light:hover { border-color: #6D5DF3; color: #6D5DF3; }
.tr-outline-violet { color: #16042E; border: 1.5px solid #6D5DF3; transition: background .16s ease, color .16s ease; }
.tr-outline-violet:hover { background: #6D5DF3; color: #fff; }
.tr-ghost-dark { color: #fff; border: 1px solid rgba(255, 255, 255, 0.22); transition: border-color .16s ease, color .16s ease; }
.tr-ghost-dark:hover { border-color: #9385FF; color: #9385FF; }
.tr-statuslink { color: #574a6e; transition: color .16s ease; }
.tr-statuslink:hover { color: #16042E; }

/* ===== 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; padding-top: 150px !important; }
	.rsp-sec { padding-left: 24px !important; padding-right: 24px !important; }
	.rsp-split { grid-template-columns: 1fr !important; gap: 40px !important; }
	.rsp-split > .rsp-visual { order: 2 !important; }
	.rsp-compare { grid-template-columns: 1fr !important; gap: 16px !important; }
	.rsp-chatbot { margin-top: 0 !important; }
	.rsp-tiles3 { grid-template-columns: repeat(2, 1fr) !important; }
	.rsp-masonry { column-count: 2 !important; }
}
@media (max-width: 767px) {
	.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: 64px !important; padding-bottom: 64px !important; }
	.rsp-tiles3 { grid-template-columns: 1fr !important; }
	.rsp-masonry { column-count: 1 !important; }
	.rsp-soc { flex-direction: column !important; text-align: center !important; align-items: center !important; }
}