:root {
	      --sand: #eef0f9;
	      --sand-dark: #e4e7f5;
	      --black: #1e1b4b;
	      --black-soft: #312e81;
	      --white: #ffffff;
	      --muted: #5a5880;
	      --muted-light: #8b89a8;
	      --border: rgba(79,70,229,0.20);
	      --border-hover: rgba(79,70,229,0.40);
	      --accent: #4f46e5;
	      --accent-dark: #3730a3;
	      --accent-light: rgba(79,70,229,0.1);
	      --accent-border: rgba(79,70,229,0.3);
	      --indigo-50: #eef2ff;
	      --indigo-100: #e0e7ff;
	      --indigo-200: #c7d2fe;
	      --green: #10b981;
	      --green-light: rgba(16,185,129,0.1);
	      --green-border: rgba(16,185,129,0.3);
	      --serif: 'DM Serif Display', Georgia, serif;
	      --sans: 'General Sans', 'DM Sans', system-ui, sans-serif;
	      --grotesk: 'Familjen Grotesk', system-ui, sans-serif;
	      --header-h: 64px;
	      --radius: 16px;
	      --radius-sm: 10px;
	    }
		html {
		  scroll-behavior: smooth;
		}
	
        body {
            font-family: 'General Sans', sans-serif;
            color: #222;
			background:#181818;
        }
		h1,h2, h3{
			font-family: 'Familjen Grotesk';
		}
		

		.stop-scroll{
			height:100vh;
			overflow:hidden;
		}
	
		.section-gradient{
			background: linear-gradient(0deg, #FFFFFF 5%, #F7F7F7 100%);
			border-top:1px solid #fff;
		}
	
        .purple-button {
            background-color: #5842c3;
        }
        .purple-card {
            background: linear-gradient(138.14deg, rgba(0, 0, 0, 0) 18.39%, rgba(0, 0, 0, 0.06) 102.95%), #E3E3FF;
        }
        .green-card {
            background: linear-gradient(138.14deg, rgba(0, 0, 0, 0) 18.39%, rgba(0, 0, 0, 0.06) 102.95%), #EEFFE3;
        }
        .orange-card {
            background: linear-gradient(138.14deg, rgba(0, 0, 0, 0) 18.39%, rgba(0, 0, 0, 0.06) 102.95%), #FFE6E3;
        }
	
		.peach-card{
			background: linear-gradient(138.14deg, rgba(0, 0, 0, 0) 18.39%, rgba(0, 0, 0, 0.06) 102.95%), #FFF2E3;
		}
        .cta-section {
            background-color: #1c124a;
        }
        .feature-card {
/*            min-height: 180px;*/
/*			background: linear-gradient(162.74deg, #FAFAFA 39.04%, #F2F2F2 125.48%);*/
			cursor:pointer;
        }
		.menu-transition {
		    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
		    max-height: 0;
		    opacity: 0;
		    overflow: hidden;
		    display: block;
		}
		
		.article-content{
			font-size:18px;
		}
		.article-content p{
			padding:16px 0;
		}

		.article-content li p{
			padding:4px 0;
		}
		.article-content ul{
			list-style:disc;
			margin-left:20px;
		}
		.article-content h3{
			font-size:22px;
			font-weight:bold;
			margin:32px 0 12px 0;
			font-size:24px;
		}
			.article-content h2{
				font-size:48px;
				line-height:125%;
				margin-top:3rem;
			}
			.article-content h2[id] {
				scroll-margin-top:6rem;
			}
			.article-content a{
				color:blue;
			}
		.article-content a:hover{
			text-decoration:underline;
		}
		.article-content div.bg-slate-600,
		.article-content div.bg-gradient-to-br.from-indigo-900.to-indigo-700 {
			margin:1.5rem 0;
			padding:1.5rem;
			border:1px solid #cbd5e1;
			border-radius:0.5rem;
			background:linear-gradient(135deg, #312e81, #4338ca);
			color:#fff;
			text-align:center;
		}
		.article-content div.bg-slate-600 {
			border-radius:1rem;
			background:#475569;
		}
		.article-content div.bg-slate-600 a,
		.article-content div.bg-gradient-to-br.from-indigo-900.to-indigo-700 a {
			color:#fff;
		}
		.article-content div.bg-slate-600 .py-3,
		.article-content div.bg-gradient-to-br.from-indigo-900.to-indigo-700 .py-3 {
			padding-top:0.75rem;
			padding-bottom:0.75rem;
		}
		.article-content div.bg-slate-600 a.bg-indigo-800,
		.article-content div.bg-gradient-to-br.from-indigo-900.to-indigo-700 a.bg-white,
		.article-content div.bg-gradient-to-br.from-indigo-900.to-indigo-700 > *:last-child a:last-of-type {
			display:inline-block !important;
			padding:0.75rem 2rem !important;
			border-radius:9999px !important;
			background:#fff !important;
			color:#312e81 !important;
			text-decoration:none !important;
		}
		.article-content div.bg-slate-600 a.bg-indigo-800 {
			background:#3730a3 !important;
			color:#fff !important;
		}
		.article-content div.bg-slate-600 a.bg-indigo-800:hover,
		.article-content div.bg-gradient-to-br.from-indigo-900.to-indigo-700 a.bg-white:hover,
		.article-content div.bg-gradient-to-br.from-indigo-900.to-indigo-700 > *:last-child a:last-of-type:hover {
			background:#4f46e5 !important;
			color:#fff !important;
			text-decoration:none !important;
		}
		.article-content .tableWrapper {
			overflow-x:auto;
			margin:1.25rem 0;
		}
		.article-content table {
			width:100%;
			min-width:640px;
			margin:0;
			border-collapse:collapse;
		}
		.article-content th,
		.article-content td {
			padding:0.5rem;
			border:1px solid #d4d4d4;
			vertical-align:top;
			text-align:left;
		}
		.article-content th {
			background:#f8fafc;
			font-weight:600;
		}
		.article-content img {
			max-width:100%;
			height:auto;
		}
		.article-content img[data-align="center"] {
			display:block;
			margin-left:auto;
			margin-right:auto;
		}
		.article-content img[data-align="left"] {
			display:block;
			margin-right:auto;
		}
		.article-content img[data-align="right"] {
			display:block;
			margin-left:auto;
		}
		.article-content img[data-align="full"] {
			display:block;
			width:100%;
		}
		.article-content img[data-border="thin"] {
			border:1px solid #d4d4d4;
		}
		.article-content img[data-border="thick"] {
			border:6px solid #f1f5f9;
		}
		.article-content img[data-radius="small"] {
			border-radius:4px;
		}
		.article-content img[data-radius="medium"] {
			border-radius:8px;
		}
		.article-content img[data-radius="large"] {
			border-radius:16px;
		}
		.article-content iframe {
			width:100%;
			min-height:315px;
			border:0;
			border-radius:8px;
		}
		.article-content div[data-youtube-video] {
			margin:1.5rem 0;
		}
			.blog-detail-sidebar {
				margin:0 0 3rem;
				padding:24px 0;
			}
			.blog-detail-sidebar-sticky {
				position:sticky;
				top:20px;
				align-self:start;
			}
			.blog-detail-demo-cta {
				margin:1rem 0;
				padding:1.25rem;
				border-radius:0.75rem;
				background:#000;
				color:#fff;
			}
			.blog-detail-demo-cta h2 {
				margin:0 0 0.75rem;
/*					color:#fff;*/
				font-size:1.35rem;
				font-weight:700;
				line-height:1.2;
			}
			.blog-detail-demo-cta p {
				margin:0 0 1rem;
				padding:0;
/*					color:#e0e7ff;*/
				font-size:0.95rem;
				line-height:1.55;
			}
			.blog-detail-demo-cta a {
				display:inline-flex;
				justify-content:center;
				width:100%;
				padding:0.75rem 1rem;
				border-radius:9999px;
				background:#fff;
				color:#312e81;
				font-size:0.95rem;
				font-weight:700;
				line-height:1.2;
				text-decoration:none;
			}
			.blog-detail-demo-cta a:hover {
				background:#eef2ff;
				color:#312e81;
				text-decoration:none;
			}
			.blog-detail-sidebar-content {
				padding:1.5rem;
/*					border:1px solid #e2e8f0;*/
				border-radius:0.75rem;
				background:#f8fafc;
				color:#475569;
			}
			.blog-detail-sidebar-content h2 {
				margin:0 0 1rem;
				color:#111827;
				font-size:1.25rem;
				font-weight:600;
			}
			.blog-detail-sidebar-content p {
				margin:0 0 1rem;
				padding:0;
				font-size:0.95rem;
				line-height:1.6;
			}
			.blog-detail-sidebar-content p:last-child {
				margin-bottom:0;
			}
			.blog-detail-sidebar-content ol {
				margin:0;
				padding:0;
				list-style:none;
			}
			.blog-detail-sidebar-content li {
				margin:0;
				padding:0;
				border-top:1px solid #e2e8f0;
			}
			.blog-detail-sidebar-content a {
				display:block;
				padding:0.75rem 0;
				color:#334155;
				font-size:0.95rem;
				line-height:1.4;
				text-decoration:none;
			}
			.blog-detail-sidebar-content a:hover {
				color:#3730a3;
				text-decoration:underline;
			}
			@media (min-width: 768px) {
				.blog-detail-body-with-sidebar {
					display:grid;
					grid-template-columns:minmax(0, 1fr) 280px;
					gap:2rem;
					align-items:start;
				}
			}
			@media (min-width: 1024px) {
				.blog-detail-body-with-sidebar {
					grid-template-columns:minmax(0, 1fr) 320px;
					gap:3rem;
				}
			}
			@media (max-width: 767px) {
				.blog-detail-sidebar-sticky {
					position:static;
				}
			}
			
		    .fade {
	      transition: opacity 0.4s ease;
	      opacity: 1;
	    }
	    .fade-out {
	      opacity: 0;
	    }
  
	    /* Make sure the .dot is positioned relative */
	    .dot {
	      position: relative; /* This makes the tooltip position relative to the dot */
	    }

	    /* Style for the tooltip */
	    .custom-tooltip {
	      position: absolute;
	      top: 20px; /* Adjust the vertical offset as needed */
	      left: 50%;
	      transform: translateX(-50%);
	      visibility: hidden;
	      background-color: rgba(0, 0, 0, 0.75); /* Black background with opacity */
	      color: #fff;
	      font-size: 1rem; /* Larger font size */
	      padding: 4px 12px;
	      border-radius: 100px;
	      white-space: nowrap;
	      z-index: 10;
	      opacity: 0;
	  /*    transition: opacity 0.1s ease, visibility 0s linear 0.3s;*/
	    }

	    /* Show the tooltip when hovering over the dot */
	    .dot:hover .custom-tooltip {
	      visibility: visible;
	      opacity: 1;
	      transition: opacity 0.3s ease, visibility 0s linear 0s;
	    }
		
		.highlight {
			box-decoration-break: clone;
			-webkit-box-decoration-break: clone;
			box-shadow: inset 0 -1.15em 0 rgb(194,255,156);
			color: var(--color-black);
			padding-bottom: .07em;
			padding-top: .07em;
			padding-left: .2em;
			padding-right: .2em;
		}

	    .testimonials-marquee { overflow: hidden; margin-top: 48px; position: relative; }
	    .testimonials-marquee::before,
	    .testimonials-marquee::after {
	      content: "";
	      position: absolute;
	      top: 0;
	      bottom: 0;
	      width: 120px;
	      z-index: 10;
	      pointer-events: none;
	    }
	    .testimonials-marquee::before { left: 0; background: linear-gradient(to right, #1e1b4b, transparent); }
	    .testimonials-marquee::after { right: 0; background: linear-gradient(to left, #1e1b4b, transparent); }
	    .marquee-track { display: flex; gap: 16px; width: max-content; animation: marquee 40s linear infinite; }
	    .marquee-track:hover { animation-play-state: paused; }
	    @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
	    .testimonial-chip {
	      background: rgba(99,102,241,0.15);
	      border: 1px solid rgba(99,102,241,0.25);
	      border-radius: 999px;
	      padding: 10px 20px;
	      white-space: nowrap;
	      font-size: 20px;
	      color: rgba(199,210,254,0.85);
	      flex-shrink: 0;
	    }
	    .featured-card {
	      background: rgba(99,102,241,0.1);
	      border: 1px solid rgba(99,102,241,0.2);
	      border-radius: var(--radius);
	      padding: 32px;
	      display: block;
	      width: 100%;
	      color: inherit;
	      font: inherit;
	    }
	    .featured-card .reviewer { display: flex; align-items: center; gap: 14px; margin-top: 24px; }

	    .reviewer-avatar {
	      width: 44px; height: 44px; border-radius: 50%;
	      background: linear-gradient(135deg, #6366f1, #4f46e5);
	      display: flex; align-items: center; justify-content: center;
	      font-size: 16px; color: white; font-weight: 700; flex-shrink: 0;
	    }
	    .reviewer-name { font-size: 20px; font-weight: 600; color: var(--white); }
	    .reviewer-title { font-size: 12px; color: rgba(165,180,252,0.55); margin-top: 2px; }
	    .quote-text { font-size: 17px; line-height: 1.7; color: rgba(224,231,255,0.95); font-style: italic; }

		
		.trix-content{
			text-align:left;
		}
		.trix-content .attachment-gallery > action-text-attachment,
		.trix-content .attachment-gallery > .attachment {
		  flex: 1 0 33%;
		  padding: 0 0.5em;
		  max-width: 33%;
		}

		.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
		.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
		.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
		  flex-basis: 50%;
		  max-width: 50%;
		}

		.trix-content action-text-attachment .attachment {
		  padding: 0 !important;
		  max-width: 100% !important;
		}

		.trix-content ul,.trix-content ol{
			margin-left:32px;
			margin-bottom:8px;	
		}
		.trix-content ul{
			list-style:disc;
		}
		.trix-content ol{
			list-style:decimal;
		}
		.trix-content h1{
			font-size:32px;
			font-weight:100;
			margin-top:24px;
			margin-bottom:4px;
			line-height:1.2em;
			color:black;
		}
		.trix-content h2{
			font-size:26px;
			font-weight:500;
			margin-top:24px;
			margin-bottom:4px;
			line-height:1.3em;
			color:black;
		}
			.trix-content h3{
				font-size:22px;
				font-weight:500;
				margin-top:20px;
				margin-bottom:4px;
				line-height:1.35em;
				color:black;
			}
			.trix-content .reveal-table-attachment{
				margin:24px 0;
				padding:8px;
				border:1px dashed #cbd5f5;
				border-radius:8px;
			}
			.trix-content .reveal-table-attachment:focus{
				outline:2px solid #6366f1;
				outline-offset:2px;
			}
			.trix-content table{
				width:100%;
				border-collapse:collapse;
				margin:24px 0;
				background-color:#fff;
			}
			.trix-content th,
			.trix-content td{
				border:1px solid #d4d4d4;
				padding:8px 12px;
				text-align:left;
			}
			.trix-content tr:nth-child(even){
				background-color:#f7f7f7;
			}
			.trix-content iframe{
				width:100%;
				min-height:315px;
				border:0;
				border-radius:12px;
			}
			.trix-content .trix-embed--youtube{
				margin:32px 0;
			}
			
			.trix-content .source_link{
				padding:1px 4px;
				border-radius:2px;
				background:#efefef;
			margin-left:4px;
			text-decoration:none;
		}
					
		.trix-content>div{
			margin-left:14px;
		}

		.trix-content a{
			color:#3730a3;
			text-decoration:underline;
		}

		.trix-content a:hover{
			color:#4f46e5;
		}
		
		

		/* Ensure menu is visible on larger screens */
		@media (min-width: 1025px) {
		    .menu-transition {
		        max-height: none;
		        opacity: 1;
		        display: flex;
		    }
		}

		/* Show menu in mobile when toggled */
		.menu-transition.open {
		    max-height: 500px; /* Large enough for menu expansion */
		    opacity: 1;
		}