[data-state="open"].duration-500,
 .duration-500[data-state="open"] {
 transition-duration: 150ms !important;
 animation-duration: 150ms !important;
 }
 [data-state="closed"].duration-300,
 .duration-300[data-state="closed"] {
 transition-duration: 150ms !important;
 animation-duration: 150ms !important;
 }
 [data-state="open"].animate-in,
 .animate-in[data-state="open"] {
 animation-duration: 150ms !important;
 }
 [data-state="closed"].animate-out,
 .animate-out[data-state="closed"] {
 animation-duration: 150ms !important;
 }
 *, *::before, *::after {
 box-sizing: border-box;
 margin: 0;
 padding: 0;
 }
 html {
 font-size: 16px;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-rendering: optimizeLegibility;
 }
 *, *::before, *::after {
 font-family: 'Exo 2', sans-serif !important;
 font-weight: 400 !important;
 font-style: normal !important;
 }
 h1, h2, h3, h4, h5, h6,
 .font-bold, .font-extrabold,
 [class*="text-gradient"],
 .strategic-title,
 .strategic-stat-number,
 .strategic-result-number {
 font-family: 'Exo 2', sans-serif !important;
 font-weight: 800 !important;
 font-style: italic !important;
 }
 body, p, span, a, li, div,
 .strategic-description,
 .strategic-stat-label,
 .strategic-feature-card p,
 .strategic-feature-card li,
 .strategic-industry-card li,
 .strategic-check-item,
 .strategic-testimonial p,
 .strategic-contact-list div,
 .strategic-location-list div,
 .strategic-tier-req,
 .strategic-tier-benefit,
 .strategic-requirements-grid div,
 .strategic-steps-simple div,
 .strategic-portal-grid div,
 .strategic-benefits-grid div,
 .strategic-specs-grid div,
 .strategic-support-grid div,
 .strategic-features-grid-compact div,
 .strategic-results-grid div,
 .strategic-steps h4,
 .strategic-steps p,
 .strategic-advantage-title,
 .strategic-advantage-desc,
 .strategic-urgent-number,
 .strategic-transport-list div,
 .strategic-temp-list span,
 .strategic-temp-features div,
 .strategic-compliance-item,
 .strategic-medical-card h3,
 .strategic-api-card h3,
 .strategic-api-card li,
 .strategic-portal-card h3,
 .strategic-benefits-box h3,
 .strategic-tiers-box h3,
 .strategic-requirements-box h3,
 .strategic-getting-started h3,
 .strategic-driver-card h3,
 .strategic-driver-card li,
 .strategic-tier-name,
 .strategic-step-card h3,
 .strategic-step-card li,
 .strategic-partnership-steps h3,
 .strategic-partnership-steps li,
 .strategic-industry-card h3,
 .strategic-industry-card ul,
 .strategic-roi,
 .strategic-checklist,
 .strategic-name,
 .strategic-role,
 .strategic-trust-label,
 .strategic-result-label,
 .strategic-how-it-works h3,
 .strategic-features-list h3,
 .strategic-tech-specs h3,
 .strategic-sdks h3,
 .strategic-support-box h3,
 button,
 input,
 textarea,
 label {
 font-family: 'Exo 2', sans-serif !important;
 font-weight: 400 !important;
 font-style: normal !important;
 }
 h1 {
 font-size: clamp(1.75rem, 3.5vw, 2.5rem) !important;
 line-height: 1.15 !important;
 letter-spacing: -0.025em !important;
 font-weight: 800 !important;
 font-style: italic !important;
 }
 h2 {
 font-size: clamp(1.4375rem, 2.8vw, 2rem) !important;
 line-height: 1.2 !important;
 letter-spacing: -0.02em !important;
 font-weight: 800 !important;
 font-style: italic !important;
 }
 h3 {
 font-size: clamp(1.1875rem, 2.2vw, 1.625rem) !important;
 line-height: 1.25 !important;
 letter-spacing: -0.015em !important;
 font-weight: 800 !important;
 font-style: italic !important;
 }
 h4 {
 font-size: clamp(1rem, 1.75vw, 1.3125rem) !important;
 line-height: 1.3 !important;
 letter-spacing: -0.01em !important;
 font-weight: 800 !important;
 font-style: italic !important;
 }
 h5 {
 font-size: clamp(0.875rem, 1.4vw, 1.0625rem) !important;
 line-height: 1.35 !important;
 letter-spacing: -0.005em !important;
 font-weight: 800 !important;
 font-style: italic !important;
 }
 h6 {
 font-size: clamp(0.8125rem, 1.1vw, 0.875rem) !important;
 line-height: 1.4 !important;
 letter-spacing: 0 !important;
 font-weight: 800 !important;
 font-style: italic !important;
 }
 .text-lg, p.text-lg {
 font-size: clamp(0.9375rem, 1.4vw, 1.0625rem) !important;
 line-height: 1.65 !important;
 }
 p, .text-base {
 font-size: clamp(0.875rem, 1.2vw, 0.9375rem) !important;
 line-height: 1.6 !important;
 }
 .text-sm {
 font-size: clamp(0.8125rem, 1vw, 0.875rem) !important;
 line-height: 1.5 !important;
 }
 .text-xs {
 font-size: clamp(0.6875rem, 0.9vw, 0.8125rem) !important;
 line-height: 1.4 !important;
 }
 @media (min-width: 1920px) {
 h1 { font-size: 2.75rem !important; }
 h2 { font-size: 2.25rem !important; }
 h3 { font-size: 1.75rem !important; }
 h4 { font-size: 1.375rem !important; }
 p, .text-lg { font-size: 1.0625rem !important; }
 .text-base { font-size: 0.9375rem !important; }
 }
 @media (min-width: 1440px) and (max-width: 1919px) {
 h1 { font-size: 2.5rem !important; }
 h2 { font-size: 2rem !important; }
 h3 { font-size: 1.625rem !important; }
 h4 { font-size: 1.3125rem !important; }
 p, .text-lg { font-size: 1rem !important; }
 .text-base { font-size: 0.9375rem !important; }
 }
 @media (min-width: 1280px) and (max-width: 1439px) {
 h1 { font-size: 2.25rem !important; }
 h2 { font-size: 1.875rem !important; }
 h3 { font-size: 1.5rem !important; }
 h4 { font-size: 1.1875rem !important; }
 p, .text-lg { font-size: 0.9375rem !important; }
 .text-base { font-size: 0.875rem !important; }
 }
 @media (min-width: 1024px) and (max-width: 1279px) {
 h1 { font-size: 2rem !important; }
 h2 { font-size: 1.75rem !important; }
 h3 { font-size: 1.375rem !important; }
 h4 { font-size: 1.125rem !important; }
 p, .text-lg { font-size: 0.9375rem !important; }
 .text-base { font-size: 0.875rem !important; }
 }
 @media (min-width: 768px) and (max-width: 1023px) {
 h1 { font-size: 1.875rem !important; line-height: 1.2 !important; }
 h2 { font-size: 1.625rem !important; line-height: 1.25 !important; }
 h3 { font-size: 1.25rem !important; line-height: 1.3 !important; }
 h4 { font-size: 1.0625rem !important; line-height: 1.35 !important; }
 p, .text-lg { font-size: 0.9375rem !important; line-height: 1.6 !important; }
 .text-base { font-size: 0.875rem !important; }
 section {
 padding: 3rem 1.5rem !important;
 }
 }
 @media (min-width: 480px) and (max-width: 767px) {
 h1 { font-size: 1.625rem !important; }
 h2 { font-size: 1.4375rem !important; }
 h3 { font-size: 1.1875rem !important; }
 h4 { font-size: 1rem !important; }
 p, .text-lg { font-size: 0.875rem !important; }
 .text-base { font-size: 0.8125rem !important; }
 .text-sm { font-size: 0.75rem !important; }
 }
 @media (max-width: 479px) {
 h1 { font-size: 1.5rem !important; line-height: 1.2 !important; }
 h2 { font-size: 1.3125rem !important; line-height: 1.25 !important; }
 h3 { font-size: 1.0625rem !important; line-height: 1.3 !important; }
 h4 { font-size: 0.9375rem !important; line-height: 1.35 !important; }
 p, .text-lg { font-size: 0.875rem !important; line-height: 1.6 !important; }
 .text-base { font-size: 0.8125rem !important; }
 .text-sm { font-size: 0.75rem !important; }
 nav a, .mobile-menu a {
 padding: 0.75rem 0 !important;
 min-height: 2.75rem !important;
 display: flex !important;
 align-items: center !important;
 }
 }
 section {
 padding: 2.5rem 1rem !important;
 }
 @media (min-width: 640px) {
 section {
 padding: 3rem 1.5rem !important;
 }
 }
 @media (min-width: 768px) {
 section {
 padding: 3.5rem 2rem !important;
 }
 }
 @media (min-width: 1024px) {
 section {
 padding: 4rem 2.5rem !important;
 }
 }
 @media (min-width: 1280px) {
 section {
 padding: 4.5rem 3rem !important;
 }
 }
 @media (min-width: 1440px) {
 section {
 padding: 5rem 4rem !important;
 }
 }
 h1, h2, h3, h4, h5, h6 {
 margin-bottom: 0.5rem !important;
 margin-top: 0 !important;
 }
 @media (min-width: 768px) {
 h1, h2, h3, h4, h5, h6 {
 margin-bottom: 0.625rem !important;
 }
 }
 @media (min-width: 1024px) {
 h1, h2, h3, h4, h5, h6 {
 margin-bottom: 0.75rem !important;
 }
 }
 p {
 margin-bottom: 0.625rem !important;
 }
 @media (min-width: 768px) {
 p {
 margin-bottom: 0.75rem !important;
 }
 }
 @media (min-width: 1024px) {
 p {
 margin-bottom: 0.875rem !important;
 }
 }
 .badge,
 .strategic-badge,
 [class*="badge"],
 [class*="Badge"],
 span[class*="rounded"],
 .tag,
 [class*="tag"],
 .pill,
 [class*="pill"] {
 font-family: 'Exo 2', sans-serif !important;
 font-weight: 800 !important;
 font-style: italic !important;
 letter-spacing: 0.02em !important;
 }
 button,
 .btn,
 [class*="btn"],
 [class*="button"],
 a[class*="inline-flex"],
 [role="button"] {
 font-family: 'Exo 2', sans-serif !important;
 font-weight: 800 !important;
 font-style: italic !important;
 letter-spacing: 0.01em !important;
 }
 header *,
 nav *,
 .header *,
 [class*="header"] *,
 [class*="Header"] *,
 .navbar *,
 .nav *,
 .navigation *,
 #header *,
 #nav *,
 #navigation * {
 font-family: 'Exo 2', sans-serif !important;
 font-weight: 800 !important;
 font-style: italic !important;
 }
 footer *,
 .footer *,
 [class*="footer"] *,
 [class*="Footer"] *,
 #footer *,
 [class*="site-footer"] *,
 [class*="page-footer"] * {
 font-family: 'Exo 2', sans-serif !important;
 font-weight: 800 !important;
 font-style: italic !important;
 }
 #features a[class*="group"] {
 display: block !important;
 text-decoration: none !important;
 cursor: pointer !important;
 pointer-events: auto !important;
 }
 #features a[class*="group"] > div {
 pointer-events: none !important;
 }
 button {
 font-size: 0.8125rem !important;
 letter-spacing: 0.01em !important;
 padding: 0.625rem 1rem !important;
 min-height: 2.5rem !important;
 }
 @media (min-width: 640px) {
 button {
 font-size: 0.875rem !important;
 padding: 0.625rem 1.25rem !important;
 min-height: 2.75rem !important;
 }
 }
 @media (min-width: 768px) {
 button {
 font-size: 0.875rem !important;
 padding: 0.75rem 1.5rem !important;
 min-height: 3rem !important;
 }
 }
 @media (min-width: 1024px) {
 button {
 font-size: 0.9375rem !important;
 padding: 0.875rem 1.75rem !important;
 min-height: 3.25rem !important;
 }
 }
 input, textarea {
 font-size: 0.875rem !important;
 padding: 0.75rem 0.875rem !important;
 min-height: 2.75rem !important;
 }
 @media (min-width: 640px) {
 input, textarea {
 padding: 0.75rem 1rem !important;
 min-height: 3rem !important;
 }
 }
 @media (min-width: 768px) {
 input, textarea {
 font-size: 0.9375rem !important;
 padding: 0.875rem 1.125rem !important;
 min-height: 3.25rem !important;
 }
 }
 label {
 font-size: clamp(0.75rem, 0.9vw, 0.8125rem) !important;
 letter-spacing: 0.02em !important;
 }
 .card, [class*="card"] {
 border-radius: 0.75rem !important;
 transition: transform 0.2s ease, box-shadow 0.2s ease !important;
 }
 .card:hover, [class*="card"]:hover {
 transform: translateY(-2px) !important;
 box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
 }
 @media (min-width: 768px) {
 .card, [class*="card"] {
 border-radius: 0.875rem !important;
 }
 }
 @media (min-width: 1024px) {
 .card, [class*="card"] {
 border-radius: 1rem !important;
 }
 }
 .container, [class*="container"] {
 max-width: 1280px !important;
 margin-left: auto !important;
 margin-right: auto !important;
 }
 @media (min-width: 1440px) {
 .container, [class*="container"] {
 max-width: 1360px !important;
 }
 }
 @media (min-width: 1920px) {
 .container, [class*="container"] {
 max-width: 1440px !important;
 }
 }
 section:first-of-type,
 #hero,
 .hero,
 [class*="hero"] {
 padding-top: 5rem !important;
 padding-bottom: 5rem !important;
 min-height: 80vh !important;
 display: flex !important;
 align-items: center !important;
 }
 @media (min-width: 640px) {
 section:first-of-type,
 #hero,
 .hero,
 [class*="hero"] {
 padding-top: 6rem !important;
 padding-bottom: 6rem !important;
 }
 }
 @media (min-width: 768px) {
 section:first-of-type,
 #hero,
 .hero,
 [class*="hero"] {
 padding-top: 7rem !important;
 padding-bottom: 7rem !important;
 }
 }
 @media (min-width: 1024px) {
 section:first-of-type,
 #hero,
 .hero,
 [class*="hero"] {
 padding-top: 8rem !important;
 padding-bottom: 8rem !important;
 min-height: 85vh !important;
 }
 }
 @media (min-width: 1280px) {
 section:first-of-type,
 #hero,
 .hero,
 [class*="hero"] {
 padding-top: 9rem !important;
 padding-bottom: 9rem !important;
 }
 }
 section:first-of-type h1,
 #hero h1,
 .hero h1 {
 margin-bottom: 1.5rem !important;
 }
 @media (min-width: 768px) {
 section:first-of-type h1,
 #hero h1,
 .hero h1 {
 margin-bottom: 2rem !important;
 }
 }
 section:first-of-type p,
 #hero p,
 .hero p {
 margin-bottom: 2rem !important;
 }
 @media (min-width: 768px) {
 section:first-of-type p,
 #hero p,
 .hero p {
 margin-bottom: 2.5rem !important;
 }
 }
 section:first-of-type .flex,
 #hero .flex,
 .hero .flex {
 gap: 1rem !important;
 }
 @media (min-width: 768px) {
 section:first-of-type .flex,
 #hero .flex,
 .hero .flex {
 gap: 1.5rem !important;
 }
 }
 section:first-of-type .badge,
 section:first-of-type .strategic-badge,
 section:first-of-type [class*="badge"],
 #hero .badge,
 #hero .strategic-badge,
 .hero .badge,
 .hero .strategic-badge,
 section:first-of-type span:first-child,
 #hero span:first-child {
 margin-bottom: 1.5rem !important;
 display: inline-block !important;
 }
 @media (min-width: 768px) {
 section:first-of-type .badge,
 section:first-of-type .strategic-badge,
 section:first-of-type [class*="badge"],
 #hero .badge,
 #hero .strategic-badge,
 .hero .badge,
 .hero .strategic-badge,
 section:first-of-type span:first-child,
 #hero span:first-child {
 margin-bottom: 2rem !important;
 }
 }
 section:first-of-type h1,
 #hero h1,
 .hero h1 {
 margin-bottom: 1rem !important;
 }
 @media (min-width: 768px) {
 section:first-of-type h1,
 #hero h1,
 .hero h1 {
 margin-bottom: 1.5rem !important;
 }
 }
 section:first-of-type p,
 #hero p,
 .hero p {
 margin-bottom: 2.5rem !important;
 line-height: 1.7 !important;
 margin-top: 0 !important;
 }
 @media (min-width: 768px) {
 section:first-of-type p,
 #hero p,
 .hero p {
 margin-bottom: 3rem !important;
 }
 }
 @media (min-width: 1024px) {
 section:first-of-type p,
 #hero p,
 .hero p {
 margin-bottom: 3.5rem !important;
 }
 }
 section:first-of-type .flex,
 #hero .flex,
 .hero .flex {
 gap: 1rem !important;
 margin-top: 0 !important;
 }
 @media (min-width: 768px) {
 section:first-of-type .flex,
 #hero .flex,
 .hero .flex {
 gap: 1.25rem !important;
 }
 }
 a {
 transition: color 0.2s ease, transform 0.15s ease !important;
 }
 a:active {
 transform: scale(0.98) !important;
 }
 @media (max-width: 767px) {
 .hero button,
 .hero a[role="button"] {
 width: 100% !important;
 max-width: 280px !important;
 }
 footer a,
 nav a {
 padding: 0.5rem 0 !important;
 }
 .card,
 [class*="card"] {
 padding: 1.25rem !important;
 }
 .grid-cols-2,
 .grid-cols-3,
 .grid-cols-4 {
 grid-template-columns: 1fr !important;
 }
 }
 @media (min-width: 768px) and (max-width: 1023px) {
 .grid-cols-3,
 .grid-cols-4 {
 grid-template-columns: repeat(2, 1fr) !important;
 }
 .card,
 [class*="card"] {
 padding: 1.5rem !important;
 }
 }
 @media (min-width: 1024px) {
 .card,
 [class*="card"] {
 padding: 2rem !important;
 }
 * {
 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
 }
 }
 button:focus-visible,
 a:focus-visible,
 input:focus-visible,
 textarea:focus-visible {
 outline: 2px solid #45E5AA !important;
 outline-offset: 2px !important;
 }
 html {
 scroll-behavior: smooth !important;
 }
 * {
 -webkit-font-smoothing: antialiased !important;
 -moz-osx-font-smoothing: grayscale !important;
 }
 .strategic-results-grid {
 display: grid !important;
 grid-template-columns: repeat(4, 1fr) !important;
 gap: 1.5rem !important;
 }
 @media (max-width: 767px) {
 .strategic-results-grid {
 grid-template-columns: 1fr !important;
 gap: 1rem !important;
 }
 .strategic-results-grid > div {
 text-align: center !important;
 padding: 0.5rem 0 !important;
 }
 }
 .strategic-results-box {
 padding: 2rem !important;
 }
 .strategic-results-box h3 {
 font-size: 1.5rem !important;
 margin-bottom: 1.5rem !important;
 }
 .strategic-result-number {
 font-size: 2rem !important;
 margin-bottom: 0.5rem !important;
 }
 .strategic-result-label {
 font-size: 1.25rem !important;
 }
 .strategic-results-grid-logistics {
 display: flex !important;
 justify-content: space-between !important;
 align-items: center !important;
 gap: 2rem !important;
 max-width: 900px !important;
 margin: 0 auto !important;
 }
 .strategic-results-grid-logistics > div {
 flex: 1 !important;
 text-align: center !important;
 display: flex !important;
 flex-direction: column !important;
 align-items: center !important;
 justify-content: center !important;
 }
 .strategic-results-grid-logistics > div:first-child {
 text-align: left !important;
 align-items: flex-start !important;
 }
 .strategic-results-grid-logistics > div:last-child {
 text-align: right !important;
 align-items: flex-end !important;
 }
 @media (max-width: 640px) {
 .strategic-results-grid-logistics {
 flex-direction: column !important;
 gap: 1.5rem !important;
 }
 .strategic-results-grid-logistics > div:first-child,
 .strategic-results-grid-logistics > div:last-child {
 text-align: center !important;
 align-items: center !important;
 }
 }
 .strategic-contact-info {
 margin-top: 2rem;
 }
 .strategic-contact-info-item {
 display: flex;
 align-items: flex-start;
 gap: 1rem;
 margin-bottom: 1.5rem;
 }
 .strategic-contact-icon {
 width: 48px;
 height: 48px;
 background: rgba(108, 72, 217, 0.15);
 border-radius: 12px;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #6C48D9;
 flex-shrink: 0;
 }
 .strategic-contact-info-item h4 {
 font-size: 0.875rem;
 color: #A1A1AA;
 margin-bottom: 0.25rem;
 font-weight: 600;
 }
 .strategic-contact-info-item p {
 font-size: 1rem;
 color: #FFFFFF;
 line-height: 1.5;
 }
 .strategic-contact-image {
 margin-top: 2rem;
 border-radius: 16px;
 overflow: hidden;
 }
 .strategic-contact-image img {
 width: 100%;
 height: auto;
 display: block;
 }
 .strategic-contact-form {
 display: flex;
 flex-direction: column;
 gap: 1.25rem;
 }
 .strategic-form-row {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 1rem;
 }
 @media (max-width: 640px) {
 .strategic-form-row {
 grid-template-columns: 1fr;
 }
 }
 .strategic-form-group {
 display: flex;
 flex-direction: column;
 gap: 0.5rem;
 }
 .strategic-form-group label {
 font-size: 0.875rem;
 font-weight: 500;
 color: #E4E4E7;
 }
 .strategic-form-group label .required {
 color: #EF4444;
 }
 .strategic-form-group input,
 .strategic-form-group select,
 .strategic-form-group textarea {
 padding: 0.875rem 1rem;
 background: #27272A;
 border: 1px solid #3F3F46;
 border-radius: 10px;
 color: #FFFFFF;
 font-size: 1rem;
 transition: all 0.2s ease;
 font-family: 'Exo 2', sans-serif;
 }
 .strategic-form-group input::placeholder,
 .strategic-form-group textarea::placeholder {
 color: #71717A;
 }
 .strategic-form-group input:focus,
 .strategic-form-group select:focus,
 .strategic-form-group textarea:focus {
 outline: none;
 border-color: #6C48D9;
 box-shadow: 0 0 0 3px rgba(108, 72, 217, 0.15);
 }
 .strategic-form-group select {
 cursor: pointer;
 appearance: none;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2371717A'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
 background-repeat: no-repeat;
 background-position: right 1rem center;
 background-size: 1.25rem;
 padding-right: 2.5rem;
 }
 .strategic-form-group select option {
 background: #27272A;
 color: #FFFFFF;
 }
 .strategic-form-hint {
 font-size: 0.75rem;
 color: #A1A1AA;
 margin-top: 0.25rem;
 }
 .strategic-form-submit {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 0.5rem;
 padding: 1rem 2rem;
 background: #45E5AA;
 color: #0F0F10;
 border: none;
 border-radius: 10px;
 font-size: 1rem;
 font-weight: 700;
 font-style: italic;
 cursor: pointer;
 transition: all 0.2s ease;
 margin-top: 0.5rem;
 }
 .strategic-form-submit:hover {
 background: #3DD199;
 transform: translateY(-2px);
 box-shadow: 0 4px 12px rgba(69, 229, 170, 0.3);
 }
 .strategic-form-submit:active {
 transform: translateY(0);
 }
 .strategic-form-submit svg {
 transform: rotate(45deg);
 }
 .strategic-form-success {
 background: rgba(69, 229, 170, 0.1);
 border: 1px solid #45E5AA;
 border-radius: 10px;
 padding: 1.5rem;
 text-align: center;
 color: #45E5AA;
 }
 .strategic-form-success h4 {
 font-size: 1.25rem;
 margin-bottom: 0.5rem;
 color: #45E5AA;
 }
 img[src*="hero-mockup"] {
 filter: none !important;
 box-shadow: none !important;
 }
 [class*="-inset-4"][class*="bg-gradient-to-r"][class*="blur-2xl"][class*="-z-10"] {
 display: none !important;
 }
 img[src*="hero-mockup"].rounded-2xl,
 img[src*="hero-mockup"].w-full {
 position: relative;
 z-index: 2;
 }
 img[src*="hero-mockup"].rounded-2xl ~ [class*="-inset-4"][class*="-z-10"],
 img[src*="hero-mockup"] {
 --parent-isolation: isolate;
 }
 img[src*="hero-mockup"] {
 position: relative;
 z-index: 2;
 isolation: isolate;
 }
 .hero-dashboard-wrapper {
 position: relative;
 overflow: visible;
 isolation: isolate;
 }
 .hero-dashboard-wrapper::before {
 content: "";
 position: absolute;
 inset: -25% -20% -35% -20%;
 z-index: -1;
 pointer-events: none;
 background:
 radial-gradient(ellipse 85% 65% at 32% 50%, rgba(124, 58, 237, 0.12) 0%, rgba(124, 58, 237, 0.03) 45%, transparent 80%),
 radial-gradient(ellipse 75% 60% at 72% 50%, rgba(69, 229, 170, 0.09) 0%, rgba(69, 229, 170, 0.02) 45%, transparent 78%);
 filter: blur(130px);
 border-radius: 0 !important;
 }
 .hero-dashboard-wrapper div[class*="absolute"][class*="blur"] {
 display: none !important;
 }
 img[src*="hero-mockup"] {
 filter: none !important;
 -webkit-filter: none !important;
 box-shadow: none !important;
 -webkit-box-shadow: none !important;
 }
.coverage-areas-btn {
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 gap: 0.5rem !important;
 padding: 0.75rem 1.5rem !important;
 background: rgba(108, 72, 217, 0.2) !important;
 border: 1px solid rgba(108, 72, 217, 0.4) !important;
 border-radius: 0.75rem !important;
 width: 100% !important;
 max-width: 280px !important;
 margin-top: 0.75rem !important;
 margin-left: auto !important;
 margin-right: auto !important;
}
.coverage-areas-btn svg {
 color: #BEA8FF !important;
 flex-shrink: 0 !important;
}
.coverage-areas-btn a {
 color: #BEA8FF !important;
 font-weight: 600 !important;
 text-decoration: none !important;
 display: inline-flex !important;
 align-items: center !important;
 gap: 0.25rem !important;
 white-space: nowrap !important;
}
@media (max-width: 640px) {
 .coverage-areas-btn {
 padding: 0.5rem 0.875rem !important;
 border-radius: 0.5rem !important;
 max-width: 260px !important;
 margin-top: 0.75rem !important;
 }
 .coverage-areas-btn a {
 font-size: 0.8125rem !important;
 }
 .coverage-areas-btn svg {
 width: 1rem !important;
 height: 1rem !important;
 }
}
@media (max-width: 768px) {
 body.home .hero-dashboard-wrapper {
 transform: translateY(-170px) !important;
 margin-bottom: -240px !important;
 }
}