/* Shared marketing standards: white canvas, brand-accent primary actions. */
:root{--tl-radius:12px}
.quote,.security,.quote-carousel,.faq-surface{background:var(--white)}
.customer-proof{border-top:0}
.trio-cta,.landscape-hero-cta,.contact-link{background:var(--tl-color-action-primary-bg);color:var(--tl-color-action-primary-text);border:0;border-radius:6px;padding:16px 24px;text-decoration:none;display:inline-block;width:fit-content}
.trio-cta:hover,.landscape-hero-cta:hover,.contact-link:hover{background:var(--tl-color-action-primary-hover-bg);color:var(--tl-color-action-primary-hover-text)}
.contact-link span{color:inherit}
/* One shared radius for rounded objects, including mobile variants.
   Circular status dots remain circular; cropped screenshots retain flush edges. */
.header-cta,.hero-cta,.mobile-menu-cta,.trio-cta,.landscape-hero-cta,.contact-link,
.flyout-media,.landscape-hero,.what-is-media,.what-is-crop,.product-directory-panel,
.source-index-visual,.source-index-browser,.security-register,.page-feature,
.asset-placeholder,.scaffold-split--trust .source-index-register,.control-media,
.trio-visual,.trio-sheet,.trio-answer,.trio-project,.trio-highlight,.trio-source>span,
.trio-sheet i,.trio-answer>i{border-radius:var(--tl-radius)}
.hero-product,.product-window{border-radius:var(--tl-radius) var(--tl-radius) 0 0}
.what-is-crop img,.product-directory-crop,.control-media img,.control-media-pending{border-radius:var(--tl-radius) 0 0 0}