.cartho-product .Bridge-hero { min-height: auto; padding-bottom: 90px; }
.cartho-product .Bridge-hero-content { align-items: center; gap: 48px; }
.cartho-product h1 { font-size: clamp(2.5rem, 4.6vw, 3.6rem); line-height: 1.08; letter-spacing: -1.5px; margin-bottom: 24px; }
.cartho-product h1 em { font-style: normal; color: #617354; }
.cartho-product .hero-text > p { color: #4a4a4a; margin-bottom: 20px; }
.cartho-product .hero-text .cartho-lead { font-size: 1.25rem; line-height: 1.6; }
.cartho-product .hero-visual img { width: 100%; height: auto; border-radius: 24px; box-shadow: 0 16px 48px #7c907026; }
.cartho-eyebrow { display: block; font-size: .75rem; text-transform: uppercase; letter-spacing: .13em; font-weight: 700; color: #617354; margin-bottom: 18px; }
.cartho-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 30px; }
.cartho-text-link { color: #56674b; font-weight: 600; text-decoration: underline; text-underline-offset: 5px; }
.cartho-intro { max-width: 720px; margin: 0 auto 50px; text-align: center; color: #5a5a5a; font-size: 1.1rem; }
.cartho-product .feature-row-text .cartho-text-link { display: inline-block; margin-top: 20px; }
.cartho-integration-links { display: flex; flex-wrap: wrap; gap: 0 24px; }
.cartho-product .feature-row-image { aspect-ratio: 3 / 2; }
.cartho-product .feature-row-image img { width: 100%; height: 100%; object-fit: cover; }
.cartho-product .cartho-contact-note { font-size: .85rem; margin-top: 20px; }
.cartho-product .btn-primary { background: #617354; }
.skip-link { position: fixed; left: 16px; top: -100px; z-index: 99999; padding: 12px 20px; background: white; color: #2d2d2d; }
.skip-link:focus { top: 12px; }
a:focus-visible, button:focus-visible { outline: 3px solid #96451f; outline-offset: 5px; }
@media (max-width: 991px) { .cartho-product .Bridge-hero { padding-top: 120px; } .cartho-product .Bridge-hero-content { grid-template-columns: 1fr; } .cartho-product .hero-visual { max-width: 640px; margin-inline: auto; } }
@media (max-width: 600px) { .cartho-product .Bridge-hero { padding-bottom: 52px; } .cartho-product h1 { letter-spacing: -1px; } .cartho-product .Bridge-cta-box { padding: 36px 20px; } .cartho-product .feature-row-text h3 { font-size: 1.9rem; } .cartho-actions { gap: 20px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }