@charset "UTF-8";
*, *::before, *::after {
  box-sizing: border-box; }

* {
  margin: 0;
  padding: 0; }

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: white; }

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%; }

input, button, textarea, select {
  font: inherit; }

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word; }

ul, ol {
  list-style: none; }

a {
  color: inherit;
  text-decoration: none; }

button {
  background: none;
  border: none;
  cursor: pointer; }
  button:focus-visible {
    outline: 3px solid rgba(59, 130, 246, 0.5);
    outline-offset: 2px; }
  button:disabled {
    cursor: not-allowed;
    opacity: 0.6; }

a:focus-visible {
  outline: 3px solid rgba(59, 130, 246, 0.5);
  outline-offset: 2px; }

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid rgba(59, 130, 246, 0.5);
  outline-offset: 2px; }

input:disabled,
textarea:disabled,
select:disabled {
  cursor: not-allowed;
  opacity: 0.6; }

:root {
  --antsand-primary: #3498db;
  --antsand-secondary: #2c3e50;
  --antsand-success: #27ae60;
  --antsand-danger: #e74c3c;
  --antsand-warning: #f39c12;
  --antsand-info: #16a085;
  --antsand-light: #ecf0f1;
  --antsand-dark: #34495e;
  --antsand-gray-50: #f9fafb;
  --antsand-gray-100: #f8f9fa;
  --antsand-gray-200: #e9ecef;
  --antsand-gray-300: #dee2e6;
  --antsand-gray-400: #ced4da;
  --antsand-gray-500: #adb5bd;
  --antsand-gray-600: #6c757d;
  --antsand-gray-700: #495057;
  --antsand-gray-800: #343a40;
  --antsand-gray-900: #212529;
  --antsand-body-bg: #f9fafb;
  --antsand-body-color: #212529;
  --antsand-heading-color: #212529;
  --antsand-muted-color: #6c757d;
  --antsand-border-color: #e9ecef;
  --antsand-surface: #fff;
  --antsand-surface-elevated: #fff;
  --antsand-space-1: 0.25rem;
  --antsand-space-2: 0.5rem;
  --antsand-space-3: 1rem;
  --antsand-space-4: 1.5rem;
  --antsand-space-5: 2rem;
  --antsand-space-6: 3rem;
  --antsand-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --antsand-font-family-mono: SF Mono, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  --antsand-font-size-sm: 0.875rem;
  --antsand-font-size-base: 1rem;
  --antsand-font-size-lg: 1.125rem;
  --antsand-radius-sm: 0.25rem;
  --antsand-radius-md: 0.5rem;
  --antsand-radius-lg: 0.75rem;
  --antsand-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --antsand-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --antsand-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --antsand-focus-ring-color: rgba(59, 130, 246, 0.5);
  --antsand-focus-ring-width: 3px; }

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --antsand-body-bg: #212529;
    --antsand-body-color: #f8f9fa;
    --antsand-heading-color: #fff;
    --antsand-muted-color: #ced4da;
    --antsand-border-color: #495057;
    --antsand-surface: #343a40;
    --antsand-surface-elevated: #495057; } }

[data-theme="dark"] {
  --antsand-body-bg: #212529;
  --antsand-body-color: #f8f9fa;
  --antsand-heading-color: #fff;
  --antsand-muted-color: #ced4da;
  --antsand-border-color: #495057;
  --antsand-surface: #343a40;
  --antsand-surface-elevated: #495057; }

@keyframes antsand-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes antsand-fade-in-up {
  from {
    opacity: 0;
    transform: translateY(1rem); }
  to {
    opacity: 1;
    transform: translateY(0); } }

@keyframes antsand-fade-in-down {
  from {
    opacity: 0;
    transform: translateY(-1rem); }
  to {
    opacity: 1;
    transform: translateY(0); } }

@keyframes antsand-slide-up {
  from {
    transform: translateY(100%); }
  to {
    transform: translateY(0); } }

@keyframes antsand-slide-down {
  from {
    transform: translateY(-100%); }
  to {
    transform: translateY(0); } }

@keyframes antsand-slide-in-left {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0); } }

@keyframes antsand-slide-in-right {
  from {
    transform: translateX(100%); }
  to {
    transform: translateX(0); } }

@keyframes antsand-scale-in {
  from {
    opacity: 0;
    transform: scale(0.9); }
  to {
    opacity: 1;
    transform: scale(1); } }

@keyframes antsand-zoom-in {
  from {
    opacity: 0;
    transform: scale(0.5); }
  to {
    opacity: 1;
    transform: scale(1); } }

@keyframes antsand-spin {
  to {
    transform: rotate(360deg); } }

@keyframes antsand-pulse {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0.5; } }

@keyframes antsand-bounce {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(-25%); } }

@keyframes antsand-shimmer {
  0% {
    background-position: -200% 0; }
  100% {
    background-position: 200% 0; } }

@media (prefers-reduced-motion: no-preference) {
  .animate-fade-in {
    animation: antsand-fade-in 0.3s ease both; }
  .animate-fade-in-up {
    animation: antsand-fade-in-up 0.4s ease both; }
  .animate-fade-in-down {
    animation: antsand-fade-in-down 0.4s ease both; }
  .animate-slide-up {
    animation: antsand-slide-up 0.3s ease both; }
  .animate-slide-down {
    animation: antsand-slide-down 0.3s ease both; }
  .animate-slide-in-left {
    animation: antsand-slide-in-left 0.3s ease both; }
  .animate-slide-in-right {
    animation: antsand-slide-in-right 0.3s ease both; }
  .animate-scale-in {
    animation: antsand-scale-in 0.3s ease both; }
  .animate-zoom-in {
    animation: antsand-zoom-in 0.3s ease both; }
  .animate-spin {
    animation: antsand-spin 1s linear infinite; }
  .animate-pulse {
    animation: antsand-pulse 2s ease-in-out infinite; }
  .animate-bounce {
    animation: antsand-bounce 1s ease infinite; }
  .animate-delay-100 {
    animation-delay: 100ms; }
  .animate-delay-200 {
    animation-delay: 200ms; }
  .animate-delay-300 {
    animation-delay: 300ms; }
  .animate-delay-500 {
    animation-delay: 500ms; }
  .animate-delay-700 {
    animation-delay: 700ms; }
  .animate-delay-1000 {
    animation-delay: 1s; }
  .animate-fast {
    animation-duration: 150ms; }
  .animate-slow {
    animation-duration: 600ms; } }

@media (prefers-reduced-motion: reduce) {
  .animate-fade-in,
  .animate-fade-in-up,
  .animate-fade-in-down,
  .animate-slide-up,
  .animate-slide-down,
  .animate-slide-in-left,
  .animate-slide-in-right,
  .animate-scale-in,
  .animate-zoom-in {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important; }
  .animate-spin,
  .animate-pulse,
  .animate-bounce {
    animation: none !important; } }

.antsand-skip-link {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }
  .antsand-skip-link:focus {
    position: fixed;
    top: 0.5rem;
    left: 0.5rem;
    z-index: 1100;
    width: auto;
    height: auto;
    padding: 0.5rem 1.5rem;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    background: var(--antsand-surface, #fff);
    color: var(--antsand-body-color, #212529);
    border: 2px solid var(--antsand-primary, #3498db);
    border-radius: 0.5rem;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    font-weight: 600;
    text-decoration: none; }

a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible:not([tabindex="-1"]),
summary:focus-visible {
  outline: 3px solid var(--antsand-focus-ring-color, rgba(59, 130, 246, 0.5));
  outline-offset: 2px; }

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid var(--antsand-focus-ring-color, rgba(59, 130, 246, 0.5));
  outline-offset: 0; }

.sr-only, .skip-to-content,
.antsand-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

.sr-only-focusable:focus,
.sr-only-focusable:active {
  position: static;
  width: auto;
  height: auto;
  padding: inherit;
  margin: inherit;
  overflow: visible;
  clip: auto;
  white-space: normal; }

@media (prefers-contrast: more) {
  button,
  a,
  input,
  textarea,
  select,
  [role="button"] {
    border-width: 2px; }
  a {
    text-decoration: underline; }
  *:focus-visible {
    outline-style: solid !important;
    outline-width: 3px !important; } }

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }

.antsand-text-left {
  text-align: left; }

.antsand-text-center {
  text-align: center; }

.antsand-text-right {
  text-align: right; }

.antsand-text-primary {
  color: #3498db; }

.antsand-text-secondary {
  color: #2c3e50; }

.antsand-text-success {
  color: #27ae60; }

.antsand-text-danger {
  color: #e74c3c; }

.antsand-text-warning {
  color: #f39c12; }

.antsand-text-info {
  color: #16a085; }

.antsand-text-light {
  color: #ecf0f1; }

.antsand-text-dark {
  color: #34495e; }

.antsand-text-muted {
  color: #6c757d; }

.antsand-text-white {
  color: white; }

.antsand-text-sm {
  font-size: 0.875rem; }

.antsand-text-base {
  font-size: 1rem; }

.antsand-text-lg {
  font-size: 1.125rem; }

.antsand-text-xl {
  font-size: 1.25rem; }

.antsand-text-2xl {
  font-size: 1.5rem; }

.antsand-text-3xl {
  font-size: 2rem; }

.antsand-text-4xl {
  font-size: 2.5rem; }

.antsand-text-normal {
  font-weight: 400; }

.antsand-text-medium {
  font-weight: 500; }

.antsand-text-semibold {
  font-weight: 600; }

.antsand-text-bold {
  font-weight: 700; }

.antsand-text-uppercase {
  text-transform: uppercase; }

.antsand-text-lowercase {
  text-transform: lowercase; }

.antsand-text-capitalize {
  text-transform: capitalize; }

.antsand-text-underline {
  text-decoration: underline; }

.antsand-text-no-underline {
  text-decoration: none; }

.antsand-m-0 {
  margin: 0; }

.antsand-m-1 {
  margin: 0.25rem; }

.antsand-m-2 {
  margin: 0.5rem; }

.antsand-m-3 {
  margin: 1rem; }

.antsand-m-4 {
  margin: 1.5rem; }

.antsand-m-5 {
  margin: 2rem; }

.antsand-m-6 {
  margin: 3rem; }

.antsand-m-7 {
  margin: 4rem; }

.antsand-m-8 {
  margin: 6rem; }

.antsand-m-auto {
  margin: auto; }

.antsand-mt-0 {
  margin-top: 0; }

.antsand-mt-1 {
  margin-top: 0.25rem; }

.antsand-mt-2 {
  margin-top: 0.5rem; }

.antsand-mt-3 {
  margin-top: 1rem; }

.antsand-mt-4 {
  margin-top: 1.5rem; }

.antsand-mt-5 {
  margin-top: 2rem; }

.antsand-mt-6 {
  margin-top: 3rem; }

.antsand-mt-7 {
  margin-top: 4rem; }

.antsand-mt-8 {
  margin-top: 6rem; }

.antsand-mb-0 {
  margin-bottom: 0; }

.antsand-mb-1 {
  margin-bottom: 0.25rem; }

.antsand-mb-2 {
  margin-bottom: 0.5rem; }

.antsand-mb-3 {
  margin-bottom: 1rem; }

.antsand-mb-4 {
  margin-bottom: 1.5rem; }

.antsand-mb-5 {
  margin-bottom: 2rem; }

.antsand-mb-6 {
  margin-bottom: 3rem; }

.antsand-mb-7 {
  margin-bottom: 4rem; }

.antsand-mb-8 {
  margin-bottom: 6rem; }

.antsand-ml-0 {
  margin-left: 0; }

.antsand-ml-1 {
  margin-left: 0.25rem; }

.antsand-ml-2 {
  margin-left: 0.5rem; }

.antsand-ml-3 {
  margin-left: 1rem; }

.antsand-ml-4 {
  margin-left: 1.5rem; }

.antsand-ml-auto {
  margin-left: auto; }

.antsand-mr-0 {
  margin-right: 0; }

.antsand-mr-1 {
  margin-right: 0.25rem; }

.antsand-mr-2 {
  margin-right: 0.5rem; }

.antsand-mr-3 {
  margin-right: 1rem; }

.antsand-mr-4 {
  margin-right: 1.5rem; }

.antsand-mr-auto {
  margin-right: auto; }

.antsand-p-0 {
  padding: 0; }

.antsand-p-1 {
  padding: 0.25rem; }

.antsand-p-2 {
  padding: 0.5rem; }

.antsand-p-3 {
  padding: 1rem; }

.antsand-p-4 {
  padding: 1.5rem; }

.antsand-p-5 {
  padding: 2rem; }

.antsand-p-6 {
  padding: 3rem; }

.antsand-p-7 {
  padding: 4rem; }

.antsand-p-8 {
  padding: 6rem; }

.antsand-pt-0 {
  padding-top: 0; }

.antsand-pt-1 {
  padding-top: 0.25rem; }

.antsand-pt-2 {
  padding-top: 0.5rem; }

.antsand-pt-3 {
  padding-top: 1rem; }

.antsand-pt-4 {
  padding-top: 1.5rem; }

.antsand-pt-5 {
  padding-top: 2rem; }

.antsand-pt-6 {
  padding-top: 3rem; }

.antsand-pt-7 {
  padding-top: 4rem; }

.antsand-pt-8 {
  padding-top: 6rem; }

.antsand-pb-0 {
  padding-bottom: 0; }

.antsand-pb-1 {
  padding-bottom: 0.25rem; }

.antsand-pb-2 {
  padding-bottom: 0.5rem; }

.antsand-pb-3 {
  padding-bottom: 1rem; }

.antsand-pb-4 {
  padding-bottom: 1.5rem; }

.antsand-pb-5 {
  padding-bottom: 2rem; }

.antsand-pb-6 {
  padding-bottom: 3rem; }

.antsand-pb-7 {
  padding-bottom: 4rem; }

.antsand-pb-8 {
  padding-bottom: 6rem; }

.antsand-pl-0 {
  padding-left: 0; }

.antsand-pl-1 {
  padding-left: 0.25rem; }

.antsand-pl-2 {
  padding-left: 0.5rem; }

.antsand-pl-3 {
  padding-left: 1rem; }

.antsand-pl-4 {
  padding-left: 1.5rem; }

.antsand-pl-5 {
  padding-left: 2rem; }

.antsand-pr-0 {
  padding-right: 0; }

.antsand-pr-1 {
  padding-right: 0.25rem; }

.antsand-pr-2 {
  padding-right: 0.5rem; }

.antsand-pr-3 {
  padding-right: 1rem; }

.antsand-pr-4 {
  padding-right: 1.5rem; }

.antsand-pr-5 {
  padding-right: 2rem; }

.display-none,
.display-none-all,
.antsand-d-none {
  display: none; }

.display-block,
.display-block-important,
.antsand-d-block {
  display: block; }

.display-inline,
.antsand-d-inline {
  display: inline; }

.inline-block,
.display-inline-block,
.antsand-d-inline-block {
  display: inline-block; }

.display-flex,
.antsand-d-flex {
  display: flex; }

.display-inline-flex,
.antsand-d-inline-flex {
  display: inline-flex; }

.display-grid,
.antsand-d-grid {
  display: grid; }

.display-transparent,
.color-transparent {
  color: transparent; }

.antsand-w-25 {
  width: 25%; }

.antsand-w-50 {
  width: 50%; }

.antsand-w-75 {
  width: 75%; }

.antsand-w-100 {
  width: 100%; }

.antsand-w-auto {
  width: auto; }

.antsand-h-25 {
  height: 25%; }

.antsand-h-50 {
  height: 50%; }

.antsand-h-75 {
  height: 75%; }

.antsand-h-100 {
  height: 100%; }

.antsand-h-auto {
  height: auto; }

.antsand-position-static {
  position: static; }

.antsand-position-relative {
  position: relative; }

.antsand-position-absolute {
  position: absolute; }

.antsand-position-fixed {
  position: fixed; }

.antsand-position-sticky {
  position: sticky; }

.antsand-overflow-auto {
  overflow: auto; }

.antsand-overflow-hidden {
  overflow: hidden; }

.antsand-overflow-visible {
  overflow: visible; }

.antsand-overflow-scroll {
  overflow: scroll; }

.antsand-bg-primary {
  background-color: #3498db; }

.antsand-bg-secondary {
  background-color: #2c3e50; }

.antsand-bg-success {
  background-color: #27ae60; }

.antsand-bg-danger {
  background-color: #e74c3c; }

.antsand-bg-warning {
  background-color: #f39c12; }

.antsand-bg-info {
  background-color: #16a085; }

.antsand-bg-light {
  background-color: #ecf0f1; }

.antsand-bg-dark {
  background-color: #34495e; }

.antsand-bg-white {
  background-color: white; }

.antsand-border {
  border: 1px solid #e9ecef; }

.antsand-border-0 {
  border: 0; }

.antsand-border-top {
  border-top: 1px solid #e9ecef; }

.antsand-border-bottom {
  border-bottom: 1px solid #e9ecef; }

.antsand-border-left {
  border-left: 1px solid #e9ecef; }

.antsand-border-right {
  border-right: 1px solid #e9ecef; }

.antsand-rounded {
  border-radius: 0.5rem; }

.antsand-rounded-sm {
  border-radius: 0.25rem; }

.antsand-rounded-lg {
  border-radius: 0.75rem; }

.antsand-rounded-full {
  border-radius: 9999px; }

.antsand-rounded-0 {
  border-radius: 0; }

.antsand-shadow-none {
  box-shadow: none; }

.antsand-shadow-sm {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }

.antsand-shadow {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }

.antsand-shadow-lg {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }

.antsand-shadow-xl {
  box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15); }

.antsand-shadow-glow {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 24px 70px rgba(15, 23, 42, 0.36); }

.antsand-shadow-glow-sm {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.055), 0 14px 36px rgba(15, 23, 42, 0.28); }

.antsand-shadow-glow-lg {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 36px 100px rgba(15, 23, 42, 0.45); }

.antsand-shadow-glow-primary {
  box-shadow: 0 0 0 1px rgba(52, 152, 219, 0.18), 0 24px 70px rgba(52, 152, 219, 0.2); }

.antsand-shadow-glow-brand {
  box-shadow: 0 0 0 1px rgba(241, 91, 42, 0.2), 0 24px 70px rgba(241, 91, 42, 0.18); }

.flex {
  display: flex; }

.inline-flex {
  display: inline-flex; }

.flex-row {
  flex-direction: row; }

.flex-col {
  flex-direction: column; }

.flex-wrap {
  flex-wrap: wrap; }

.flex-nowrap {
  flex-wrap: nowrap; }

.justify-start {
  justify-content: flex-start; }

.justify-end {
  justify-content: flex-end; }

.justify-center {
  justify-content: center; }

.justify-between {
  justify-content: space-between; }

.justify-around {
  justify-content: space-around; }

.justify-evenly {
  justify-content: space-evenly; }

.items-start {
  align-items: flex-start; }

.items-end {
  align-items: flex-end; }

.items-center {
  align-items: center; }

.items-baseline {
  align-items: baseline; }

.items-stretch {
  align-items: stretch; }

.content-start {
  align-content: flex-start; }

.content-end {
  align-content: flex-end; }

.content-center {
  align-content: center; }

.content-between {
  align-content: space-between; }

.content-around {
  align-content: space-around; }

.self-auto {
  align-self: auto; }

.self-start {
  align-self: flex-start; }

.self-end {
  align-self: flex-end; }

.self-center {
  align-self: center; }

.self-stretch {
  align-self: stretch; }

.flex-1 {
  flex: 1 1 0%; }

.flex-auto {
  flex: 1 1 auto; }

.flex-initial {
  flex: 0 1 auto; }

.flex-none {
  flex: none; }

.flex-grow {
  flex-grow: 1; }

.flex-shrink {
  flex-shrink: 1; }

.grid {
  display: grid; }

.inline-grid {
  display: inline-grid; }

.grid-cols-1 {
  grid-template-columns: repeat(1, 1fr); }

.grid-cols-2 {
  grid-template-columns: repeat(2, 1fr); }

.grid-cols-3 {
  grid-template-columns: repeat(3, 1fr); }

.grid-cols-4 {
  grid-template-columns: repeat(4, 1fr); }

.grid-cols-5 {
  grid-template-columns: repeat(5, 1fr); }

.grid-cols-6 {
  grid-template-columns: repeat(6, 1fr); }

.grid-cols-7 {
  grid-template-columns: repeat(7, 1fr); }

.grid-cols-8 {
  grid-template-columns: repeat(8, 1fr); }

.grid-cols-9 {
  grid-template-columns: repeat(9, 1fr); }

.grid-cols-10 {
  grid-template-columns: repeat(10, 1fr); }

.grid-cols-11 {
  grid-template-columns: repeat(11, 1fr); }

.grid-cols-12 {
  grid-template-columns: repeat(12, 1fr); }

.grid-rows-1 {
  grid-template-rows: repeat(1, 1fr); }

.grid-rows-2 {
  grid-template-rows: repeat(2, 1fr); }

.grid-rows-3 {
  grid-template-rows: repeat(3, 1fr); }

.grid-rows-4 {
  grid-template-rows: repeat(4, 1fr); }

.grid-rows-5 {
  grid-template-rows: repeat(5, 1fr); }

.grid-rows-6 {
  grid-template-rows: repeat(6, 1fr); }

.p-0 {
  padding: 0; }

.p-1 {
  padding: 0.25rem; }

.p-2 {
  padding: 0.5rem; }

.p-3 {
  padding: 1rem; }

.p-4 {
  padding: 1.5rem; }

.p-5 {
  padding: 2rem; }

.p-6 {
  padding: 3rem; }

.p-7 {
  padding: 4rem; }

.p-8 {
  padding: 6rem; }

.px-0 {
  padding-left: 0;
  padding-right: 0; }

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem; }

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.px-3 {
  padding-left: 1rem;
  padding-right: 1rem; }

.px-4 {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.px-5 {
  padding-left: 2rem;
  padding-right: 2rem; }

.px-6 {
  padding-left: 3rem;
  padding-right: 3rem; }

.px-7 {
  padding-left: 4rem;
  padding-right: 4rem; }

.px-8 {
  padding-left: 6rem;
  padding-right: 6rem; }

.py-0 {
  padding-top: 0;
  padding-bottom: 0; }

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem; }

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.py-3 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.py-4 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.py-5 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.py-6 {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.py-7 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.py-8 {
  padding-top: 6rem;
  padding-bottom: 6rem; }

.pt-0 {
  padding-top: 0; }

.pt-1 {
  padding-top: 0.25rem; }

.pt-2 {
  padding-top: 0.5rem; }

.pt-3 {
  padding-top: 1rem; }

.pt-4 {
  padding-top: 1.5rem; }

.pt-5 {
  padding-top: 2rem; }

.pt-6 {
  padding-top: 3rem; }

.pt-7 {
  padding-top: 4rem; }

.pt-8 {
  padding-top: 6rem; }

.pr-0 {
  padding-right: 0; }

.pr-1 {
  padding-right: 0.25rem; }

.pr-2 {
  padding-right: 0.5rem; }

.pr-3 {
  padding-right: 1rem; }

.pr-4 {
  padding-right: 1.5rem; }

.pr-5 {
  padding-right: 2rem; }

.pr-6 {
  padding-right: 3rem; }

.pr-7 {
  padding-right: 4rem; }

.pr-8 {
  padding-right: 6rem; }

.pb-0 {
  padding-bottom: 0; }

.pb-1 {
  padding-bottom: 0.25rem; }

.pb-2 {
  padding-bottom: 0.5rem; }

.pb-3 {
  padding-bottom: 1rem; }

.pb-4 {
  padding-bottom: 1.5rem; }

.pb-5 {
  padding-bottom: 2rem; }

.pb-6 {
  padding-bottom: 3rem; }

.pb-7 {
  padding-bottom: 4rem; }

.pb-8 {
  padding-bottom: 6rem; }

.pl-0 {
  padding-left: 0; }

.pl-1 {
  padding-left: 0.25rem; }

.pl-2 {
  padding-left: 0.5rem; }

.pl-3 {
  padding-left: 1rem; }

.pl-4 {
  padding-left: 1.5rem; }

.pl-5 {
  padding-left: 2rem; }

.pl-6 {
  padding-left: 3rem; }

.pl-7 {
  padding-left: 4rem; }

.pl-8 {
  padding-left: 6rem; }

.m-0 {
  margin: 0; }

.m-1 {
  margin: 0.25rem; }

.m-2 {
  margin: 0.5rem; }

.m-3 {
  margin: 1rem; }

.m-4 {
  margin: 1.5rem; }

.m-5 {
  margin: 2rem; }

.m-6 {
  margin: 3rem; }

.m-7 {
  margin: 4rem; }

.m-8 {
  margin: 6rem; }

.mx-0 {
  margin-left: 0;
  margin-right: 0; }

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem; }

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.mx-3 {
  margin-left: 1rem;
  margin-right: 1rem; }

.mx-4 {
  margin-left: 1.5rem;
  margin-right: 1.5rem; }

.mx-5 {
  margin-left: 2rem;
  margin-right: 2rem; }

.mx-6 {
  margin-left: 3rem;
  margin-right: 3rem; }

.mx-7 {
  margin-left: 4rem;
  margin-right: 4rem; }

.mx-8 {
  margin-left: 6rem;
  margin-right: 6rem; }

.mx-auto {
  margin-left: auto;
  margin-right: auto; }

.my-0 {
  margin-top: 0;
  margin-bottom: 0; }

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.my-3 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.my-4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.my-5 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.my-6 {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.my-7 {
  margin-top: 4rem;
  margin-bottom: 4rem; }

.my-8 {
  margin-top: 6rem;
  margin-bottom: 6rem; }

.my-auto {
  margin-top: auto;
  margin-bottom: auto; }

.mt-0 {
  margin-top: 0; }

.mt-1 {
  margin-top: 0.25rem; }

.mt-2 {
  margin-top: 0.5rem; }

.mt-3 {
  margin-top: 1rem; }

.mt-4 {
  margin-top: 1.5rem; }

.mt-5 {
  margin-top: 2rem; }

.mt-6 {
  margin-top: 3rem; }

.mt-7 {
  margin-top: 4rem; }

.mt-8 {
  margin-top: 6rem; }

.mr-0 {
  margin-right: 0; }

.mr-1 {
  margin-right: 0.25rem; }

.mr-2 {
  margin-right: 0.5rem; }

.mr-3 {
  margin-right: 1rem; }

.mr-4 {
  margin-right: 1.5rem; }

.mr-5 {
  margin-right: 2rem; }

.mr-6 {
  margin-right: 3rem; }

.mr-7 {
  margin-right: 4rem; }

.mr-8 {
  margin-right: 6rem; }

.mb-0 {
  margin-bottom: 0; }

.mb-1 {
  margin-bottom: 0.25rem; }

.mb-2 {
  margin-bottom: 0.5rem; }

.mb-3 {
  margin-bottom: 1rem; }

.mb-4 {
  margin-bottom: 1.5rem; }

.mb-5 {
  margin-bottom: 2rem; }

.mb-6 {
  margin-bottom: 3rem; }

.mb-7 {
  margin-bottom: 4rem; }

.mb-8 {
  margin-bottom: 6rem; }

.ml-0 {
  margin-left: 0; }

.ml-1 {
  margin-left: 0.25rem; }

.ml-2 {
  margin-left: 0.5rem; }

.ml-3 {
  margin-left: 1rem; }

.ml-4 {
  margin-left: 1.5rem; }

.ml-5 {
  margin-left: 2rem; }

.ml-6 {
  margin-left: 3rem; }

.ml-7 {
  margin-left: 4rem; }

.ml-8 {
  margin-left: 6rem; }

.gap-0 {
  gap: 0; }

.gap-1 {
  gap: 0.25rem; }

.gap-2 {
  gap: 0.5rem; }

.gap-3 {
  gap: 1rem; }

.gap-4 {
  gap: 1.5rem; }

.gap-5 {
  gap: 2rem; }

.gap-6 {
  gap: 3rem; }

.gap-7 {
  gap: 4rem; }

.gap-8 {
  gap: 6rem; }

.gap-x-0 {
  column-gap: 0; }

.gap-x-1 {
  column-gap: 0.25rem; }

.gap-x-2 {
  column-gap: 0.5rem; }

.gap-x-3 {
  column-gap: 1rem; }

.gap-x-4 {
  column-gap: 1.5rem; }

.gap-x-5 {
  column-gap: 2rem; }

.gap-x-6 {
  column-gap: 3rem; }

.gap-x-7 {
  column-gap: 4rem; }

.gap-x-8 {
  column-gap: 6rem; }

.gap-y-0 {
  row-gap: 0; }

.gap-y-1 {
  row-gap: 0.25rem; }

.gap-y-2 {
  row-gap: 0.5rem; }

.gap-y-3 {
  row-gap: 1rem; }

.gap-y-4 {
  row-gap: 1.5rem; }

.gap-y-5 {
  row-gap: 2rem; }

.gap-y-6 {
  row-gap: 3rem; }

.gap-y-7 {
  row-gap: 4rem; }

.gap-y-8 {
  row-gap: 6rem; }

.block {
  display: block; }

.inline {
  display: inline; }

.inline-block {
  display: inline-block; }

.hidden {
  display: none; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-justify {
  text-align: justify; }

.text-xs {
  font-size: 0.75rem; }

.text-sm {
  font-size: 0.875rem; }

.text-base {
  font-size: 1rem; }

.text-lg {
  font-size: 1.125rem; }

.text-xl {
  font-size: 1.25rem; }

.text-2xl {
  font-size: 1.5rem; }

.text-3xl {
  font-size: 1.875rem; }

.text-4xl {
  font-size: 2.25rem; }

.font-thin {
  font-weight: 100; }

.font-light {
  font-weight: 300; }

.font-normal {
  font-weight: 400; }

.font-medium {
  font-weight: 500; }

.font-semibold {
  font-weight: 600; }

.font-bold {
  font-weight: 700; }

.font-black {
  font-weight: 900; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.capitalize {
  text-transform: capitalize; }

.normal-case {
  text-transform: none; }

.underline {
  text-decoration: underline; }

.line-through {
  text-decoration: line-through; }

.no-underline {
  text-decoration: none; }

.italic {
  font-style: italic; }

.not-italic {
  font-style: normal; }

.leading-tight {
  line-height: 1.25; }

.leading-normal {
  line-height: 1.5; }

.leading-relaxed {
  line-height: 1.75; }

.leading-loose {
  line-height: 2; }

.border {
  border-width: 1px;
  border-style: solid; }

.border-0 {
  border-width: 0; }

.border-2 {
  border-width: 2px; }

.border-4 {
  border-width: 4px; }

.border-8 {
  border-width: 8px; }

.rounded {
  border-radius: 0.5rem; }

.rounded-sm {
  border-radius: 0.25rem; }

.rounded-md {
  border-radius: 0.5rem; }

.rounded-lg {
  border-radius: 0.75rem; }

.rounded-full {
  border-radius: 9999px; }

.rounded-none {
  border-radius: 0; }

.shadow-none {
  box-shadow: none; }

.shadow-sm {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }

.shadow {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }

.shadow-md {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }

.shadow-lg {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }

.shadow-xl {
  box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15); }

.shadow-glow {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 24px 70px rgba(15, 23, 42, 0.36); }

.shadow-glow-sm {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.055), 0 14px 36px rgba(15, 23, 42, 0.28); }

.shadow-glow-lg {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 36px 100px rgba(15, 23, 42, 0.45); }

.shadow-glow-primary {
  box-shadow: 0 0 0 1px rgba(52, 152, 219, 0.18), 0 24px 70px rgba(52, 152, 219, 0.2); }

.shadow-glow-brand {
  box-shadow: 0 0 0 1px rgba(241, 91, 42, 0.2), 0 24px 70px rgba(241, 91, 42, 0.18); }

.static {
  position: static; }

.fixed {
  position: fixed; }

.absolute {
  position: absolute; }

.relative {
  position: relative; }

.sticky {
  position: sticky; }

.top-0 {
  top: 0; }

.right-0 {
  right: 0; }

.bottom-0 {
  bottom: 0; }

.left-0 {
  left: 0; }

.inset-0 {
  inset: 0; }

.z-0 {
  z-index: 0; }

.z-10 {
  z-index: 10; }

.z-20 {
  z-index: 20; }

.z-30 {
  z-index: 30; }

.z-40 {
  z-index: 40; }

.z-50 {
  z-index: 50; }

.overflow-auto {
  overflow: auto; }

.overflow-hidden {
  overflow: hidden; }

.overflow-visible {
  overflow: visible; }

.overflow-scroll {
  overflow: scroll; }

.cursor-auto {
  cursor: auto; }

.cursor-pointer {
  cursor: pointer; }

.cursor-not-allowed {
  cursor: not-allowed; }

.select-none {
  user-select: none; }

.select-text {
  user-select: text; }

.select-all {
  user-select: all; }

.pointer-events-none {
  pointer-events: none; }

.pointer-events-auto {
  pointer-events: auto; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-first {
  order: -9999; }

.order-last {
  order: 9999; }

.order-none {
  order: 0; }

.sr-only, .skip-to-content {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

.not-sr-only {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal; }

.antsand-max-w-sm {
  max-width: 640px; }

.antsand-max-w-md {
  max-width: 768px; }

.antsand-max-w-lg {
  max-width: 1024px; }

.antsand-max-w-xl {
  max-width: 1280px; }

.antsand-max-w-prose {
  max-width: 700px; }

.antsand-max-w-full {
  max-width: 100%; }

.antsand-max-w-none {
  max-width: none; }

.antsand-mx-auto {
  margin-left: auto;
  margin-right: auto; }

.display-none {
  display: none; }

.display-block {
  display: block; }

.display-flex {
  display: flex; }

.position-relative {
  position: relative; }

.position-absolute {
  position: absolute; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.align-center {
  text-align: center; }

.row:before, .row:after {
  content: " ";
  display: table; }

.row:after {
  clear: both; }

.cf:before, .cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.span-1-of-2-inside,
.span-1-of-2-tablet {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px; }

.span-1-of-2-inside-last,
.span-1-of-2-last-tablet {
  float: right;
  width: 50%;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px; }

.span-1-of-3-inside,
.span-1-of-3-tablet {
  float: left;
  width: 33.333%;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px; }

.span-1-of-3-inside-last,
.span-1-of-3-last-tablet {
  float: right;
  width: 33.333%;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px; }

.font-Graphik {
  font-family: 'Graphik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }

.font-weight-800-all {
  font-weight: 800; }

.font-size-54-semidesktop {
  font-size: 54px; }

.font-size-34-minidesktop {
  font-size: 34px; }

.font-size-20-sm-minidesktop {
  font-size: 20px; }

.font-size-23-tablet {
  font-size: 23px; }

.font-size-18-sm-tablet {
  font-size: 18px; }

.font-size-26-all {
  font-size: 26px; }

.font-size-16-all {
  font-size: 16px; }

@media (min-width: 640px) {
  .sm\:block {
    display: block; }
  .sm\:hidden {
    display: none; }
  .sm\:flex {
    display: flex; }
  .sm\:grid {
    display: grid; }
  .sm\:inline {
    display: inline; } }

@media (min-width: 768px) {
  .md\:block {
    display: block; }
  .md\:hidden {
    display: none; }
  .md\:flex {
    display: flex; }
  .md\:flex-row {
    flex-direction: row; }
  .md\:flex-col {
    flex-direction: column; }
  .md\:grid {
    display: grid; }
  .md\:inline {
    display: inline; }
  .md\:text-left {
    text-align: left; }
  .md\:text-center {
    text-align: center; }
  .md\:text-right {
    text-align: right; } }

@media (min-width: 1024px) {
  .lg\:block {
    display: block; }
  .lg\:hidden {
    display: none; }
  .lg\:flex {
    display: flex; }
  .lg\:flex-row {
    flex-direction: row; }
  .lg\:grid {
    display: grid; }
  .lg\:inline {
    display: inline; }
  .lg\:text-left {
    text-align: left; }
  .lg\:text-center {
    text-align: center; } }

@media (min-width: 640px) {
  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, 1fr); }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, 1fr); }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, 1fr); } }

@media (min-width: 768px) {
  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, 1fr); }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, 1fr); }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, 1fr); }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, 1fr); } }

@media (min-width: 1024px) {
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, 1fr); }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, 1fr); }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, 1fr); }
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, 1fr); }
  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, 1fr); } }

@media (min-width: 768px) {
  .md\:p-4 {
    padding: 1.5rem; }
  .md\:p-6 {
    padding: 3rem; }
  .md\:p-8 {
    padding: 6rem; }
  .md\:px-6 {
    padding-left: 3rem;
    padding-right: 3rem; }
  .md\:py-6 {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  .md\:gap-4 {
    gap: 1.5rem; }
  .md\:gap-6 {
    gap: 3rem; }
  .md\:gap-8 {
    gap: 6rem; } }

@media (min-width: 768px) {
  .md\:text-lg {
    font-size: 1.125rem; }
  .md\:text-xl {
    font-size: 1.25rem; }
  .md\:text-2xl {
    font-size: 1.5rem; }
  .md\:text-3xl {
    font-size: 1.875rem; }
  .md\:text-4xl {
    font-size: 2.25rem; } }

@media (min-width: 1024px) {
  .lg\:text-2xl {
    font-size: 1.5rem; }
  .lg\:text-3xl {
    font-size: 1.875rem; }
  .lg\:text-4xl {
    font-size: 2.25rem; }
  .lg\:text-5xl {
    font-size: 3rem; } }

.transition-none {
  transition: none; }

.transition-all {
  transition: all 250ms ease; }

.transition-fast {
  transition: all 150ms ease; }

.transition-slow {
  transition: all 350ms ease; }

.transition-colors {
  transition: color 250ms ease, background-color 250ms ease, border-color 250ms ease; }

.transition-opacity {
  transition: opacity 250ms ease; }

.transition-shadow {
  transition: box-shadow 250ms ease; }

.transition-transform {
  transition: transform 250ms ease; }

.duration-75 {
  transition-duration: 75ms; }

.duration-100 {
  transition-duration: 100ms; }

.duration-150 {
  transition-duration: 150ms; }

.duration-200 {
  transition-duration: 200ms; }

.duration-300 {
  transition-duration: 300ms; }

.duration-500 {
  transition-duration: 500ms; }

.ease-linear {
  transition-timing-function: linear; }

.ease-in {
  transition-timing-function: ease-in; }

.ease-out {
  transition-timing-function: ease-out; }

.ease-in-out {
  transition-timing-function: ease-in-out; }

.scale-95 {
  transform: scale(0.95); }

.scale-100 {
  transform: scale(1); }

.scale-105 {
  transform: scale(1.05); }

.scale-110 {
  transform: scale(1.1); }

.-translate-y-1 {
  transform: translateY(-0.25rem); }

.-translate-y-2 {
  transform: translateY(-0.5rem); }

.translate-y-0 {
  transform: translateY(0); }

.hover\:scale-105:hover {
  transform: scale(1.05); }

.hover\:-translate-y-1:hover {
  transform: translateY(-0.25rem); }

.hover\:-translate-y-2:hover {
  transform: translateY(-0.5rem); }

.hover\:shadow-lg:hover {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }

.hover\:shadow-xl:hover {
  box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15); }

.hover\:shadow-glow:hover {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 24px 70px rgba(15, 23, 42, 0.36); }

.hover\:shadow-glow-brand:hover {
  box-shadow: 0 0 0 1px rgba(241, 91, 42, 0.2), 0 24px 70px rgba(241, 91, 42, 0.18); }

@keyframes antsand-spin {
  to {
    transform: rotate(360deg); } }

@keyframes antsand-pulse {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0.5; } }

@keyframes antsand-bounce {
  0%, 100% {
    transform: translateY(-5%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } }

@keyframes antsand-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes antsand-slide-up {
  from {
    opacity: 0;
    transform: translateY(1rem); }
  to {
    opacity: 1;
    transform: translateY(0); } }

.animate-spin {
  animation: antsand-spin 1s linear infinite; }

.animate-pulse {
  animation: antsand-pulse 2s ease-in-out infinite; }

.animate-bounce {
  animation: antsand-bounce 1s infinite; }

.animate-fade-in {
  animation: antsand-fade-in 0.3s ease-out; }

.animate-slide-up {
  animation: antsand-slide-up 0.4s ease-out; }

.aspect-auto {
  aspect-ratio: auto; }

.aspect-square {
  aspect-ratio: 1 / 1; }

.aspect-video {
  aspect-ratio: 16 / 9; }

.aspect-photo {
  aspect-ratio: 4 / 3; }

.aspect-portrait {
  aspect-ratio: 3 / 4; }

.aspect-wide {
  aspect-ratio: 21 / 9; }

.object-cover {
  object-fit: cover; }

.object-contain {
  object-fit: contain; }

.object-fill {
  object-fit: fill; }

.object-none {
  object-fit: none; }

.object-center {
  object-position: center; }

.object-top {
  object-position: top; }

.object-bottom {
  object-position: bottom; }

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.line-clamp-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.line-clamp-none {
  -webkit-line-clamp: unset;
  overflow: visible; }

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.opacity-0 {
  opacity: 0; }

.opacity-5 {
  opacity: 0.05; }

.opacity-10 {
  opacity: 0.1; }

.opacity-20 {
  opacity: 0.2; }

.opacity-25 {
  opacity: 0.25; }

.opacity-30 {
  opacity: 0.3; }

.opacity-40 {
  opacity: 0.4; }

.opacity-50 {
  opacity: 0.5; }

.opacity-60 {
  opacity: 0.6; }

.opacity-70 {
  opacity: 0.7; }

.opacity-75 {
  opacity: 0.75; }

.opacity-80 {
  opacity: 0.8; }

.opacity-90 {
  opacity: 0.9; }

.opacity-100 {
  opacity: 1; }

.hover\:opacity-75:hover {
  opacity: 0.75; }

.hover\:opacity-100:hover {
  opacity: 1; }

.divide-y > * + * {
  border-top: 1px solid #e9ecef; }

.divide-x > * + * {
  border-left: 1px solid #e9ecef; }

.divide-dashed > * + * {
  border-style: dashed; }

.divide-primary > * + * {
  border-color: #3498db; }

.divide-gray-100 > * + * {
  border-color: #f8f9fa; }

.divide-gray-300 > * + * {
  border-color: #dee2e6; }

.space-y-1 > * + * {
  margin-top: 0.25rem; }

.space-y-2 > * + * {
  margin-top: 0.5rem; }

.space-y-3 > * + * {
  margin-top: 1rem; }

.space-y-4 > * + * {
  margin-top: 1.5rem; }

.space-y-5 > * + * {
  margin-top: 2rem; }

.space-y-6 > * + * {
  margin-top: 3rem; }

.space-y-8 > * + * {
  margin-top: 6rem; }

.space-x-1 > * + * {
  margin-left: 0.25rem; }

.space-x-2 > * + * {
  margin-left: 0.5rem; }

.space-x-3 > * + * {
  margin-left: 1rem; }

.space-x-4 > * + * {
  margin-left: 1.5rem; }

.space-x-6 > * + * {
  margin-left: 3rem; }

.ring {
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.3); }

.ring-primary {
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.4); }

.ring-danger {
  box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.4); }

.ring-success {
  box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.4); }

.focus\:ring:focus {
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.3);
  outline: none; }

.focus\:ring-primary:focus {
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.4);
  outline: none; }

.focus-visible\:ring:focus-visible {
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.3);
  outline: none; }

.backdrop-blur-sm {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px); }

.backdrop-blur {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px); }

.backdrop-blur-lg {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px); }

.backdrop-blur-xl {
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px); }

.bg-white\/50 {
  background-color: rgba(255, 255, 255, 0.5); }

.bg-white\/75 {
  background-color: rgba(255, 255, 255, 0.75); }

.bg-white\/85 {
  background-color: rgba(255, 255, 255, 0.85); }

.bg-white\/90 {
  background-color: rgba(255, 255, 255, 0.9); }

.bg-black\/25 {
  background-color: rgba(0, 0, 0, 0.25); }

.bg-black\/50 {
  background-color: rgba(0, 0, 0, 0.5); }

.bg-black\/75 {
  background-color: rgba(0, 0, 0, 0.75); }

.min-h-0 {
  min-height: 0; }

.min-h-screen {
  min-height: 100vh; }

.min-h-\[200px\] {
  min-height: 200px; }

.min-h-\[300px\] {
  min-height: 300px; }

.min-h-\[400px\] {
  min-height: 400px; }

.max-h-\[300px\] {
  max-height: 300px; }

.max-h-\[400px\] {
  max-height: 400px; }

.max-h-\[500px\] {
  max-height: 500px; }

.max-h-screen {
  max-height: 100vh; }

.max-h-\[50vh\] {
  max-height: 50vh; }

.max-h-\[70vh\] {
  max-height: 70vh; }

.h-screen {
  height: 100vh; }

.h-\[50vh\] {
  height: 50vh; }

.h-\[70vh\] {
  height: 70vh; }

.whitespace-normal {
  white-space: normal; }

.whitespace-nowrap {
  white-space: nowrap; }

.whitespace-pre {
  white-space: pre; }

.whitespace-pre-wrap {
  white-space: pre-wrap; }

.break-words {
  word-break: break-word;
  overflow-wrap: break-word; }

.break-all {
  word-break: break-all; }

.scroll-smooth {
  scroll-behavior: smooth; }

.snap-x {
  scroll-snap-type: x mandatory; }

.snap-y {
  scroll-snap-type: y mandatory; }

.snap-start {
  scroll-snap-align: start; }

.snap-center {
  scroll-snap-align: center; }

.scrollbar-hide {
  scrollbar-width: none;
  -ms-overflow-style: none; }
  .scrollbar-hide::-webkit-scrollbar {
    display: none; }

.list-none {
  list-style: none;
  padding: 0;
  margin: 0; }

.list-disc {
  list-style-type: disc; }

.list-decimal {
  list-style-type: decimal; }

.list-inside {
  list-style-position: inside; }

.sr-only, .skip-to-content {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

.not-sr-only {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal; }

.skip-to-content {
  z-index: 1060;
  padding: 1rem 1.5rem;
  background: #34495e;
  color: white;
  font-weight: 600;
  border-radius: 0.5rem;
  text-decoration: none; }
  .skip-to-content:focus, .skip-to-content:focus-visible {
    position: fixed;
    top: 1rem;
    left: 1rem;
    width: auto;
    height: auto;
    clip: auto;
    overflow: visible;
    white-space: normal;
    margin: 0; }

.focus-ring:focus-visible {
  outline: 3px solid rgba(59, 130, 246, 0.5);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5); }

.focus-ring-primary:focus-visible {
  outline: 3px solid #3498db;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px #3498db; }

.focus-ring-danger:focus-visible {
  outline: 3px solid #e74c3c;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px #e74c3c; }

.focus-ring-success:focus-visible {
  outline: 3px solid #27ae60;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px #27ae60; }

.focus-ring-inset:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 3px rgba(59, 130, 246, 0.5); }

[aria-invalid="true"] {
  border-color: #e74c3c !important; }
  [aria-invalid="true"]:focus {
    box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.2); }

[aria-disabled="true"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none; }

[aria-hidden="true"] {
  display: none; }

[aria-expanded="false"] + [data-expandable] {
  display: none; }

[aria-current="page"] {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px; }

[aria-pressed="true"] {
  font-weight: 600; }

.touch-target {
  min-height: 44px;
  min-width: 44px; }

.touch-target-lg {
  min-height: 48px;
  min-width: 48px; }

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; }
  .animate-spin,
  .animate-pulse,
  .animate-bounce,
  .animate-fade-in,
  .animate-slide-up {
    animation: none !important; }
  .hover\:scale-105:hover,
  .hover\:-translate-y-1:hover,
  .hover\:-translate-y-2:hover {
    transform: none !important; }
  .antsand-card-hover:hover {
    transform: none; } }

@media (prefers-reduced-motion: no-preference) {
  .motion-safe\:animate-fade-in {
    animation: fadeIn 0.3s ease-out; } }

@media (prefers-reduced-motion: no-preference) {
  .motion-safe\:animate-slide-up {
    animation: slideUp 0.4s ease-out; } }

@media (prefers-reduced-motion: no-preference) {
  .motion-safe\:transition-all {
    transition: all 0.3s ease; } }

@media (prefers-contrast: more) {
  button,
  .antsand-btn,
  [role="button"] {
    border: 2px solid currentColor;
    font-weight: 600; }
  input,
  textarea,
  select,
  .antsand-form-control,
  .antsand-textarea,
  .antsand-input,
  .antsand-form-select {
    border-width: 2px; }
  *:focus-visible {
    outline-width: 3px;
    outline-style: solid; }
  .antsand-text-muted,
  .opacity-75 {
    opacity: 1;
    color: #343a40; }
  .antsand-card,
  .data-sub-container {
    border: 2px solid #495057; } }

.layout-image-inline > .data-sub-container,
.layout-image-inline > .sub-container,
.layout-image-inline > .antsand-footer-column,
.layout-image-inline > .antsand-pricing-card,
.layout-image-inline > .antsand-feature-item {
  display: flex;
  align-items: center;
  gap: var(--antsand-layout-gap, 3rem); }

.layout-image-inline .data-img-container,
.layout-image-inline .img-container,
.layout-image-inline .antsand-hero-image {
  flex: 0 0 min(42%, 460px); }

.layout-image-inline .data-content-wrapper,
.layout-image-inline .content-wrapper {
  flex: 1 1 auto;
  min-width: 0; }

.layout-flip > .data-sub-container,
.layout-flip > .sub-container,
.layout-flip > .antsand-footer-column,
.layout-flip > .antsand-pricing-card,
.layout-flip > .antsand-feature-item,
.layout-media-right > .data-sub-container,
.layout-media-right > .sub-container,
.layout-media-right > .antsand-footer-column,
.layout-media-right > .antsand-pricing-card,
.layout-media-right > .antsand-feature-item {
  flex-direction: row-reverse; }

.layout-flip-alternate > .data-sub-container:nth-child(even),
.layout-flip-alternate > .sub-container:nth-child(even),
.layout-flip-alternate > .antsand-footer-column:nth-child(even),
.layout-flip-alternate > .antsand-pricing-card:nth-child(even),
.layout-flip-alternate > .antsand-feature-item:nth-child(even) {
  flex-direction: row-reverse; }

@media (max-width: 767px) {
  .layout-image-inline > .data-sub-container,
  .layout-image-inline > .sub-container,
  .layout-image-inline > .antsand-footer-column,
  .layout-image-inline > .antsand-pricing-card,
  .layout-image-inline > .antsand-feature-item {
    flex-direction: column;
    align-items: stretch;
    gap: var(--antsand-layout-gap-mobile, 1.5rem); }
  .layout-image-inline .data-img-container,
  .layout-image-inline .img-container,
  .layout-image-inline .antsand-hero-image {
    flex-basis: auto;
    width: 100%; } }

@media print {
  .no-print,
  nav,
  .topnav,
  .navbar,
  .dropdown,
  .modal,
  .carousel,
  footer,
  .skip-to-content {
    display: none !important; }
  .print-only {
    display: block !important; }
  body {
    font-size: 12pt;
    line-height: 1.6;
    color: #000;
    background: white !important; }
  a[href]:not([href^="#"]):not([href^="javascript"]):after {
    content: " (" attr(href) ")";
    font-size: 0.8em;
    color: #555; }
  h1, h2, h3, h4 {
    page-break-after: avoid; }
  img, .antsand-card, .data-sub-container {
    page-break-inside: avoid; }
  * {
    box-shadow: none !important;
    text-shadow: none !important; }
  .antsand-card,
  .data-sub-container {
    border: 1px solid #333; } }

.text-fluid-xs {
  font-size: clamp(0.75rem, 1.2vw, 0.875rem); }

.text-fluid-sm {
  font-size: clamp(0.875rem, 1.5vw, 1rem); }

.text-fluid-base {
  font-size: clamp(1rem, 2vw, 1.125rem); }

.text-fluid-lg {
  font-size: clamp(1.125rem, 2.5vw, 1.5rem); }

.text-fluid-xl {
  font-size: clamp(1.25rem, 3vw, 1.875rem); }

.text-fluid-2xl {
  font-size: clamp(1.5rem, 3.5vw, 2.25rem); }

.text-fluid-3xl {
  font-size: clamp(1.875rem, 4vw, 3rem); }

.text-fluid-4xl {
  font-size: clamp(2.25rem, 5vw, 3.5rem); }

.text-fluid-5xl {
  font-size: clamp(3rem, 6vw, 4.5rem); }

.antsand-form-group:focus-within label {
  color: #3498db;
  font-weight: 600; }

.antsand-form-control[aria-invalid="true"], [aria-invalid="true"].antsand-textarea, [aria-invalid="true"].antsand-input, [aria-invalid="true"].antsand-form-select {
  border-color: #e74c3c; }
  .antsand-form-control[aria-invalid="true"]:focus, [aria-invalid="true"].antsand-textarea:focus, [aria-invalid="true"].antsand-input:focus, [aria-invalid="true"].antsand-form-select:focus {
    box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.15);
    border-color: #e74c3c; }

.antsand-form-control[aria-invalid="false"], [aria-invalid="false"].antsand-textarea, [aria-invalid="false"].antsand-input, [aria-invalid="false"].antsand-form-select {
  border-color: #27ae60; }
  .antsand-form-control[aria-invalid="false"]:focus, [aria-invalid="false"].antsand-textarea:focus, [aria-invalid="false"].antsand-input:focus, [aria-invalid="false"].antsand-form-select:focus {
    box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.15); }

.antsand-form-control[aria-required="true"], [aria-required="true"].antsand-textarea, [aria-required="true"].antsand-input, [aria-required="true"].antsand-form-select {
  border-left: 3px solid #3498db; }

@media (min-width: 640px) {
  .sm\:text-sm {
    font-size: 0.875rem; }
  .sm\:text-base {
    font-size: 1rem; }
  .sm\:text-lg {
    font-size: 1.125rem; }
  .sm\:p-4 {
    padding: 1.5rem; }
  .sm\:p-6 {
    padding: 3rem; }
  .sm\:px-4 {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .sm\:py-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  .sm\:gap-4 {
    gap: 1.5rem; }
  .sm\:gap-6 {
    gap: 3rem; }
  .sm\:hidden {
    display: none; }
  .sm\:block {
    display: block; }
  .sm\:flex {
    display: flex; } }

@media (min-width: 1024px) {
  .lg\:text-xl {
    font-size: 1.25rem; }
  .lg\:text-2xl {
    font-size: 1.5rem; }
  .lg\:text-5xl {
    font-size: 3rem; }
  .lg\:text-6xl {
    font-size: 3.75rem; }
  .lg\:p-8 {
    padding: 6rem; }
  .lg\:p-12 {
    padding: 3rem; }
  .lg\:px-8 {
    padding-left: 6rem;
    padding-right: 6rem; }
  .lg\:py-8 {
    padding-top: 6rem;
    padding-bottom: 6rem; }
  .lg\:gap-8 {
    gap: 6rem; }
  .lg\:gap-12 {
    gap: 3rem; }
  .lg\:hidden {
    display: none; }
  .lg\:block {
    display: block; }
  .lg\:flex {
    display: flex; }
  .lg\:w-screen {
    width: 100vw; }
  .lg\:h-screen {
    height: 100vh; } }

@media (min-width: 768px) {
  .md\:touch-target-lg {
    min-height: 48px;
    min-width: 48px; } }

.print-only {
  display: none; }

@media print {
  .screen-only {
    display: none !important; } }

.container-inline {
  container-type: inline-size; }

@container (min-width: 400px) {
  .cq\:grid-cols-2 {
    grid-template-columns: repeat(2, 1fr); }
  .cq\:flex-row {
    flex-direction: row; } }

@container (min-width: 700px) {
  .cq\:grid-cols-3 {
    grid-template-columns: repeat(3, 1fr); } }

.antsand-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 640px) {
    .antsand-container {
      max-width: 640px; } }
  @media (min-width: 768px) {
    .antsand-container {
      max-width: 768px; } }
  @media (min-width: 1024px) {
    .antsand-container {
      max-width: 1024px; } }
  @media (min-width: 1280px) {
    .antsand-container {
      max-width: 1280px; } }
.antsand-container-fluid {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem; }

.antsand-grid {
  display: grid;
  gap: 1rem; }

.antsand-grid-auto {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }

.antsand-grid-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)); }

.antsand-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)); }

.antsand-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)); }

.antsand-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)); }

.antsand-grid-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)); }

.antsand-grid-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr)); }

@media (max-width: 768px) {
  .antsand-grid-3,
  .antsand-grid-4,
  .antsand-grid-5,
  .antsand-grid-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media (max-width: 640px) {
  .antsand-grid-2,
  .antsand-grid-3,
  .antsand-grid-4,
  .antsand-grid-5,
  .antsand-grid-6 {
    grid-template-columns: 1fr; } }

.antsand-gap-1 {
  gap: 0.25rem; }

.antsand-gap-2 {
  gap: 0.5rem; }

.antsand-gap-3 {
  gap: 1rem; }

.antsand-gap-4 {
  gap: 1.5rem; }

.antsand-gap-5 {
  gap: 2rem; }

.antsand-flex {
  display: flex; }

.antsand-flex-col {
  display: flex;
  flex-direction: column; }

.antsand-flex-wrap {
  flex-wrap: wrap; }

.antsand-flex-center {
  display: flex;
  align-items: center;
  justify-content: center; }

.antsand-flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.antsand-flex-start {
  display: flex;
  align-items: flex-start; }

.antsand-flex-end {
  display: flex;
  align-items: flex-end; }

.antsand-flex-gap-1 {
  gap: 0.25rem; }

.antsand-flex-gap-2 {
  gap: 0.5rem; }

.antsand-flex-gap-3 {
  gap: 1rem; }

.antsand-flex-gap-4 {
  gap: 1.5rem; }

.antsand-section {
  padding: 3rem 0; }
  @media (min-width: 768px) {
    .antsand-section {
      padding: 4rem 0; } }
.antsand-section-sm {
  padding: 1.5rem 0; }
  @media (min-width: 768px) {
    .antsand-section-sm {
      padding: 2rem 0; } }
.antsand-section-lg {
  padding: 4rem 0; }
  @media (min-width: 768px) {
    .antsand-section-lg {
      padding: 6rem 0; } }
.antsand-section-light {
  background-color: #f8f9fa; }

.antsand-section-dark {
  background-color: #212529;
  color: white; }

.antsand-section-primary {
  background-color: #3498db;
  color: white; }

.wrapper, .antsand-container-fluid, .antsand-container-narrow, .antsand-container {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 768px) {
    .wrapper, .antsand-container-fluid, .antsand-container-narrow, .antsand-container {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media (min-width: 1024px) {
    .wrapper, .antsand-container-fluid, .antsand-container-narrow, .antsand-container {
      padding-left: 2rem;
      padding-right: 2rem; } }
.inner-wrapper {
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 768px) {
    .inner-wrapper {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media (min-width: 1024px) {
    .inner-wrapper {
      padding-left: 0;
      padding-right: 0; } }
.wrapper-narrow {
  max-width: 720px; }

.wrapper-sm {
  max-width: 640px; }

.wrapper-md {
  max-width: 768px; }

.wrapper-lg {
  max-width: 1024px; }

.wrapper-xl {
  max-width: 1280px; }

.wrapper-2xl {
  max-width: 1440px; }

.wrapper-full {
  max-width: none; }

.wrapper-no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.wrapper-padding-sm {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
  @media (min-width: 768px) {
    .wrapper-padding-sm {
      padding-left: 1rem;
      padding-right: 1rem; } }
.wrapper-padding-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }
  @media (min-width: 768px) {
    .wrapper-padding-lg {
      padding-left: 3rem;
      padding-right: 3rem; } }
  @media (min-width: 1024px) {
    .wrapper-padding-lg {
      padding-left: 6rem;
      padding-right: 6rem; } }
.antsand-container-narrow {
  max-width: 900px; }

.antsand-container-fluid {
  max-width: none; }

.antsand-wrapper-classic {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 768px) {
    .antsand-wrapper-classic {
      width: 93.18182%;
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 1024px) {
    .antsand-wrapper-classic {
      width: 81.81818%; } }
.antsand-inner-wrapper-classic {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 768px) {
    .antsand-inner-wrapper-classic {
      width: 94.51872%;
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 1024px) {
    .antsand-inner-wrapper-classic {
      width: 61.76471%; } }
.width-full {
  width: 100%; }

.width-full-mobile {
  width: 100%; }
  @media (min-width: 768px) {
    .width-full-mobile {
      width: auto; } }
.max-width-full {
  max-width: 100%; }

.center {
  margin-left: auto;
  margin-right: auto; }

.center-text {
  text-align: center; }

.center-flex {
  display: flex;
  justify-content: center;
  align-items: center; }

.content-width {
  max-width: 65ch; }

.content-width-sm {
  max-width: 45ch; }

.content-width-lg {
  max-width: 80ch; }

.wrapper-responsive {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 640px) {
    .wrapper-responsive {
      max-width: 640px; } }
  @media (min-width: 768px) {
    .wrapper-responsive {
      max-width: 768px;
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media (min-width: 1024px) {
    .wrapper-responsive {
      max-width: 1024px;
      padding-left: 2rem;
      padding-right: 2rem; } }
  @media (min-width: 1280px) {
    .wrapper-responsive {
      max-width: 1280px; } }
.wrapper-custom {
  width: 100%;
  max-width: var(--wrapper-max-width, 1280px);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--wrapper-padding-x, 1rem);
  padding-right: var(--wrapper-padding-x, 1rem); }
  @media (min-width: 768px) {
    .wrapper-custom {
      padding-left: var(--wrapper-padding-x-md, 1.5rem);
      padding-right: var(--wrapper-padding-x-md, 1.5rem); } }
.wrapper-legacy {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 768px) {
    .wrapper-legacy {
      width: 85%;
      max-width: 1200px;
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 1024px) {
    .wrapper-legacy {
      width: 75%; } }
.antsand-btn {
  --antsand-btn-bg: transparent;
  --antsand-btn-color: #212529;
  --antsand-btn-border: #dee2e6;
  --antsand-btn-hover-bg: #f8f9fa;
  --antsand-btn-hover-color: #212529;
  --antsand-btn-hover-border: #ced4da;
  --antsand-btn-active-bg: #e9ecef;
  --antsand-btn-padding-x: 1.5rem;
  --antsand-btn-padding-y: 0.5rem;
  --antsand-btn-font-size: 1rem;
  --antsand-btn-radius: 0.5rem;
  --antsand-btn-gap: 0.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  user-select: none;
  border: 1px solid transparent;
  transition: all 250ms ease;
  cursor: pointer;
  padding: var(--antsand-btn-padding-y) var(--antsand-btn-padding-x);
  font-size: var(--antsand-btn-font-size);
  border-radius: var(--antsand-btn-radius);
  background-color: var(--antsand-btn-bg);
  color: var(--antsand-btn-color);
  border-color: var(--antsand-btn-border);
  gap: var(--antsand-btn-gap);
  text-decoration: none;
  line-height: 1.5;
  vertical-align: middle;
  position: relative;
  overflow: hidden; }
  .antsand-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed; }
  .antsand-btn:hover:not(:disabled):not(.disabled) {
    background-color: var(--antsand-btn-hover-bg);
    color: var(--antsand-btn-hover-color);
    border-color: var(--antsand-btn-hover-border);
    text-decoration: none; }
  .antsand-btn:active:not(:disabled):not(.disabled) {
    background-color: var(--antsand-btn-active-bg);
    transform: translateY(1px); }
  .antsand-btn-xs {
    --antsand-btn-padding-x: 0.5rem;
    --antsand-btn-padding-y: 0.15rem;
    --antsand-btn-font-size: 0.75rem;
    --antsand-btn-radius: 0.25rem;
    --antsand-btn-gap: 0.3em; }
  .antsand-btn-sm {
    --antsand-btn-padding-x: 1rem;
    --antsand-btn-padding-y: 0.25rem;
    --antsand-btn-font-size: 0.875rem;
    --antsand-btn-gap: 0.4em; }
  .antsand-btn-lg {
    --antsand-btn-padding-x: 2rem;
    --antsand-btn-padding-y: 1rem;
    --antsand-btn-font-size: 1.125rem; }
  .antsand-btn-xl {
    --antsand-btn-padding-x: 3rem;
    --antsand-btn-padding-y: 1.5rem;
    --antsand-btn-font-size: 1.25rem; }
  .antsand-btn-primary {
    --antsand-btn-bg: #3498db;
    --antsand-btn-color: white;
    --antsand-btn-border: #3498db;
    --antsand-btn-hover-bg: #217dbb;
    --antsand-btn-hover-color: white;
    --antsand-btn-hover-border: #2077b2;
    --antsand-btn-active-bg: #1d6fa5; }
  .antsand-btn-secondary {
    --antsand-btn-bg: #2c3e50;
    --antsand-btn-color: white;
    --antsand-btn-border: #2c3e50;
    --antsand-btn-hover-bg: #1a252f;
    --antsand-btn-hover-color: white;
    --antsand-btn-hover-border: #161f29;
    --antsand-btn-active-bg: #11181f; }
  .antsand-btn-success {
    --antsand-btn-bg: #27ae60;
    --antsand-btn-color: white;
    --antsand-btn-border: #27ae60;
    --antsand-btn-hover-bg: #1e8449;
    --antsand-btn-hover-color: white;
    --antsand-btn-hover-border: #1c7c44;
    --antsand-btn-active-bg: #19703e; }
  .antsand-btn-danger {
    --antsand-btn-bg: #e74c3c;
    --antsand-btn-color: white;
    --antsand-btn-border: #e74c3c;
    --antsand-btn-hover-bg: #d62c1a;
    --antsand-btn-hover-color: white;
    --antsand-btn-hover-border: #cd2a19;
    --antsand-btn-active-bg: #bf2718; }
  .antsand-btn-warning {
    --antsand-btn-bg: #f39c12;
    --antsand-btn-color: #212529;
    --antsand-btn-border: #f39c12;
    --antsand-btn-hover-bg: #c87f0a;
    --antsand-btn-hover-color: #212529;
    --antsand-btn-hover-border: #be780a;
    --antsand-btn-active-bg: #b06f09; }
  .antsand-btn-info {
    --antsand-btn-bg: #16a085;
    --antsand-btn-color: white;
    --antsand-btn-border: #16a085;
    --antsand-btn-hover-bg: #107360;
    --antsand-btn-hover-color: white;
    --antsand-btn-hover-border: #0f6a58;
    --antsand-btn-active-bg: #0d5d4d; }
  .antsand-btn-light {
    --antsand-btn-bg: #ecf0f1;
    --antsand-btn-color: #212529;
    --antsand-btn-border: #ecf0f1;
    --antsand-btn-hover-bg: #d5dde0;
    --antsand-btn-hover-color: #212529;
    --antsand-btn-hover-border: #c9d4d7;
    --antsand-btn-active-bg: #c0cdd1; }
  .antsand-btn-dark {
    --antsand-btn-bg: #34495e;
    --antsand-btn-color: white;
    --antsand-btn-border: #34495e;
    --antsand-btn-hover-bg: #22303d;
    --antsand-btn-hover-color: white;
    --antsand-btn-hover-border: #1e2a37;
    --antsand-btn-active-bg: #19232d; }
  .antsand-btn-outline-primary {
    --antsand-btn-bg: transparent;
    --antsand-btn-color: #3498db;
    --antsand-btn-border: #3498db;
    --antsand-btn-hover-bg: #3498db;
    --antsand-btn-hover-color: white;
    --antsand-btn-hover-border: #3498db;
    --antsand-btn-active-bg: #217dbb; }
  .antsand-btn-outline-secondary {
    --antsand-btn-bg: transparent;
    --antsand-btn-color: #2c3e50;
    --antsand-btn-border: #2c3e50;
    --antsand-btn-hover-bg: #2c3e50;
    --antsand-btn-hover-color: white;
    --antsand-btn-hover-border: #2c3e50;
    --antsand-btn-active-bg: #1a252f; }
  .antsand-btn-outline-success {
    --antsand-btn-bg: transparent;
    --antsand-btn-color: #27ae60;
    --antsand-btn-border: #27ae60;
    --antsand-btn-hover-bg: #27ae60;
    --antsand-btn-hover-color: white;
    --antsand-btn-hover-border: #27ae60;
    --antsand-btn-active-bg: #1e8449; }
  .antsand-btn-outline-danger {
    --antsand-btn-bg: transparent;
    --antsand-btn-color: #e74c3c;
    --antsand-btn-border: #e74c3c;
    --antsand-btn-hover-bg: #e74c3c;
    --antsand-btn-hover-color: white;
    --antsand-btn-hover-border: #e74c3c;
    --antsand-btn-active-bg: #d62c1a; }
  .antsand-btn-outline-warning {
    --antsand-btn-bg: transparent;
    --antsand-btn-color: #f39c12;
    --antsand-btn-border: #f39c12;
    --antsand-btn-hover-bg: #f39c12;
    --antsand-btn-hover-color: #212529;
    --antsand-btn-hover-border: #f39c12;
    --antsand-btn-active-bg: #c87f0a; }
  .antsand-btn-outline-info {
    --antsand-btn-bg: transparent;
    --antsand-btn-color: #16a085;
    --antsand-btn-border: #16a085;
    --antsand-btn-hover-bg: #16a085;
    --antsand-btn-hover-color: white;
    --antsand-btn-hover-border: #16a085;
    --antsand-btn-active-bg: #107360; }
  .antsand-btn-outline-light {
    --antsand-btn-bg: transparent;
    --antsand-btn-color: #ecf0f1;
    --antsand-btn-border: #ecf0f1;
    --antsand-btn-hover-bg: #ecf0f1;
    --antsand-btn-hover-color: #212529;
    --antsand-btn-hover-border: #ecf0f1;
    --antsand-btn-active-bg: #cfd9db; }
  .antsand-btn-outline-dark {
    --antsand-btn-bg: transparent;
    --antsand-btn-color: #34495e;
    --antsand-btn-border: #34495e;
    --antsand-btn-hover-bg: #34495e;
    --antsand-btn-hover-color: white;
    --antsand-btn-hover-border: #34495e;
    --antsand-btn-active-bg: #22303d; }
  .antsand-btn-ghost {
    --antsand-btn-bg: transparent;
    --antsand-btn-color: #3498db;
    --antsand-btn-border: transparent;
    --antsand-btn-hover-bg: rgba(52, 152, 219, 0.08);
    --antsand-btn-hover-color: #217dbb;
    --antsand-btn-hover-border: transparent;
    --antsand-btn-active-bg: rgba(52, 152, 219, 0.15);
    text-decoration: none;
    font-weight: 400; }
  .antsand-btn-link {
    --antsand-btn-bg: transparent;
    --antsand-btn-color: #3498db;
    --antsand-btn-border: transparent;
    --antsand-btn-hover-bg: transparent;
    --antsand-btn-hover-color: #1d6fa5;
    --antsand-btn-hover-border: transparent;
    --antsand-btn-active-bg: transparent;
    text-decoration: underline;
    text-underline-offset: 0.18em;
    font-weight: 400;
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  .antsand-btn-block {
    display: flex;
    width: 100%; }
  .antsand-btn-pill {
    --antsand-btn-radius: 9999px; }
  .antsand-btn-square {
    --antsand-btn-radius: 0; }
  .antsand-btn-icon {
    --antsand-btn-padding-x: 0.5rem;
    --antsand-btn-padding-y: 0.5rem;
    --antsand-btn-gap: 0;
    aspect-ratio: 1;
    justify-content: center; }
    .antsand-btn-icon.antsand-btn-sm {
      --antsand-btn-padding-x: 0.25rem;
      --antsand-btn-padding-y: 0.25rem; }
    .antsand-btn-icon.antsand-btn-lg {
      --antsand-btn-padding-x: 1rem;
      --antsand-btn-padding-y: 1rem; }
  .antsand-btn-loading {
    color: transparent !important;
    pointer-events: none;
    position: relative; }
    .antsand-btn-loading::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 1.2em;
      height: 1.2em;
      margin: -0.6em 0 0 -0.6em;
      border: 2px solid currentColor;
      border-right-color: transparent;
      border-radius: 50%;
      animation: antsand-btn-spin 0.6s linear infinite;
      opacity: 1;
      color: var(--antsand-btn-border); }
  .antsand-btn.active, .antsand-btn.is-active, .antsand-btn[aria-pressed="true"] {
    font-weight: 600;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    filter: brightness(0.96); }
  .antsand-btn.disabled, .antsand-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none; }

@keyframes antsand-btn-spin {
  to {
    transform: rotate(360deg); } }

.antsand-btn-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  user-select: none;
  border: 1px solid transparent;
  transition: all 250ms ease;
  cursor: pointer;
  --antsand-btn-close-size: 2rem;
  padding: 0;
  width: var(--antsand-btn-close-size);
  height: var(--antsand-btn-close-size);
  border-radius: 0.25rem;
  background: transparent;
  border: none;
  color: #6c757d;
  font-size: 1.25rem;
  line-height: 1;
  opacity: 0.65; }
  .antsand-btn-close:disabled {
    opacity: 0.5;
    cursor: not-allowed; }
  .antsand-btn-close::before {
    content: '\00D7';
    display: block; }
  .antsand-btn-close:hover:not(:disabled) {
    opacity: 1;
    background: #f8f9fa; }
  .antsand-btn-close:focus-visible {
    outline: 3px solid rgba(59, 130, 246, 0.5);
    outline-offset: 2px; }
  .antsand-btn-close-white {
    color: white; }
    .antsand-btn-close-white:hover:not(:disabled) {
      background: rgba(255, 255, 255, 0.15); }
  .antsand-btn-close-sm {
    --antsand-btn-close-size: 1.5rem;
    font-size: 1rem; }

.antsand-btn-group {
  display: inline-flex;
  vertical-align: middle; }
  .antsand-btn-group > .antsand-btn {
    position: relative;
    flex: 0 1 auto;
    border-radius: 0; }
    .antsand-btn-group > .antsand-btn:not(:first-child) {
      margin-left: -1px; }
    .antsand-btn-group > .antsand-btn:first-child {
      border-top-left-radius: var(--antsand-btn-radius, 0.5rem);
      border-bottom-left-radius: var(--antsand-btn-radius, 0.5rem); }
    .antsand-btn-group > .antsand-btn:last-child {
      border-top-right-radius: var(--antsand-btn-radius, 0.5rem);
      border-bottom-right-radius: var(--antsand-btn-radius, 0.5rem); }
    .antsand-btn-group > .antsand-btn:hover, .antsand-btn-group > .antsand-btn:focus, .antsand-btn-group > .antsand-btn:active, .antsand-btn-group > .antsand-btn.active {
      z-index: 1; }
  .antsand-btn-group-vertical {
    flex-direction: column;
    align-items: stretch; }
    .antsand-btn-group-vertical > .antsand-btn {
      width: 100%;
      border-radius: 0; }
      .antsand-btn-group-vertical > .antsand-btn:not(:first-child) {
        margin-left: 0;
        margin-top: -1px; }
      .antsand-btn-group-vertical > .antsand-btn:first-child {
        border-top-left-radius: var(--antsand-btn-radius, 0.5rem);
        border-top-right-radius: var(--antsand-btn-radius, 0.5rem); }
      .antsand-btn-group-vertical > .antsand-btn:last-child {
        border-bottom-left-radius: var(--antsand-btn-radius, 0.5rem);
        border-bottom-right-radius: var(--antsand-btn-radius, 0.5rem); }

.antsand-btn-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem; }

@media (max-width: 768px) {
  .antsand-btn-block-mobile {
    display: flex;
    width: 100%; } }

.antsand-btn {
  min-height: 44px;
  min-width: 44px; }
  .antsand-btn:focus-visible {
    outline: 3px solid rgba(59, 130, 246, 0.5);
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5); }
  .antsand-btn[aria-disabled="true"] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none; }
  .antsand-btn[aria-expanded="true"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.antsand-btn-lg,
.antsand-btn-xl {
  min-height: 48px;
  min-width: 48px; }

@media (prefers-reduced-motion: reduce) {
  .antsand-btn {
    transition: none; }
  @keyframes antsand-btn-spin {
    to {
      transform: rotate(360deg); } } }

@media (prefers-contrast: more) {
  .antsand-btn {
    border: 2px solid currentColor; } }

.antsand-card {
  background: white;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  padding: 1.5rem;
  min-width: 0; }
  .antsand-card-shadow {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
  .antsand-card-shadow-lg {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }
  .antsand-card-header {
    padding: 1.5rem;
    border-bottom: 1px solid #e9ecef;
    font-weight: 600; }
  .antsand-card-body {
    padding: 1.5rem; }
  .antsand-card-footer {
    padding: 1.5rem;
    border-top: 1px solid #e9ecef;
    background-color: #f8f9fa; }
  .antsand-card-img, .antsand-card .data-img-src,
  .antsand-card .data-img,
  .antsand-card .img-src {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 0.5rem 0.5rem 0 0; }
  .antsand-card-title, .antsand-card .data-h2,
  .antsand-card .data-h3,
  .antsand-card .data-title,
  .antsand-card .title,
  .antsand-card .antsand-feature-title,
  .antsand-card .antsand-hero-title {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0.5rem; }
  .antsand-card-text, .antsand-card .data-p,
  .antsand-card .data-description,
  .antsand-card .description,
  .antsand-card .antsand-feature-desc,
  .antsand-card .antsand-hero-subtitle {
    color: #495057;
    line-height: 1.75; }
  .antsand-card-list {
    display: grid;
    gap: 0.5rem;
    list-style: none;
    margin: 1.5rem 0 0;
    padding: 0; }
  .antsand-card-list-item {
    align-items: flex-start;
    color: #495057;
    display: flex;
    gap: 0.5rem;
    line-height: 1.75; }
  .antsand-card-list-marker {
    align-items: center;
    background: rgba(39, 174, 96, 0.12);
    border-radius: 50%;
    color: #27ae60;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.72rem;
    font-weight: 700;
    height: 1.25rem;
    justify-content: center;
    line-height: 1;
    margin-top: 0.15rem;
    width: 1.25rem; }
  .antsand-card-list-text {
    min-width: 0; }
  .antsand-card-note {
    border-top: 1px dashed #e9ecef;
    color: #adb5bd;
    font-size: 0.875rem;
    line-height: 1.75;
    margin-top: auto;
    padding-top: 1.5rem; }
  .antsand-card-hover {
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; }
    .antsand-card-hover:hover {
      transform: translateY(-4px);
      border-color: #3498db;
      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }
  .antsand-card-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 0.5rem;
    background: rgba(52, 152, 219, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
    transition: transform 0.2s ease; }
  .antsand-card-category {
    font-family: "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #3498db; }
  .antsand-card-divider {
    border: none;
    border-top: 1px solid #e9ecef;
    margin: 1rem 0; }
  .antsand-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: auto;
    padding-top: 1rem;
    border-top: 1px dashed #e9ecef; }
  .antsand-card-tag {
    display: inline-block;
    font-family: "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 0.25rem 0.5rem;
    background: #f9fafb;
    color: #212529;
    border: 1px solid #e9ecef;
    border-radius: 0.25rem; }
  .antsand-card-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e9ecef; }

.antsand-card > .data-content-wrapper,
.antsand-card > .content-wrapper {
  min-width: 0;
  padding: 1.5rem; }

.antsand-card .data-card-header,
.antsand-card .card-header,
.antsand-card > .data-content-wrapper > .data-card-header,
.antsand-card > .content-wrapper > .data-card-header {
  padding-bottom: 1rem;
  border-bottom: 1px solid #e9ecef;
  font-weight: 600; }

.antsand-card .data-img-container,
.antsand-card .img-container,
.antsand-card .antsand-hero-image {
  min-width: 0;
  overflow: hidden; }

.antsand-card .data-cta-container,
.antsand-card .cta-container,
.antsand-card .antsand-hero-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem; }

.antsand-card-project {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .antsand-card-project .antsand-card-title, .antsand-card-project .antsand-card .data-h2, .antsand-card .antsand-card-project .data-h2,
  .antsand-card-project .antsand-card .data-h3,
  .antsand-card .antsand-card-project .data-h3,
  .antsand-card-project .antsand-card .data-title,
  .antsand-card .antsand-card-project .data-title,
  .antsand-card-project .title,
  .antsand-card-project .antsand-feature-title,
  .antsand-card-project .antsand-hero-title {
    font-size: 1.5rem;
    margin-bottom: 0.5rem; }
  .antsand-card-project .antsand-card-text, .antsand-card-project .antsand-card .data-p, .antsand-card .antsand-card-project .data-p,
  .antsand-card-project .antsand-card .data-description,
  .antsand-card .antsand-card-project .data-description,
  .antsand-card-project .description,
  .antsand-card-project .antsand-feature-desc,
  .antsand-card-project .antsand-hero-subtitle {
    flex-grow: 1;
    font-style: italic;
    margin-bottom: 1.5rem; }
  .antsand-card-project .antsand-card-meta,
  .antsand-card-project .meta-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e9ecef; }
  .antsand-card-project .antsand-card-category,
  .antsand-card-project .meta {
    font-family: "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #3498db; }
  .antsand-card-project .antsand-card-tags,
  .antsand-card-project .cta-container,
  .antsand-card-project .antsand-hero-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: auto;
    padding-top: 1rem;
    border-top: 1px dashed #e9ecef; }
  .antsand-card-project .antsand-card-tag,
  .antsand-card-project .cta,
  .antsand-card-project .antsand-pricing-cta {
    display: inline-block;
    font-family: "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 0.25rem 0.5rem;
    background: #f9fafb;
    color: #212529;
    border: 1px solid #e9ecef;
    border-radius: 0.25rem;
    text-decoration: none; }
  .antsand-card-project .title a, .antsand-card-project .antsand-feature-title a, .antsand-card-project .antsand-hero-title a,
  .antsand-card-project .cta:hover,
  .antsand-card-project .antsand-pricing-cta:hover,
  .antsand-card-project .cta:focus-visible,
  .antsand-card-project .antsand-pricing-cta:focus-visible {
    color: inherit; }
  .antsand-card-project .title a, .antsand-card-project .antsand-feature-title a, .antsand-card-project .antsand-hero-title a {
    text-decoration: none; }
  .antsand-card-project:hover .antsand-card-icon {
    transform: scale(1.1); }

.antsand-card-feature {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .antsand-card-feature .antsand-card-icon {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
    margin-bottom: 1rem; }
  .antsand-card-feature .antsand-card-title, .antsand-card-feature .antsand-card .data-h2, .antsand-card .antsand-card-feature .data-h2,
  .antsand-card-feature .antsand-card .data-h3,
  .antsand-card .antsand-card-feature .data-h3,
  .antsand-card-feature .antsand-card .data-title,
  .antsand-card .antsand-card-feature .data-title,
  .antsand-card-feature .antsand-card .title,
  .antsand-card-feature .antsand-card .antsand-feature-title,
  .antsand-card-feature .antsand-card .antsand-hero-title,
  .antsand-card .antsand-card-feature .title,
  .antsand-card .antsand-card-feature .antsand-feature-title,
  .antsand-card .antsand-card-feature .antsand-hero-title {
    font-size: 1.25rem; }

.antsand-card-media {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0; }
  .antsand-card-media .antsand-card-media-frame,
  .antsand-card-media .data-img-container,
  .antsand-card-media .img-container,
  .antsand-card-media .antsand-hero-image {
    aspect-ratio: 16 / 9;
    background: #f8f9fa;
    overflow: hidden;
    width: 100%; }
  .antsand-card-media .antsand-card-media-img,
  .antsand-card-media .data-img,
  .antsand-card-media img {
    display: block;
    height: 100%;
    object-fit: cover;
    transition: transform 0.28s ease;
    width: 100%; }
  .antsand-card-media .antsand-card-body,
  .antsand-card-media .data-content-wrapper,
  .antsand-card-media .content-wrapper {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 1rem;
    padding: 2rem; }
  .antsand-card-media:hover img {
    transform: scale(1.025); }

.antsand-card-cta {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 3rem;
  text-align: center; }
  .antsand-card-cta .antsand-card-title, .antsand-card-cta .antsand-card .data-h2, .antsand-card .antsand-card-cta .data-h2,
  .antsand-card-cta .antsand-card .data-title,
  .antsand-card .antsand-card-cta .data-title,
  .antsand-card-cta .data-h3,
  .antsand-card-cta .title,
  .antsand-card-cta .antsand-feature-title,
  .antsand-card-cta .antsand-hero-title {
    font-size: 1.5rem;
    margin-bottom: 0; }
  .antsand-card-cta .antsand-card-text,
  .antsand-card-cta .antsand-card .data-description,
  .antsand-card .antsand-card-cta .data-description,
  .antsand-card-cta .data-p,
  .antsand-card-cta .description,
  .antsand-card-cta .antsand-feature-desc,
  .antsand-card-cta .antsand-hero-subtitle {
    color: #6c757d;
    margin: 0;
    max-width: 34rem; }
  .antsand-card-cta .data-cta-container,
  .antsand-card-cta .cta-container,
  .antsand-card-cta .antsand-hero-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    margin-top: 0.5rem; }

.antsand-card-dark {
  background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
  border-color: rgba(255, 255, 255, 0.09);
  color: #f8fafc; }
  .antsand-card-dark .antsand-card-title, .antsand-card-dark .antsand-card .data-h2, .antsand-card .antsand-card-dark .data-h2,
  .antsand-card-dark .antsand-card .data-title,
  .antsand-card .antsand-card-dark .data-title,
  .antsand-card-dark .data-h3,
  .antsand-card-dark .title,
  .antsand-card-dark .antsand-feature-title,
  .antsand-card-dark .antsand-hero-title {
    color: #f8fafc; }
  .antsand-card-dark .antsand-card-text,
  .antsand-card-dark .antsand-card .data-description,
  .antsand-card .antsand-card-dark .data-description,
  .antsand-card-dark .data-p,
  .antsand-card-dark .description,
  .antsand-card-dark .antsand-feature-desc,
  .antsand-card-dark .antsand-hero-subtitle {
    color: #cbd5e1; }
  .antsand-card-dark .antsand-card-tag,
  .antsand-card-dark .data-span,
  .antsand-card-dark .meta {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: #fbbf24; }

.antsand-card-utility-demo {
  background: transparent;
  border-style: dashed; }

.antsand-card-pricing {
  text-align: center;
  display: flex;
  flex-direction: column; }
  .antsand-card-pricing-price {
    font-size: 2.5rem;
    font-weight: 700;
    color: #212529;
    margin: 1rem 0; }
  .antsand-card-pricing-period {
    font-size: 0.875rem;
    color: #6c757d; }
  .antsand-card-pricing-features {
    list-style: none;
    padding: 0;
    margin: 1.5rem 0;
    text-align: left; }
    .antsand-card-pricing-features li {
      padding: 0.5rem 0;
      border-bottom: 1px solid #f8f9fa;
      color: #495057; }
      .antsand-card-pricing-features li::before {
        content: '✓';
        color: #27ae60;
        font-weight: bold;
        margin-right: 0.5rem; }
  .antsand-card-pricing.featured, .antsand-card-pricing.antsand-pricing-highlight {
    border-color: #3498db;
    box-shadow: 0 8px 30px rgba(52, 152, 219, 0.15);
    position: relative; }

.antsand-card-horizontal {
  display: flex;
  flex-direction: row;
  padding: 0; }
  .antsand-card-horizontal .antsand-card-img, .antsand-card-horizontal .antsand-card .data-img-src, .antsand-card .antsand-card-horizontal .data-img-src,
  .antsand-card-horizontal .antsand-card .data-img,
  .antsand-card .antsand-card-horizontal .data-img,
  .antsand-card-horizontal .antsand-card .img-src,
  .antsand-card .antsand-card-horizontal .img-src {
    width: 40%;
    min-height: 200px;
    object-fit: cover;
    border-radius: 0.5rem 0 0 0.5rem; }
  .antsand-card-horizontal .antsand-card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  @media (max-width: 768px) {
    .antsand-card-horizontal {
      flex-direction: column; }
      .antsand-card-horizontal .antsand-card-img, .antsand-card-horizontal .antsand-card .data-img-src, .antsand-card .antsand-card-horizontal .data-img-src,
      .antsand-card-horizontal .antsand-card .data-img,
      .antsand-card .antsand-card-horizontal .data-img,
      .antsand-card-horizontal .antsand-card .img-src,
      .antsand-card .antsand-card-horizontal .img-src {
        width: 100%;
        min-height: 160px;
        border-radius: 0.5rem 0.5rem 0 0; } }
.antsand-card:focus-within {
  outline: 3px solid rgba(59, 130, 246, 0.5);
  outline-offset: 2px; }

.antsand-card a:focus-visible,
.antsand-card .data-cta:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px; }

.antsand-card[aria-current="true"],
.data-sub-container[aria-current="true"] {
  border: 2px solid #3498db;
  background-color: rgba(52, 152, 219, 0.02); }

@media (prefers-reduced-motion: reduce) {
  .antsand-card-hover:hover,
  .data-sub-container:hover {
    transform: none;
    transition: none; } }

@media (prefers-contrast: more) {
  .antsand-card,
  .data-sub-container {
    border: 2px solid #495057; }
  .antsand-card-shadow {
    box-shadow: 0 0 0 2px #495057; } }

.antsand-card-testimonial .antsand-card-text, .antsand-card-testimonial .antsand-card .data-p, .antsand-card .antsand-card-testimonial .data-p,
.antsand-card-testimonial .antsand-card .data-description,
.antsand-card .antsand-card-testimonial .data-description,
.antsand-card-testimonial .antsand-card .description,
.antsand-card-testimonial .antsand-card .antsand-feature-desc,
.antsand-card-testimonial .antsand-card .antsand-hero-subtitle,
.antsand-card .antsand-card-testimonial .description,
.antsand-card .antsand-card-testimonial .antsand-feature-desc,
.antsand-card .antsand-card-testimonial .antsand-hero-subtitle {
  font-style: italic;
  font-size: 1.125rem;
  position: relative;
  padding-left: 1.5rem; }
  .antsand-card-testimonial .antsand-card-text::before, .antsand-card-testimonial .antsand-card .data-p::before, .antsand-card .antsand-card-testimonial .data-p::before,
  .antsand-card-testimonial .antsand-card .data-description::before,
  .antsand-card .antsand-card-testimonial .data-description::before,
  .antsand-card-testimonial .antsand-card .description::before,
  .antsand-card-testimonial .antsand-card .antsand-feature-desc::before,
  .antsand-card-testimonial .antsand-card .antsand-hero-subtitle::before,
  .antsand-card .antsand-card-testimonial .description::before,
  .antsand-card .antsand-card-testimonial .antsand-feature-desc::before,
  .antsand-card .antsand-card-testimonial .antsand-hero-subtitle::before {
    content: '"';
    position: absolute;
    left: 0;
    top: -0.25rem;
    font-size: 2.5rem;
    color: #3498db;
    line-height: 1; }

.antsand-card-testimonial-author {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1.5rem; }

.antsand-card-testimonial-avatar {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  object-fit: cover; }

.antsand-card-testimonial-name {
  font-weight: 600; }

.antsand-card-testimonial-role {
  font-size: 0.875rem;
  color: #6c757d; }

.antsand-card-stat {
  text-align: center; }
  .antsand-card-stat-value {
    font-size: 2rem;
    font-weight: 700;
    color: #3498db;
    line-height: 1.25; }
  .antsand-card-stat-label {
    font-size: 0.875rem;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.25rem; }

/*
 * =========================================
 * BLOG CARD SYSTEM
 * Smart blog rendering with multiple variants
 * =========================================
 */
/*
 * -----------------------------------------
 * BASE BLOG CARD META ELEMENTS
 * -----------------------------------------
 */
.blog-card-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.8rem;
  color: #6c757d; }

.blog-card-tag {
  background: rgba(52, 152, 219, 0.1);
  color: #3498db;
  padding: 0.2rem 0.6rem;
  border-radius: 1rem;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em; }

.blog-card-read-time {
  color: #6c757d;
  font-size: 0.8rem; }

.blog-card-excerpt {
  font-size: 0.9rem;
  color: #6c757d;
  line-height: 1.6;
  flex: 1; }

.blog-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e9ecef; }

.blog-card-author {
  display: flex;
  align-items: center;
  gap: 0.5rem; }

.blog-card-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #3498db;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  font-size: 0.8rem; }

.blog-card-author-name {
  font-size: 0.85rem;
  font-weight: 600;
  color: #212529; }

.blog-card-date {
  font-size: 0.8rem;
  color: #6c757d; }

.blog-card-dates {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.8rem;
  color: #6c757d; }

.blog-card-updated {
  font-size: 0.75rem;
  color: #3498db;
  font-weight: 500; }

.blog-card-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #212529;
  margin-bottom: 0.5rem;
  line-height: 1.4; }
  .blog-card-title a {
    color: inherit;
    text-decoration: none; }
    .blog-card-title a:hover {
      color: #3498db; }

.blog-card-read-more {
  font-size: 0.85rem;
  font-weight: 600;
  color: #3498db;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.25rem; }
  .blog-card-read-more:hover {
    text-decoration: underline; }

/*
 * -----------------------------------------
 * VARIANT 1: Full Card with Cover Image
 * -----------------------------------------
 */
.blog-card {
  background: white;
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  flex-direction: column; }
  .blog-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }

.blog-card-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
  background: linear-gradient(135deg, #3498db 0%, #217dbb 100%); }

.blog-card-body {
  padding: 1.5rem;
  flex: 1;
  display: flex;
  flex-direction: column; }

/*
 * -----------------------------------------
 * VARIANT 2: No Cover Image - Text Only
 * -----------------------------------------
 */
.blog-card-text-only {
  background: white;
  border-radius: 0.75rem;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-left: 4px solid #3498db;
  transition: transform 0.2s ease, box-shadow 0.2s ease; }
  .blog-card-text-only:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }
  .blog-card-text-only .blog-card-footer {
    border-top: none;
    padding-top: 0.5rem; }

/*
 * -----------------------------------------
 * VARIANT 3: Minimal Row (List Style)
 * -----------------------------------------
 */
.blog-list {
  display: flex;
  flex-direction: column;
  gap: 1rem; }

.blog-list-item {
  background: white;
  border-radius: 0.75rem;
  padding: 1.5rem;
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease; }
  .blog-list-item:hover {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }

.blog-list-icon {
  width: 48px;
  height: 48px;
  border-radius: 0.75rem;
  background: linear-gradient(135deg, #3498db 0%, #217dbb 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0; }
  .blog-list-icon svg {
    width: 24px;
    height: 24px;
    color: white; }

.blog-list-content {
  flex: 1;
  min-width: 0; }

.blog-list-title {
  font-size: 1rem;
  font-weight: 600;
  color: #212529;
  margin-bottom: 0.25rem; }
  .blog-list-title a {
    color: inherit;
    text-decoration: none; }
    .blog-list-title a:hover {
      color: #3498db; }

.blog-list-meta {
  font-size: 0.8rem;
  color: #6c757d; }

.blog-list-date {
  margin-left: auto;
  font-size: 0.8rem;
  color: #6c757d;
  white-space: nowrap; }

/*
 * -----------------------------------------
 * VARIANT 4: Horizontal Card (Image Left)
 * -----------------------------------------
 */
.blog-card-horizontal {
  background: white;
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-columns: 280px 1fr;
  transition: transform 0.2s ease, box-shadow 0.2s ease; }
  .blog-card-horizontal:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }
  @media (max-width: 700px) {
    .blog-card-horizontal {
      grid-template-columns: 1fr; }
      .blog-card-horizontal .blog-card-image {
        height: 180px; } }
  .blog-card-horizontal .blog-card-image {
    height: 100%;
    min-height: 180px; }
  .blog-card-horizontal .blog-card-body {
    padding: 1.5rem; }
  .blog-card-horizontal.no-image {
    grid-template-columns: 6px 1fr; }

.blog-card-accent {
  background: linear-gradient(to bottom, #3498db, #217dbb); }

/*
 * -----------------------------------------
 * VARIANT 5: Featured/Hero Card
 * -----------------------------------------
 */
.blog-card-featured {
  background: white;
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 400px; }
  @media (max-width: 800px) {
    .blog-card-featured {
      grid-template-columns: 1fr; } }
  .blog-card-featured .blog-card-image {
    height: 100%;
    min-height: 300px; }
  .blog-card-featured .blog-card-body {
    padding: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .blog-card-featured .blog-card-title {
    font-size: 1.75rem;
    line-height: 1.3; }
  .blog-card-featured .blog-card-excerpt {
    font-size: 1rem; }
  .blog-card-featured.no-image {
    grid-template-columns: 1fr;
    background: linear-gradient(135deg, #212529 0%, #2c3237 100%);
    color: white;
    position: relative; }
    .blog-card-featured.no-image::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 6px;
      background: linear-gradient(to right, #3498db, #217dbb); }
    .blog-card-featured.no-image .blog-card-title {
      color: white; }
    .blog-card-featured.no-image .blog-card-excerpt {
      color: rgba(255, 255, 255, 0.8); }
    .blog-card-featured.no-image .blog-card-tag {
      background: rgba(255, 255, 255, 0.1);
      color: white; }
    .blog-card-featured.no-image .blog-card-footer {
      border-top-color: rgba(255, 255, 255, 0.2); }
    .blog-card-featured.no-image .blog-card-author-name,
    .blog-card-featured.no-image .blog-card-date,
    .blog-card-featured.no-image .blog-card-read-more {
      color: white; }

/*
 * -----------------------------------------
 * VARIANT 6: Compact Grid Card
 * -----------------------------------------
 */
.blog-card-compact {
  background: white;
  border-radius: 0.75rem;
  padding: 1rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border: 1px solid #e9ecef;
  transition: border-color 0.2s ease, box-shadow 0.2s ease; }
  .blog-card-compact:hover {
    border-color: #3498db;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
  .blog-card-compact .blog-card-title {
    font-size: 0.95rem;
    margin-bottom: 0.5rem; }
  .blog-card-compact .blog-card-meta {
    font-size: 0.75rem; }

/*
 * -----------------------------------------
 * TAG FILTER NAVIGATION
 * -----------------------------------------
 */
.tag-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.5rem; }

.tag-filter-btn {
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  font-size: 0.85rem;
  font-weight: 500;
  border: 1px solid #e9ecef;
  background: white;
  color: #6c757d;
  cursor: pointer;
  transition: all 0.2s ease; }
  .tag-filter-btn:hover {
    border-color: #3498db;
    color: #3498db; }
  .tag-filter-btn.active {
    background: #3498db;
    border-color: #3498db;
    color: white; }

/*
 * -----------------------------------------
 * GROUPED BY CATEGORY/TAG
 * -----------------------------------------
 */
.blog-group {
  margin-bottom: 3rem; }

.blog-group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #e9ecef; }

.blog-group-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #212529;
  display: flex;
  align-items: center;
  gap: 0.5rem; }
  .blog-group-title .icon, .blog-group-title .antsand-feature-icon {
    width: 28px;
    height: 28px;
    background: #3498db;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .blog-group-title .icon svg, .blog-group-title .antsand-feature-icon svg {
      width: 16px;
      height: 16px;
      color: white; }

.blog-group-count {
  font-size: 0.85rem;
  color: #6c757d; }

.blog-group-link {
  font-size: 0.85rem;
  font-weight: 600;
  color: #3498db;
  text-decoration: none; }
  .blog-group-link:hover {
    text-decoration: underline; }

/*
 * -----------------------------------------
 * TIMELINE/CHRONOLOGICAL
 * -----------------------------------------
 */
.blog-timeline {
  position: relative;
  padding-left: 3rem; }
  .blog-timeline::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #e9ecef; }

.blog-timeline-month {
  margin-bottom: 1.5rem; }

.blog-timeline-month-label {
  position: relative;
  font-size: 0.9rem;
  font-weight: 700;
  color: #3498db;
  margin-bottom: 0.5rem;
  margin-left: calc(-1 * 3rem + 20px); }
  .blog-timeline-month-label::before {
    content: '';
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: #3498db;
    border-radius: 50%;
    border: 2px solid white; }

.blog-timeline-item {
  background: white;
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 0.5rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  position: relative; }
  .blog-timeline-item::before {
    content: '';
    position: absolute;
    left: calc(-1 * 3rem + 6px);
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: #e9ecef;
    border-radius: 50%; }

/*
 * -----------------------------------------
 * MASONRY STYLE (CSS Columns)
 * -----------------------------------------
 */
.blog-masonry {
  column-count: 3;
  column-gap: 1.5rem; }
  @media (max-width: 900px) {
    .blog-masonry {
      column-count: 2; } }
  @media (max-width: 600px) {
    .blog-masonry {
      column-count: 1; } }
  .blog-masonry .blog-card-text-only {
    break-inside: avoid;
    margin-bottom: 1.5rem; }

/*
 * -----------------------------------------
 * PLACEHOLDER PATTERNS FOR NO-IMAGE
 * -----------------------------------------
 */
.placeholder-pattern {
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .placeholder-pattern.pattern-dots {
    background: radial-gradient(circle, #3498db 1px, transparent 1px);
    background-size: 20px 20px;
    background-color: rgba(52, 152, 219, 0.05); }
  .placeholder-pattern.pattern-lines {
    background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(52, 152, 219, 0.05) 10px, rgba(52, 152, 219, 0.05) 20px);
    background-color: #f9fafb; }
  .placeholder-pattern.pattern-gradient {
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.1) 0%, rgba(33, 125, 187, 0.2) 100%); }

.placeholder-icon {
  width: 64px;
  height: 64px;
  background: rgba(52, 152, 219, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .placeholder-icon svg {
    width: 32px;
    height: 32px;
    color: #3498db; }

/*
 * =========================================
 * BLOG SECTION — Generic Renderer Overrides
 * Targets `.blog_section` wrapper class used
 * by service_3_modern when rendering blog data
 * =========================================
 */
.blog_section .data-sub-container {
  background: white;
  border: 1px solid #e9ecef;
  border-radius: 0.75rem;
  padding: 1.5rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  display: flex;
  flex-direction: column; }
  .blog_section .data-sub-container:hover {
    border-color: #3498db;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px); }

.blog_section .data-h3,
.blog_section .title,
.blog_section .antsand-feature-title,
.blog_section .antsand-hero-title {
  font-family: 'Merriweather', serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.35;
  color: #212529;
  margin-bottom: 0.5rem; }
  .blog_section .data-h3 a,
  .blog_section .title a,
  .blog_section .antsand-feature-title a,
  .blog_section .antsand-hero-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease; }
    .blog_section .data-h3 a:hover,
    .blog_section .title a:hover,
    .blog_section .antsand-feature-title a:hover,
    .blog_section .antsand-hero-title a:hover {
      color: #3498db; }

.blog_section .data-p,
.blog_section .description,
.blog_section .antsand-feature-desc,
.blog_section .antsand-hero-subtitle {
  font-size: 0.95rem;
  color: #6c757d;
  line-height: 1.65;
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.blog_section .data-span,
.blog_section .meta {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.04em; }

.blog_section .data-cta,
.blog_section .cta,
.blog_section .antsand-pricing-cta {
  font-size: 0.85rem;
  font-weight: 600;
  color: #3498db;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: auto;
  padding-top: 0.5rem; }
  .blog_section .data-cta::after,
  .blog_section .cta::after,
  .blog_section .antsand-pricing-cta::after {
    content: '→';
    transition: transform 0.2s ease; }
  .blog_section .data-cta:hover,
  .blog_section .cta:hover,
  .blog_section .antsand-pricing-cta:hover {
    text-decoration: underline; }
    .blog_section .data-cta:hover::after,
    .blog_section .cta:hover::after,
    .blog_section .antsand-pricing-cta:hover::after {
      transform: translateX(3px); }

.blog_section .data-container {
  flex-wrap: wrap; }

.blog_section .data-sub-container:first-child {
  border-left: 4px solid #3498db; }

/*
 * =========================================
 * BLOG ARTICLE MEDIA HEADER
 * Enhance text readability on article detail
 * pages with header images — stronger gradient
 * and text shadow, no layout changes.
 * =========================================
 */
.blog-media-header .media-header-overlay {
  height: 75% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.35) 40%, transparent 100%) !important; }

.blog-media-header .article-header-overlay .header-h1,
.blog-media-header .article-header-overlay .title,
.blog-media-header .article-header-overlay .antsand-feature-title,
.blog-media-header .article-header-overlay .antsand-hero-title {
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8), 0 1px 3px rgba(0, 0, 0, 0.6) !important; }

.blog-media-header .article-header-overlay .article-category,
.blog-media-header .article-header-overlay .article-meta,
.blog-media-header .article-header-overlay .article-meta a {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) !important; }

/*
 * BLOG HERO (homepage) — text readability
 * The hero uses white text on dark bg (#111) but
 * cards with cover images need text shadow to stay readable.
 */
.blog-hero .data-container h3, .blog-hero .data-container h3 a {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9), 0 1px 3px rgba(0, 0, 0, 0.7); }

.blog-hero .data-container .blog-card-excerpt {
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.7); }

.blog-hero .data-container .blog-card-date,
.blog-hero .data-container .blog-card-author-name,
.blog-hero .data-container .blog-card-read-time {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); }

/*
 * Blog Article Section — detail page body override
 */
.blog-article-section .data-sub-container {
  border: none;
  padding: 0;
  background: transparent; }
  .blog-article-section .data-sub-container:hover {
    transform: none;
    box-shadow: none; }

.blog-article-section .data-h3,
.blog-article-section .title,
.blog-article-section .antsand-feature-title,
.blog-article-section .antsand-hero-title {
  font-family: 'Merriweather', serif;
  font-size: 1.15rem;
  font-weight: 600;
  color: #212529;
  line-height: 1.4; }

.blog-article-section .data-p,
.blog-article-section .description,
.blog-article-section .antsand-feature-desc,
.blog-article-section .antsand-hero-subtitle {
  font-size: 1rem;
  line-height: 1.7;
  color: #212529;
  -webkit-line-clamp: unset;
  overflow: visible; }

.profileposts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px; }
  @media (max-width: 768px) {
    .profileposts-grid {
      grid-template-columns: 1fr;
      gap: 16px; } }
.profileposts-timeline {
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: relative;
  padding-left: 40px; }
  .profileposts-timeline::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, #3b82f6, #8b5cf6); }

.profileposts-masonry {
  column-count: 3;
  column-gap: 24px; }
  @media (max-width: 992px) {
    .profileposts-masonry {
      column-count: 2; } }
  @media (max-width: 576px) {
    .profileposts-masonry {
      column-count: 1; } }
  .profileposts-masonry > * {
    break-inside: avoid;
    margin-bottom: 24px; }

.profileposts-carousel {
  display: flex;
  gap: 1.5rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 1rem;
  scrollbar-width: none;
  -ms-overflow-style: none; }
  .profileposts-carousel::-webkit-scrollbar {
    display: none; }
  .profileposts-carousel > * {
    flex: 0 0 calc(33.333% - 1rem);
    min-width: 280px;
    scroll-snap-align: start; }
    @media (max-width: 1024px) {
      .profileposts-carousel > * {
        flex: 0 0 calc(50% - 0.75rem); } }
    @media (max-width: 640px) {
      .profileposts-carousel > * {
        flex: 0 0 calc(100% - 1rem); } }
  .profileposts-carousel.profileposts-carousel-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #c74a22 #f0f0f0; }
    .profileposts-carousel.profileposts-carousel-scrollbar::-webkit-scrollbar {
      display: block;
      height: 8px; }
    .profileposts-carousel.profileposts-carousel-scrollbar::-webkit-scrollbar-track {
      background: #f0f0f0;
      border-radius: 4px; }
    .profileposts-carousel.profileposts-carousel-scrollbar::-webkit-scrollbar-thumb {
      background: #c74a22;
      border-radius: 4px; }

.profileposts-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease; }
  .profileposts-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); }
  .profileposts-card.profileposts-card-dark {
    background: #1f2937;
    color: #f3f4f6; }
    .profileposts-card.profileposts-card-dark .data-author-name {
      color: #f3f4f6; }
    .profileposts-card.profileposts-card-dark .data-date {
      color: #9ca3af; }
    .profileposts-card.profileposts-card-dark .data-h3 {
      color: #e5e7eb; }
    .profileposts-card.profileposts-card-dark .data-tag {
      background: #374151;
      color: #d1d5db; }
  .profileposts-card.profileposts-card-compact .data-content-wrapper {
    padding: 12px; }
  .profileposts-card.profileposts-card-compact .data-author-avatar {
    width: 32px;
    height: 32px;
    font-size: 12px; }
  .profileposts-card.profileposts-card-large .data-content-wrapper {
    padding: 28px; }
  .profileposts-card.profileposts-card-large .data-author-avatar {
    width: 48px;
    height: 48px;
    font-size: 16px; }

.profileposts-card .data-img-container {
  aspect-ratio: 16/9;
  overflow: hidden; }

.profileposts-card .data-media {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease; }

.profileposts-card:hover .data-media {
  transform: scale(1.05); }

.profileposts-card .data-content-wrapper {
  padding: 20px; }

.profileposts-card .data-author-container {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px; }

.profileposts-card .data-author-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0; }

.profileposts-card .data-avatar-placeholder {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  flex-shrink: 0; }

.profileposts-card .data-author-info {
  display: flex;
  flex-direction: column;
  min-width: 0; }

.profileposts-card .data-author-name {
  font-weight: 600;
  color: #1a202c;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.profileposts-card .data-date {
  font-size: 12px;
  color: #718096; }

.profileposts-card .data-h3 {
  color: #2d3748;
  line-height: 1.6;
  margin-bottom: 12px; }

.profileposts-card .data-p {
  color: #4a5568;
  font-size: 14px;
  line-height: 1.5; }

.profileposts-card .data-tags-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px; }

.profileposts-card .data-tag {
  background: #edf2f7;
  color: #4a5568;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
  transition: background-color 0.2s ease; }
  .profileposts-card .data-tag:hover {
    background: #e2e8f0; }

.profileposts-card .data-cta-container {
  margin-top: 16px;
  display: flex;
  gap: 12px; }

.profileposts-card .data-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #3b82f6;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s ease; }
  .profileposts-card .data-cta:hover {
    color: #2563eb; }
  .profileposts-card .data-cta::after {
    content: '\2192';
    transition: transform 0.2s ease; }
  .profileposts-card .data-cta:hover::after {
    transform: translateX(4px); }

.profileposts-note {
  scroll-snap-align: start;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 220px;
  transition: all 0.2s ease; }
  .profileposts-note:hover {
    transform: translateY(-4px);
    border-color: #c74a22;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); }
  .profileposts-note .data-header {
    font-family: monospace;
    font-size: 0.75rem;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px; }
  .profileposts-note .data-h3 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.1rem;
    color: #181818;
    font-style: italic;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    flex-grow: 1; }
  .profileposts-note .data-footer {
    border-top: 1px dashed #e5e5e5;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.8rem;
    color: #6c757d; }
  .profileposts-note .data-tag {
    background: transparent;
    color: #c74a22;
    font-weight: 500;
    padding: 0; }
    .profileposts-note .data-tag:hover {
      color: #a33d1c; }
  @media (max-width: 576px) {
    .profileposts-note {
      padding: 1.5rem; } }
.profileposts-article {
  scroll-snap-align: start;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  min-height: 280px;
  transition: all 0.2s ease; }
  .profileposts-article:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); }
  .profileposts-article .data-h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #181818;
    line-height: 1.3;
    margin-bottom: 0.75rem; }
  .profileposts-article .data-p {
    font-size: 0.95rem;
    color: #4a5568;
    line-height: 1.6;
    flex-grow: 1;
    margin-bottom: 1.5rem; }
  .profileposts-article .data-footer {
    border-top: 1px solid #e5e5e5;
    font-size: 0.8rem;
    color: #6c757d;
    font-family: monospace;
    text-transform: uppercase; }
  .profileposts-article .data-tag {
    background: #f3f4f6;
    color: #4a5568;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    font-weight: 500; }
  @media (max-width: 576px) {
    .profileposts-article {
      padding: 1.5rem; } }
.profileposts-visual {
  scroll-snap-align: start;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.2s ease; }
  .profileposts-visual:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); }
  .profileposts-visual .data-author-container {
    padding: 1rem 1.25rem;
    margin-bottom: 0; }
  .profileposts-visual .data-img-container {
    position: relative;
    background: #f5f5f5;
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5; }
  .profileposts-visual .data-badge {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem; }
  .profileposts-visual .data-content-wrapper {
    padding: 1.25rem; }
  .profileposts-visual .data-h3 {
    font-weight: 600;
    color: #181818;
    margin-bottom: 0.5rem; }
  .profileposts-visual .data-p {
    font-size: 0.9rem;
    color: #4a5568;
    line-height: 1.5;
    margin-bottom: 1rem; }
  .profileposts-visual .data-footer {
    border-top: 1px solid #e5e5e5;
    font-size: 0.8rem;
    color: #6c757d;
    font-family: monospace;
    text-transform: uppercase;
    padding-top: 0.75rem; }
  .profileposts-visual .data-author-info .data-date {
    font-size: 0.8rem;
    color: #6c757d; }

.data-indicator {
  width: 8px;
  height: 8px;
  background-color: #c74a22;
  border-radius: 50%;
  flex-shrink: 0; }
  .data-indicator.indicator-red {
    background-color: #c74a22; }
  .data-indicator.indicator-orange {
    background-color: #f59e0b; }
  .data-indicator.indicator-blue {
    background-color: #3b82f6; }
  .data-indicator.indicator-green {
    background-color: #10b981; }
  .data-indicator.indicator-purple {
    background-color: #8b5cf6; }
  .data-indicator.indicator-pink {
    background-color: #ec4899; }
  .data-indicator.indicator-gray {
    background-color: #6b7280; }
  .data-indicator.indicator-sm {
    width: 6px;
    height: 6px; }
  .data-indicator.indicator-lg {
    width: 12px;
    height: 12px; }
  .data-indicator.indicator-pulse {
    animation: indicator-pulse 2s infinite; }

@keyframes indicator-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1); }
  50% {
    opacity: 0.6;
    transform: scale(1.2); } }

.data-time {
  font-size: 0.8rem;
  color: #6c757d;
  font-family: monospace; }

.data-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem; }

.data-footer {
  margin-top: auto;
  padding-top: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.data-label {
  font-family: monospace;
  font-size: 0.75rem;
  color: #c74a22;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600; }

.data-badge {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem; }

.data-tag.tag-primary {
  background: #dbeafe;
  color: #1e40af; }

.data-tag.tag-success {
  background: #dcfce7;
  color: #166534; }

.data-tag.tag-warning {
  background: #fef3c7;
  color: #92400e; }

.data-tag.tag-danger {
  background: #fee2e2;
  color: #991b1b; }

.antsand-form-group {
  margin-bottom: 1.5rem; }

.antsand-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: #212529; }

.antsand-form-control, .antsand-textarea, .antsand-input, .antsand-form-select {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.5;
  color: #212529;
  background-color: white;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  transition: border-color 250ms ease, box-shadow 150ms ease; }
  .antsand-form-control:focus, .antsand-textarea:focus, .antsand-input:focus, .antsand-form-select:focus {
    outline: none;
    border-color: #212529;
    box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.08); }
  .antsand-form-control::placeholder, .antsand-textarea::placeholder, .antsand-input::placeholder, .antsand-form-select::placeholder {
    color: #adb5bd; }
  .antsand-form-control:disabled, .antsand-textarea:disabled, .antsand-input:disabled, .antsand-form-select:disabled {
    background-color: #f8f9fa;
    cursor: not-allowed; }

textarea.antsand-form-control, textarea.antsand-textarea, textarea.antsand-input, textarea.antsand-form-select {
  resize: vertical;
  min-height: 100px; }

.antsand-form-select {
  cursor: pointer; }

.antsand-textarea {
  resize: vertical;
  min-height: 120px; }

.antsand-form-check {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  min-height: 44px; }
  .antsand-form-check input[type="checkbox"],
  .antsand-form-check input[type="radio"] {
    width: 1.125rem;
    height: 1.125rem;
    flex: 0 0 1.125rem;
    cursor: pointer; }
  .antsand-form-check label {
    cursor: pointer;
    user-select: none; }

.antsand-form-text {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: #6c757d; }

.antsand-form-control.is-invalid, .is-invalid.antsand-form-select, .is-invalid.antsand-input, .is-invalid.antsand-textarea {
  border-color: #e74c3c; }
  .antsand-form-control.is-invalid:focus, .is-invalid.antsand-form-select:focus, .is-invalid.antsand-input:focus, .is-invalid.antsand-textarea:focus {
    box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.1); }

.antsand-form-control.is-valid, .is-valid.antsand-form-select, .is-valid.antsand-input, .is-valid.antsand-textarea {
  border-color: #27ae60; }
  .antsand-form-control.is-valid:focus, .is-valid.antsand-form-select:focus, .is-valid.antsand-input:focus, .is-valid.antsand-textarea:focus {
    box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.1); }

.antsand-invalid-feedback {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: #e74c3c; }

.antsand-valid-feedback {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: #27ae60; }

.antsand-form-control-sm {
  padding: 6px 10px;
  font-size: 0.875rem;
  border-radius: 0.25rem; }

.antsand-form-control-lg {
  padding: 14px 18px;
  font-size: 1.125rem;
  border-radius: 0.5rem; }

.antsand-form-sm .antsand-form-control,
.antsand-form-sm .antsand-form-select,
.antsand-form-sm .antsand-input,
.antsand-form-sm .antsand-textarea,
.antsand-form-sm input[type="text"],
.antsand-form-sm input[type="email"],
.antsand-form-sm input[type="password"],
.antsand-form-sm input[type="tel"],
.antsand-form-sm input[type="number"],
.antsand-form-sm select,
.antsand-form-sm textarea {
  padding: 6px 10px;
  font-size: 0.875rem;
  border-radius: 0.25rem; }

.antsand-form-sm .antsand-form-label,
.antsand-form-sm .label {
  font-size: 0.875rem;
  margin-bottom: 0.25rem; }

.antsand-form-sm .antsand-form-group,
.antsand-form-sm .form-elements {
  margin-bottom: 0.5rem; }

.antsand-form-lg .antsand-form-control,
.antsand-form-lg .antsand-form-select,
.antsand-form-lg .antsand-input,
.antsand-form-lg .antsand-textarea,
.antsand-form-lg input[type="text"],
.antsand-form-lg input[type="email"],
.antsand-form-lg input[type="password"],
.antsand-form-lg input[type="tel"],
.antsand-form-lg input[type="number"],
.antsand-form-lg select,
.antsand-form-lg textarea {
  padding: 14px 18px;
  font-size: 1.125rem;
  border-radius: 0.5rem; }

.antsand-form-lg .antsand-form-label,
.antsand-form-lg .label {
  font-size: 1.125rem;
  margin-bottom: 1rem; }

.antsand-form-lg .antsand-form-group,
.antsand-form-lg .form-elements {
  margin-bottom: 2rem; }

.antsand-form-floating {
  position: relative; }
  .antsand-form-floating .antsand-form-control, .antsand-form-floating .antsand-form-select, .antsand-form-floating .antsand-input, .antsand-form-floating .antsand-textarea,
  .antsand-form-floating input[type="text"],
  .antsand-form-floating input[type="email"],
  .antsand-form-floating input[type="password"],
  .antsand-form-floating input[type="tel"],
  .antsand-form-floating input[type="number"],
  .antsand-form-floating textarea {
    padding: 1.625rem 0.875rem 0.625rem;
    height: auto; }
  .antsand-form-floating .antsand-form-label,
  .antsand-form-floating label,
  .antsand-form-floating .label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.875rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    color: #adb5bd;
    font-weight: 400;
    margin-bottom: 0; }
  .antsand-form-floating .antsand-form-control:focus ~ label, .antsand-form-floating .antsand-form-select:focus ~ label, .antsand-form-floating .antsand-input:focus ~ label, .antsand-form-floating .antsand-textarea:focus ~ label,
  .antsand-form-floating .antsand-form-control:focus ~ .label,
  .antsand-form-floating .antsand-form-select:focus ~ .label,
  .antsand-form-floating .antsand-input:focus ~ .label,
  .antsand-form-floating .antsand-textarea:focus ~ .label,
  .antsand-form-floating .antsand-form-control:focus ~ .antsand-form-label,
  .antsand-form-floating .antsand-form-select:focus ~ .antsand-form-label,
  .antsand-form-floating .antsand-input:focus ~ .antsand-form-label,
  .antsand-form-floating .antsand-textarea:focus ~ .antsand-form-label,
  .antsand-form-floating .antsand-form-control:not(:placeholder-shown) ~ label,
  .antsand-form-floating .antsand-form-select:not(:placeholder-shown) ~ label,
  .antsand-form-floating .antsand-input:not(:placeholder-shown) ~ label,
  .antsand-form-floating .antsand-textarea:not(:placeholder-shown) ~ label,
  .antsand-form-floating .antsand-form-control:not(:placeholder-shown) ~ .label,
  .antsand-form-floating .antsand-form-select:not(:placeholder-shown) ~ .label,
  .antsand-form-floating .antsand-input:not(:placeholder-shown) ~ .label,
  .antsand-form-floating .antsand-textarea:not(:placeholder-shown) ~ .label,
  .antsand-form-floating .antsand-form-control:not(:placeholder-shown) ~ .antsand-form-label,
  .antsand-form-floating .antsand-form-select:not(:placeholder-shown) ~ .antsand-form-label,
  .antsand-form-floating .antsand-input:not(:placeholder-shown) ~ .antsand-form-label,
  .antsand-form-floating .antsand-textarea:not(:placeholder-shown) ~ .antsand-form-label,
  .antsand-form-floating input:focus ~ label,
  .antsand-form-floating input:focus ~ .label,
  .antsand-form-floating input:not(:placeholder-shown) ~ label,
  .antsand-form-floating input:not(:placeholder-shown) ~ .label {
    opacity: 0.85;
    transform: scale(0.8) translateY(-0.5rem) translateX(0.15rem);
    color: #3498db; }

.antsand-form-switch {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 44px; }
  .antsand-form-switch input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 2.5rem;
    height: 1.375rem;
    background-color: #dee2e6;
    border-radius: 9999px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.2s ease;
    flex-shrink: 0; }
    .antsand-form-switch input[type="checkbox"]::before {
      content: '';
      position: absolute;
      top: 2px;
      left: 2px;
      width: 1.125rem;
      height: 1.125rem;
      background-color: white;
      border-radius: 50%;
      transition: transform 0.2s ease;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
    .antsand-form-switch input[type="checkbox"]:checked {
      background-color: #3498db; }
      .antsand-form-switch input[type="checkbox"]:checked::before {
        transform: translateX(1.125rem); }
    .antsand-form-switch input[type="checkbox"]:focus-visible {
      outline: 3px solid rgba(59, 130, 246, 0.5);
      outline-offset: 2px; }
    .antsand-form-switch input[type="checkbox"]:disabled {
      opacity: 0.5;
      cursor: not-allowed; }
  .antsand-form-switch label {
    cursor: pointer;
    user-select: none; }
  .antsand-form-switch-sm input[type="checkbox"] {
    width: 1.875rem;
    height: 1rem; }
    .antsand-form-switch-sm input[type="checkbox"]::before {
      width: 0.75rem;
      height: 0.75rem; }
    .antsand-form-switch-sm input[type="checkbox"]:checked::before {
      transform: translateX(0.875rem); }
  .antsand-form-switch-lg input[type="checkbox"] {
    width: 3.25rem;
    height: 1.75rem; }
    .antsand-form-switch-lg input[type="checkbox"]::before {
      width: 1.5rem;
      height: 1.5rem; }
    .antsand-form-switch-lg input[type="checkbox"]:checked::before {
      transform: translateX(1.5rem); }

.antsand-input-group {
  display: flex;
  align-items: stretch;
  width: 100%; }
  .antsand-input-group .antsand-form-control, .antsand-input-group .antsand-form-select, .antsand-input-group .antsand-input, .antsand-input-group .antsand-textarea,
  .antsand-input-group input[type="text"],
  .antsand-input-group input[type="email"],
  .antsand-input-group input[type="password"],
  .antsand-input-group input[type="tel"],
  .antsand-input-group input[type="number"],
  .antsand-input-group select {
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    border-radius: 0; }
  .antsand-input-group > :first-child {
    border-radius: 0.5rem 0 0 0.5rem; }
  .antsand-input-group > :last-child {
    border-radius: 0 0.5rem 0.5rem 0; }
  .antsand-input-group > :only-child {
    border-radius: 0.5rem; }
  .antsand-input-group > :not(:first-child) {
    margin-left: -1px; }
  .antsand-input-group .antsand-form-control:focus, .antsand-input-group .antsand-form-select:focus, .antsand-input-group .antsand-input:focus, .antsand-input-group .antsand-textarea:focus,
  .antsand-input-group input:focus {
    z-index: 3;
    position: relative; }

.antsand-input-group-text {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.875rem;
  font-size: 14px;
  font-weight: 500;
  color: #495057;
  white-space: nowrap;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6; }

.antsand-form-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1rem; }
  .antsand-form-inline .antsand-form-group,
  .antsand-form-inline .form-elements {
    flex: 1 1 auto;
    margin-bottom: 0; }
  .antsand-form-inline .antsand-form-label,
  .antsand-form-inline .label {
    margin-bottom: 0.25rem; }

.antsand-form-horizontal .antsand-form-group,
.antsand-form-horizontal .form-elements {
  display: flex;
  align-items: center;
  gap: 1.5rem; }

.antsand-form-horizontal .antsand-form-label,
.antsand-form-horizontal .label-container,
.antsand-form-horizontal .label {
  flex: 0 0 30%;
  max-width: 30%;
  text-align: right;
  margin-bottom: 0; }

.antsand-form-horizontal .input-container,
.antsand-form-horizontal .antsand-form-control,
.antsand-form-horizontal .antsand-form-select,
.antsand-form-horizontal .antsand-input,
.antsand-form-horizontal .antsand-textarea,
.antsand-form-horizontal input[type="text"],
.antsand-form-horizontal input[type="email"],
.antsand-form-horizontal input[type="password"],
.antsand-form-horizontal select,
.antsand-form-horizontal textarea {
  flex: 1 1 70%; }

@media (max-width: 640px) {
  .antsand-form-horizontal .antsand-form-group,
  .antsand-form-horizontal .form-elements {
    flex-direction: column;
    align-items: stretch; }
  .antsand-form-horizontal .antsand-form-label,
  .antsand-form-horizontal .label-container,
  .antsand-form-horizontal .label {
    flex: none;
    max-width: 100%;
    text-align: left; } }

.antsand-form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer; }
  .antsand-form-range::-webkit-slider-track {
    width: 100%;
    height: 0.375rem;
    background-color: #e9ecef;
    border-radius: 9999px; }
  .antsand-form-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 1.125rem;
    width: 1.125rem;
    border-radius: 50%;
    background-color: #3498db;
    border: 2px solid white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    margin-top: -0.375rem;
    transition: transform 0.15s ease, box-shadow 0.15s ease; }
  .antsand-form-range::-moz-range-track {
    width: 100%;
    height: 0.375rem;
    background-color: #e9ecef;
    border-radius: 9999px;
    border: none; }
  .antsand-form-range::-moz-range-thumb {
    height: 1.125rem;
    width: 1.125rem;
    border-radius: 50%;
    background-color: #3498db;
    border: 2px solid white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
  .antsand-form-range:focus-visible {
    outline: none; }
    .antsand-form-range:focus-visible::-webkit-slider-thumb {
      box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.25); }
    .antsand-form-range:focus-visible::-moz-range-thumb {
      box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.25); }
  .antsand-form-range:disabled {
    opacity: 0.5;
    cursor: not-allowed; }

.antsand-form-file {
  display: block;
  width: 100%;
  padding: 0.5rem;
  font-size: 14px;
  color: #495057;
  background-color: white;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: border-color 0.15s ease; }
  .antsand-form-file::file-selector-button {
    padding: 0.5rem 1rem;
    margin-right: 1rem;
    color: white;
    background-color: #343a40;
    border: 0;
    border-radius: 0.25rem;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.15s ease; }
  .antsand-form-file:hover::file-selector-button {
    background-color: #495057; }
  .antsand-form-file:focus-visible {
    outline: 3px solid rgba(59, 130, 246, 0.5);
    outline-offset: 2px;
    border-color: #3498db; }

.antsand-form-dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 3rem;
  border: 2px dashed #dee2e6;
  border-radius: 0.75rem;
  background-color: #f9fafb;
  color: #6c757d;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease; }
  .antsand-form-dropzone:hover, .antsand-form-dropzone.is-dragover {
    border-color: #3498db;
    background-color: rgba(52, 152, 219, 0.04);
    color: #3498db; }

.antsand-fieldset {
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  padding: 2rem;
  margin-bottom: 2rem; }

.antsand-legend {
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #495057;
  padding: 0 0.5rem;
  margin-left: -0.5rem; }

.antsand-required::after {
  content: '*';
  color: #e74c3c;
  margin-left: 0.25em;
  font-weight: 700; }

.antsand-form-control[aria-required="true"], [aria-required="true"].antsand-form-select, [aria-required="true"].antsand-input, [aria-required="true"].antsand-textarea,
.antsand-form-control[required],
[required].antsand-form-select,
[required].antsand-input,
[required].antsand-textarea {
  border-left: 3px solid #3498db;
  padding-left: 12px; }

.antsand-form-card {
  background: white;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  max-width: 32rem;
  margin: 0 auto; }
  .antsand-form-card-header {
    padding: 2rem 2rem 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #212529; }
  .antsand-form-card-body {
    padding: 2rem; }
  .antsand-form-card-footer {
    padding: 0 2rem 2rem;
    display: flex;
    gap: 1rem;
    justify-content: flex-end; }
    .antsand-form-card-footer.full-width {
      flex-direction: column; }
      .antsand-form-card-footer.full-width .antsand-btn,
      .antsand-form-card-footer.full-width button,
      .antsand-form-card-footer.full-width .default-btn {
        width: 100%; }

.antsand-form-row-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem; }
  @media (max-width: 640px) {
    .antsand-form-row-2 {
      grid-template-columns: 1fr; } }
.antsand-form-row-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5rem; }
  @media (max-width: 768px) {
    .antsand-form-row-3 {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 640px) {
    .antsand-form-row-3 {
      grid-template-columns: 1fr; } }
.antsand-form-row-2-1 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 1.5rem; }
  @media (max-width: 640px) {
    .antsand-form-row-2-1 {
      grid-template-columns: 1fr; } }
.form-default .form-elements {
  margin: 15px 0px; }

.form-default input[type="text"],
.form-default input[type="email"],
.form-default input[type="tel"],
.form-default input[type="number"],
.form-default select,
.form-default textarea,
.form-default .input {
  padding: 12px 14px;
  font-size: 14px;
  color: #212529;
  box-shadow: none;
  border: 1px solid rgba(33, 37, 41, 0.22);
  outline: none;
  margin: 0;
  line-height: 1.5;
  width: 100%;
  border-radius: 0.5rem;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  vertical-align: top;
  transition: border-color .15s ease, box-shadow .15s ease; }
  .form-default input[type="text"]:focus,
  .form-default input[type="email"]:focus,
  .form-default input[type="tel"]:focus,
  .form-default input[type="number"]:focus,
  .form-default select:focus,
  .form-default textarea:focus,
  .form-default .input:focus {
    border-color: #212529;
    box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.08); }
  .form-default input[type="text"]::placeholder,
  .form-default input[type="email"]::placeholder,
  .form-default input[type="tel"]::placeholder,
  .form-default input[type="number"]::placeholder,
  .form-default select::placeholder,
  .form-default textarea::placeholder,
  .form-default .input::placeholder {
    color: rgba(33, 37, 41, 0.42); }
  .form-default input[type="text"] a,
  .form-default input[type="email"] a,
  .form-default input[type="tel"] a,
  .form-default input[type="number"] a,
  .form-default select a,
  .form-default textarea a,
  .form-default .input a {
    text-decoration: underline;
    color: #007AB8;
    outline: none; }
  .form-default input[type="text"] hr,
  .form-default input[type="email"] hr,
  .form-default input[type="tel"] hr,
  .form-default input[type="number"] hr,
  .form-default select hr,
  .form-default textarea hr,
  .form-default .input hr {
    margin-top: 16px;
    margin-bottom: 16px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }

.form-default .error {
  border: 1px solid #dc2626 !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1) !important; }

.form-default .input-container {
  position: relative;
  margin: 6px 0 9px 0; }

.form-default .error-notification {
  position: absolute;
  z-index: 100;
  width: auto;
  line-height: 1;
  top: -10%;
  font-size: 11px;
  right: 32px;
  display: block;
  margin: auto auto;
  text-align: center;
  background: white;
  color: #ec2222; }

.form-default .form-text {
  display: block;
  margin-top: .25rem; }

.form-default .label-container {
  margin-bottom: 6px; }

.form-default .label {
  line-height: 1.42857143;
  color: #333;
  font-weight: bold;
  font-size: 15.6px;
  display: block;
  flex: none;
  max-width: none;
  margin: 0;
  padding: 0 0 3px 0;
  border: none;
  white-space: normal;
  width: 100%;
  min-height: 20px; }

.form-default .sub-label {
  color: rgba(15, 15, 15, 0.7);
  line-height: 1.2;
  min-height: 15px;
  font-size: 12px; }

.form-default .required {
  position: relative; }

.form-default .required:after {
  content: '*';
  color: red;
  position: absolute;
  top: -0.32em;
  z-index: 10;
  left: -0.17em;
  right: -0.15em;
  font-size: 1.6em;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  width: 10px; }

.form_submission_message {
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 4px;
  background-color: #d4edda;
  border: 1px solid #c3e6cb;
  color: #155724; }

.btn, .blue-btn-group, .private-btn, .create-btn, .default-btn {
  display: inline-block;
  padding: .5em 1.5em;
  font-size: 1em;
  line-height: 1.5;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: all 0.15s ease-in-out;
  text-decoration: none; }

.default-btn {
  background-color: #007bff;
  color: white;
  border-color: #007bff; }
  .default-btn:hover {
    background-color: #0056b3;
    border-color: #0056b3; }

.create-btn {
  background-color: #28a745;
  color: white;
  border-color: #28a745; }
  .create-btn:hover {
    background-color: #218838;
    border-color: #218838; }

.private-btn {
  background-color: #6c757d;
  color: white;
  border-color: #6c757d; }
  .private-btn:hover {
    background-color: #545b62;
    border-color: #545b62; }

.blue-btn-group {
  background-color: #17a2b8;
  color: white;
  border-color: #17a2b8; }
  .blue-btn-group:hover {
    background-color: #138496;
    border-color: #138496; }

.popup-form-white {
  background-color: rgba(255, 255, 255, 0.98); }

.popup-form-black {
  background-color: rgba(0, 0, 0, 0.98); }

.color-red {
  color: #d52b1e; }

.form-padding {
  padding: 45px 0px; }

.login_intro_form_container {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(33, 37, 41, 0.08);
  border-radius: 0.75rem;
  box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15);
  padding: clamp(1.25rem, 3vw, 2rem); }
  .login_intro_form_container .form-default,
  .login_intro_form_container .form_container {
    width: 100%; }
  .login_intro_form_container .form_title_sub_container {
    margin-bottom: 1.5rem; }
  .login_intro_form_container .default-btn,
  .login_intro_form_container .sn-auth-submit {
    width: 100%;
    margin-top: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 0.5rem;
    font-weight: 600; }
  .login_intro_form_container .sn-auth-links {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    font-size: 0.875rem; }
  .login_intro_form_container .sn-auth-link {
    color: #495057;
    text-decoration: underline;
    text-underline-offset: 3px; }

.auth_account_form_container,
.subscribe_modern_form_container {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(33, 37, 41, 0.08);
  border-radius: 0.75rem;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  padding: clamp(1.15rem, 2.5vw, 1.75rem); }
  .auth_account_form_container .form-default,
  .auth_account_form_container .form_container,
  .subscribe_modern_form_container .form-default,
  .subscribe_modern_form_container .form_container {
    width: 100%; }
  .auth_account_form_container .form-row,
  .subscribe_modern_form_container .form-row {
    margin-bottom: 1rem; }
  .auth_account_form_container .default-btn,
  .auth_account_form_container .sn-auth-submit,
  .subscribe_modern_form_container .default-btn,
  .subscribe_modern_form_container .sn-auth-submit {
    width: 100%;
    border-radius: 0.5rem; }

.subscribe_modern_form_container {
  border-color: rgba(52, 152, 219, 0.16);
  box-shadow: 0 18px 36px rgba(52, 152, 219, 0.08); }

.antsand-form-control:focus-visible, .antsand-form-select:focus-visible, .antsand-input:focus-visible, .antsand-textarea:focus-visible {
  outline: 3px solid rgba(59, 130, 246, 0.5);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5); }

.antsand-form-control[aria-disabled="true"], [aria-disabled="true"].antsand-form-select, [aria-disabled="true"].antsand-input, [aria-disabled="true"].antsand-textarea {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #f8f9fa; }

.antsand-form-check {
  min-height: 44px;
  min-width: 44px; }

.antsand-form-check input[type="checkbox"],
.antsand-form-check input[type="radio"] {
  min-height: 1.125rem;
  min-width: 1.125rem;
  cursor: pointer; }
  .antsand-form-check input[type="checkbox"]:focus-visible,
  .antsand-form-check input[type="radio"]:focus-visible {
    outline: 3px solid rgba(59, 130, 246, 0.5);
    outline-offset: 2px; }

@media (prefers-contrast: more) {
  .antsand-form-control, .antsand-form-select, .antsand-input, .antsand-textarea {
    border-width: 2px; }
  .antsand-form-control[aria-invalid="true"], [aria-invalid="true"].antsand-form-select, [aria-invalid="true"].antsand-input, [aria-invalid="true"].antsand-textarea {
    border-width: 3px; } }

.antsand-form-group:focus-within .antsand-form-label {
  color: #3498db;
  font-weight: 600; }

section:has(.antsand-topnav-menu) {
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid rgba(33, 37, 41, 0.08);
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
  backdrop-filter: blur(14px); }
  section:has(.antsand-topnav-menu) > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: min(100%, 1180px);
    min-height: 72px;
    margin: 0 auto;
    padding: 0.5rem 1.5rem; }
  section:has(.antsand-topnav-menu) [class*="header"] {
    margin: 0;
    padding: 0;
    min-height: 0;
    background: transparent;
    box-shadow: none; }
  section:has(.antsand-topnav-menu) img {
    display: block;
    width: auto;
    max-height: 42px; }

.antsand-topnav-shell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  width: 100%; }

.antsand-topnav-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  color: #212529;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap; }
  .antsand-topnav-brand:hover, .antsand-topnav-brand:focus-visible {
    color: #3498db;
    outline: none; }

.antsand-topnav-title {
  display: inline-flex;
  align-items: center;
  min-height: 38px; }

section:has(.antsand-topnav-dark) {
  background: linear-gradient(135deg, #212529 0%, #131618 100%);
  border-bottom-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.28); }
  section:has(.antsand-topnav-dark) [class*="header"] {
    color: white; }
  section:has(.antsand-topnav-dark) img {
    filter: none; }

.antsand-topnav-dark .antsand-topnav-brand {
  color: white; }
  .antsand-topnav-dark .antsand-topnav-brand:hover, .antsand-topnav-dark .antsand-topnav-brand:focus-visible {
    color: rgba(255, 255, 255, 0.86); }

.antsand-topnav-menu {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: 0; }

.antsand-topnav-dark .antsand-topnav-item > a {
  color: rgba(255, 255, 255, 0.78); }
  .antsand-topnav-dark .antsand-topnav-item > a:hover, .antsand-topnav-dark .antsand-topnav-item > a:focus-visible {
    color: white;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }

.antsand-topnav-dark .antsand-topnav-item:last-child > a {
  color: white;
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.32);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22); }
  .antsand-topnav-dark .antsand-topnav-item:last-child > a:hover, .antsand-topnav-dark .antsand-topnav-item:last-child > a:focus-visible {
    color: white;
    background: #3498db;
    border-color: #3498db; }

.antsand-topnav-item {
  display: flex;
  align-items: center;
  align-self: center;
  list-style: none;
  margin: 0;
  padding: 0; }
  .antsand-topnav-item > a {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    min-height: 38px;
    padding: 0.45rem 0.75rem;
    border: 1px solid transparent;
    border-radius: 9999px;
    color: #495057;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: color 150ms ease, background-color 150ms ease, box-shadow 150ms ease; }
    .antsand-topnav-item > a:hover, .antsand-topnav-item > a:focus-visible {
      color: #212529;
      background: #f8f9fa;
      box-shadow: inset 0 0 0 1px rgba(33, 37, 41, 0.06);
      outline: none; }
  .antsand-topnav-item:last-child > a {
    color: white;
    background: #212529;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18); }
    .antsand-topnav-item:last-child > a:hover, .antsand-topnav-item:last-child > a:focus-visible {
      color: white;
      background: #3498db; }

.antsand-nav .antsand-topnav-menu .antsand-topnav-item > a,
.antsand-nav-v2 .antsand-topnav-menu .antsand-topnav-item > a,
.antsand-nav-style .antsand-topnav-menu .antsand-topnav-item > a {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center; }

.antsand-nav .antsand-topnav-brand,
.antsand-nav-v2 .antsand-topnav-brand,
.antsand-nav-style .antsand-topnav-brand {
  display: inline-flex;
  align-items: center; }

@media (max-width: 768px) {
  section:has(.antsand-topnav-menu) {
    position: relative; }
    section:has(.antsand-topnav-menu) > div {
      align-items: center;
      flex-wrap: wrap;
      gap: 0.5rem;
      min-height: 0;
      padding: 1rem; }
  .antsand-topnav-shell .antsand-topnav-menu,
  section:has(.antsand-topnav-menu) .antsand-topnav-menu {
    display: none !important;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    padding: 0.5rem 0 0;
    border-top: 1px solid rgba(33, 37, 41, 0.08); }
    .antsand-topnav-shell .antsand-topnav-menu.active, .antsand-topnav-shell .antsand-topnav-menu.nav-open,
    section:has(.antsand-topnav-menu) .antsand-topnav-menu.active,
    section:has(.antsand-topnav-menu) .antsand-topnav-menu.nav-open {
      display: flex !important; }
  .antsand-topnav-shell {
    flex-wrap: wrap; }
  .antsand-topnav-brand {
    min-height: 44px; }
  .antsand-topnav-item {
    width: 100%; }
    .antsand-topnav-item > a {
      width: 100%;
      justify-content: flex-start;
      min-height: 44px;
      padding: 0.5rem 1rem;
      border-radius: 0.25rem;
      white-space: normal; }
    .antsand-topnav-item:last-child > a {
      margin-top: 0.25rem;
      border-radius: 0.25rem;
      justify-content: center; }
  .antsand-topnav-toggle {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 4px;
    margin-left: auto; }
    .antsand-topnav-toggle span {
      display: block;
      width: 100%;
      height: 2px;
      background: #495057;
      border-radius: 2px;
      transition: all 150ms ease; }
    .antsand-topnav-toggle.active span:nth-child(1) {
      transform: rotate(45deg) translate(5px, 5px); }
    .antsand-topnav-toggle.active span:nth-child(2) {
      opacity: 0; }
    .antsand-topnav-toggle.active span:nth-child(3) {
      transform: rotate(-45deg) translate(5px, -5px); }
  .antsand-topnav-dark .antsand-topnav-toggle span {
    background: rgba(255, 255, 255, 0.8); }
  section:has(.antsand-topnav-dark) .antsand-topnav-menu {
    border-top-color: rgba(255, 255, 255, 0.08); } }

@media (min-width: 768px) {
  .antsand-topnav-toggle {
    display: none !important; } }

.antsand-accordion {
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  overflow: hidden; }

.antsand-accordion-item {
  border-bottom: 1px solid #e9ecef; }
  .antsand-accordion-item:last-child {
    border-bottom: none; }

.antsand-accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.5rem;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  background-color: transparent;
  border: none;
  cursor: pointer;
  transition: background-color 250ms ease, color 250ms ease; }
  .antsand-accordion-header:hover {
    background-color: #f9fafb; }
  .antsand-accordion-header.active {
    background-color: #f9fafb;
    color: #3498db; }
  .antsand-accordion-header:focus-visible {
    outline: 3px solid rgba(59, 130, 246, 0.5);
    outline-offset: -3px; }

.antsand-accordion-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  transition: transform 250ms ease; }
  .antsand-accordion-icon::before {
    content: '+';
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 300; }
  .antsand-accordion-icon.active::before {
    content: '−'; }

.antsand-accordion-chevron .antsand-accordion-icon::before {
  content: '';
  width: 0.75rem;
  height: 0.75rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  transition: transform 0.25s ease; }

.antsand-accordion-chevron .antsand-accordion-icon.active::before {
  content: '';
  transform: rotate(45deg); }

.antsand-accordion-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out; }
  .antsand-accordion-body.active {
    max-height: 2000px; }

.antsand-accordion-content {
  padding: 0 1.5rem 1.5rem 1.5rem;
  color: #495057;
  line-height: 1.75; }
  .antsand-accordion-content p {
    margin-bottom: 1rem; }
    .antsand-accordion-content p:last-child {
      margin-bottom: 0; }
  .antsand-accordion-content ul, .antsand-accordion-content ol {
    padding-left: 2rem;
    margin-bottom: 1rem; }
  .antsand-accordion-content code {
    font-size: 0.875rem;
    padding: 0.15em 0.4em;
    background: #f8f9fa;
    border-radius: 0.25rem; }

.antsand-accordion-flush {
  border: none;
  border-radius: 0; }
  .antsand-accordion-flush .antsand-accordion-item {
    border-left: none;
    border-right: none; }
    .antsand-accordion-flush .antsand-accordion-item:first-child {
      border-top: 1px solid #e9ecef; }

.antsand-accordion-separated {
  border: none;
  display: flex;
  flex-direction: column;
  gap: 1rem; }
  .antsand-accordion-separated .antsand-accordion-item {
    border: 1px solid #e9ecef;
    border-radius: 0.5rem;
    border-bottom: 1px solid #e9ecef;
    overflow: hidden; }

.antsand-accordion-dark {
  background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
  border-color: rgba(255, 255, 255, 0.1); }
  .antsand-accordion-dark .antsand-accordion-item {
    border-color: rgba(255, 255, 255, 0.08); }
  .antsand-accordion-dark .antsand-accordion-header {
    color: #f1f5f9; }
    .antsand-accordion-dark .antsand-accordion-header:hover {
      background-color: rgba(255, 255, 255, 0.05); }
    .antsand-accordion-dark .antsand-accordion-header.active {
      background-color: rgba(255, 255, 255, 0.05);
      color: #60a5fa; }
  .antsand-accordion-dark .antsand-accordion-content {
    color: #cbd5e1; }
    .antsand-accordion-dark .antsand-accordion-content code {
      background: rgba(255, 255, 255, 0.08);
      color: #93c5fd; }

.antsand-accordion-faq .antsand-accordion-header {
  padding-left: 2rem;
  position: relative; }
  .antsand-accordion-faq .antsand-accordion-header::before {
    content: 'Q';
    position: absolute;
    left: 1.5rem;
    font-weight: 700;
    color: #3498db;
    font-size: 0.875rem; }

.antsand-accordion-faq .antsand-accordion-content {
  padding-left: 2rem;
  position: relative; }
  .antsand-accordion-faq .antsand-accordion-content::before {
    content: 'A';
    position: absolute;
    left: 1.5rem;
    top: 0;
    font-weight: 700;
    color: #27ae60;
    font-size: 0.875rem; }

.antsand-accordion-accent .antsand-accordion-item {
  border-left: 3px solid transparent;
  transition: border-color 250ms ease; }

.antsand-accordion-accent .antsand-accordion-header.active {
  background-color: rgba(52, 152, 219, 0.04); }

.antsand-accordion-accent .antsand-accordion-item:has(.antsand-accordion-header.active) {
  border-left-color: #3498db; }

.antsand-accordion-sm .antsand-accordion-header {
  padding: 0.5rem 1rem;
  font-size: 0.875rem; }

.antsand-accordion-sm .antsand-accordion-content {
  padding: 0 1rem 1rem;
  font-size: 0.875rem; }

.antsand-accordion-lg .antsand-accordion-header {
  padding: 2rem 2rem;
  font-size: 1.125rem; }

.antsand-accordion-lg .antsand-accordion-content {
  padding: 0 2rem 2rem;
  font-size: 1.125rem; }

@media (prefers-reduced-motion: reduce) {
  .antsand-accordion-body {
    transition: none; }
  .antsand-accordion-icon {
    transition: none; } }

@media (prefers-contrast: more) {
  .antsand-accordion {
    border-width: 2px; }
  .antsand-accordion-item {
    border-bottom-width: 2px; }
  .antsand-accordion-header.active {
    text-decoration: underline; } }

[data-tabs],
.antsand-tabs {
  position: relative; }
  [data-tabs] .tabs-header,
  .antsand-tabs .tabs-header {
    display: flex;
    margin-bottom: 1.5rem; }
  [data-tabs] .tabs-item,
  .antsand-tabs .tabs-item {
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    border: none;
    background: transparent;
    font-size: 1rem;
    font-weight: 500;
    transition: all 0.3s ease;
    color: #4a5568; }
    [data-tabs] .tabs-item:focus,
    .antsand-tabs .tabs-item:focus {
      outline: none; }
  [data-tabs] .tabs-content,
  .antsand-tabs .tabs-content {
    display: none;
    padding: 1.5rem;
    border-radius: 0.5rem;
    background: #f7fafc;
    border: 1px solid #e2e8f0;
    min-height: 150px; }
    [data-tabs] .tabs-content.active,
    .antsand-tabs .tabs-content.active {
      display: block; }

.antsand-tabs-pills .tabs-header {
  justify-content: center;
  padding: 0.5rem;
  background-color: #e2e8f0;
  border-radius: 50px; }

.antsand-tabs-pills .tabs-item {
  margin: 0 0.25rem;
  border-radius: 50px; }
  .antsand-tabs-pills .tabs-item:hover {
    background-color: rgba(102, 126, 234, 0.1); }
  .antsand-tabs-pills .tabs-item.active {
    background-image: linear-gradient(to right, #667eea, #764ba2);
    color: white;
    box-shadow: 0 4px 12px rgba(118, 75, 162, 0.3); }

.antsand-tabs-pills .tabs-content {
  background: #f7fafc; }

.antsand-tabs-steps .tabs-header {
  border: 1px solid #cbd5e0;
  border-radius: 0.5rem;
  overflow: hidden; }

.antsand-tabs-steps .tabs-item {
  flex: 1;
  text-align: center;
  background-color: #f8fafc;
  border-right: 1px solid #cbd5e0;
  position: relative; }
  .antsand-tabs-steps .tabs-item:last-child {
    border-right: none; }
  .antsand-tabs-steps .tabs-item:hover {
    background-color: #edf2f7; }
  .antsand-tabs-steps .tabs-item.active {
    background-color: #edf2f7;
    color: #2d3748;
    font-weight: 600; }
    .antsand-tabs-steps .tabs-item.active::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 3px;
      background-color: #4c51bf; }

.antsand-tabs-steps .tabs-content {
  background: #ffffff;
  border: 1px solid #cbd5e0; }

.antsand-tabs-vertical {
  display: flex;
  gap: 1.5rem; }
  .antsand-tabs-vertical .tabs-header {
    flex-direction: column;
    gap: 0.5rem;
    border-right: 2px solid #e2e8f0;
    padding-right: 1.5rem;
    margin-bottom: 0;
    min-width: 200px; }
  .antsand-tabs-vertical .tabs-item {
    text-align: left;
    border-radius: 0.5rem; }
    .antsand-tabs-vertical .tabs-item:hover {
      background-color: #f7fafc; }
    .antsand-tabs-vertical .tabs-item.active {
      background-color: #4c51bf;
      color: white; }
  .antsand-tabs-vertical .tabs-content-wrapper {
    flex: 1; }
  .antsand-tabs-vertical .tabs-content:first-of-type {
    display: block; }

.antsand-tabs-underline .tabs-header {
  border-bottom: 2px solid #e2e8f0;
  gap: 1rem; }

.antsand-tabs-underline .tabs-item {
  padding-bottom: 1rem;
  border-bottom: 3px solid transparent;
  margin-bottom: -2px; }
  .antsand-tabs-underline .tabs-item:hover {
    color: #2d3748;
    border-bottom-color: #cbd5e0; }
  .antsand-tabs-underline .tabs-item.active {
    color: #3498db;
    border-bottom-color: #3498db;
    font-weight: 600; }

.antsand-tabs-underline .tabs-content {
  background: transparent;
  border: none;
  padding-left: 0;
  padding-right: 0; }

.antsand-tabs-boxed .tabs-header {
  gap: 0.5rem;
  background: #f8fafc;
  padding: 1rem;
  border-radius: 0.5rem; }

.antsand-tabs-boxed .tabs-item {
  border-radius: 0.5rem;
  background: white;
  border: 1px solid #e2e8f0; }
  .antsand-tabs-boxed .tabs-item:hover {
    border-color: #cbd5e0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
  .antsand-tabs-boxed .tabs-item.active {
    background: #3498db;
    color: white;
    border-color: #3498db;
    box-shadow: 0 2px 4px rgba(52, 152, 219, 0.3); }

.antsand-tabs-boxed .tabs-content {
  background: white;
  border: 1px solid #e2e8f0; }

@media (max-width: 768px) {
  [data-tabs] .tabs-header,
  .antsand-tabs .tabs-header {
    flex-direction: column;
    gap: 0.5rem; }
  [data-tabs] .tabs-item,
  .antsand-tabs .tabs-item {
    width: 100%;
    text-align: left; }
  .antsand-tabs-pills .tabs-header {
    flex-direction: row;
    flex-wrap: wrap; }
  .antsand-tabs-pills .tabs-item {
    width: auto; }
  .antsand-tabs-vertical {
    flex-direction: column; }
    .antsand-tabs-vertical .tabs-header {
      flex-direction: row;
      border-right: none;
      border-bottom: 2px solid #e2e8f0;
      padding-right: 0;
      padding-bottom: 1rem;
      min-width: 0; } }

.tabs-content-wrapper {
  position: relative; }

.tabs-item[disabled] {
  opacity: 0.5;
  cursor: not-allowed; }

.tabs-item-icon {
  display: inline-block;
  margin-right: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: middle; }

.tabs-item-badge {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.125rem 0.5rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  background: #e2e8f0;
  color: #4a5568; }
  .tabs-item.active .tabs-item-badge {
    background: rgba(255, 255, 255, 0.3);
    color: white; }

[data-carousel] {
  --antsand-carousel-accent: #f15b2a;
  --antsand-carousel-control-bg: #243041;
  --antsand-carousel-control-bg-hover: #111827;
  --antsand-carousel-indicator: #cbd5e1;
  --antsand-carousel-indicator-active: var(--antsand-carousel-accent);
  position: relative;
  width: 100%; }
  [data-carousel] .carousel-header {
    margin-bottom: 1.5rem; }
    [data-carousel] .carousel-header .carousel-title {
      font-size: 1.75rem;
      font-weight: 600;
      color: #2d3748;
      margin-bottom: 0.5rem; }
    [data-carousel] .carousel-header .carousel-description {
      font-size: 1rem;
      color: #718096;
      line-height: 1.6; }
  [data-carousel] .carousel-body {
    position: relative; }
    [data-carousel] .carousel-body .carousel-track-wrapper {
      position: relative;
      overflow: hidden;
      border-radius: 0.75rem; }
    [data-carousel] .carousel-body .carousel-track {
      display: flex;
      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
    [data-carousel] .carousel-body .carousel-item {
      min-width: 100%;
      flex-shrink: 0;
      position: relative; }
      [data-carousel] .carousel-body .carousel-item .carousel-item-image {
        position: relative;
        overflow: hidden; }
        [data-carousel] .carousel-body .carousel-item .carousel-item-image img {
          width: 100%;
          height: auto;
          display: block; }
      [data-carousel] .carousel-body .carousel-item .carousel-item-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 2rem;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
        color: white; }
        [data-carousel] .carousel-body .carousel-item .carousel-item-caption .carousel-item-title {
          font-size: 1.5rem;
          font-weight: 600;
          margin-bottom: 0.5rem;
          color: white; }
        [data-carousel] .carousel-body .carousel-item .carousel-item-caption .carousel-item-description {
          font-size: 1rem;
          color: #eee;
          margin-bottom: 1rem;
          line-height: 1.6; }
        [data-carousel] .carousel-body .carousel-item .carousel-item-caption .carousel-item-cta {
          display: inline-block;
          padding: 0.75rem 1.5rem;
          background: white;
          color: #2d3748;
          text-decoration: none;
          border-radius: 0.5rem;
          font-weight: 500;
          transition: all 0.3s ease; }
          [data-carousel] .carousel-body .carousel-item .carousel-item-caption .carousel-item-cta:hover {
            background: #f7fafc;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }
  [data-carousel] .carousel-footer {
    margin-top: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem; }
    [data-carousel] .carousel-footer .carousel-controls {
      display: flex;
      gap: 0.5rem; }
      [data-carousel] .carousel-footer .carousel-controls .carousel-control-prev,
      [data-carousel] .carousel-footer .carousel-controls .carousel-control-next {
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        border: none;
        background: var(--antsand-carousel-control-bg);
        color: white;
        font-size: 1.5rem;
        cursor: pointer;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1; }
        [data-carousel] .carousel-footer .carousel-controls .carousel-control-prev:hover,
        [data-carousel] .carousel-footer .carousel-controls .carousel-control-next:hover {
          background: var(--antsand-carousel-control-bg-hover);
          transform: scale(1.1); }
        [data-carousel] .carousel-footer .carousel-controls .carousel-control-prev:disabled,
        [data-carousel] .carousel-footer .carousel-controls .carousel-control-next:disabled {
          opacity: 0.5;
          cursor: not-allowed;
          transform: scale(1); }
    [data-carousel] .carousel-footer .carousel-indicators {
      display: flex;
      gap: 0.5rem; }
      [data-carousel] .carousel-footer .carousel-indicators .carousel-indicator {
        width: 0.75rem;
        height: 0.75rem;
        border-radius: 50%;
        background: var(--antsand-carousel-indicator);
        cursor: pointer;
        transition: all 0.3s ease;
        border: none;
        padding: 0; }
        [data-carousel] .carousel-footer .carousel-indicators .carousel-indicator:hover {
          background: #a0aec0; }
        [data-carousel] .carousel-footer .carousel-indicators .carousel-indicator.active {
          background: var(--antsand-carousel-indicator-active);
          width: 2rem;
          border-radius: 0.375rem; }

.antsand-carousel-slide .carousel-body .carousel-track-wrapper {
  background: #000; }

.antsand-carousel-slide .carousel-footer {
  margin-top: -3rem;
  padding-bottom: 0.8rem;
  position: relative;
  z-index: 4; }

.antsand-carousel-fade .carousel-body .carousel-track {
  transition: none; }

.antsand-carousel-fade .carousel-body .carousel-item {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s ease-in-out; }
  .antsand-carousel-fade .carousel-body .carousel-item.active {
    opacity: 1;
    position: relative; }

.antsand-carousel-fade .carousel-footer {
  margin-top: -3rem;
  padding-bottom: 0.8rem;
  position: relative;
  z-index: 4; }

.antsand-carousel-cards .carousel-body .carousel-track {
  gap: 1rem;
  padding: 0.5rem; }

.antsand-carousel-cards .carousel-body .carousel-item {
  min-width: calc(33.333% - 0.667rem);
  flex: 0 0 calc(33.333% - 0.667rem);
  max-width: calc(33.333% - 0.667rem);
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease; }
  .antsand-carousel-cards .carousel-body .carousel-item:hover {
    transform: translateY(-0.5rem);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); }
  .antsand-carousel-cards .carousel-body .carousel-item .carousel-item-caption {
    position: relative;
    background: #f7fafc;
    color: #2d3748;
    padding: 1.25rem;
    background: linear-gradient(to top, #f7fafc, #f7fafc); }
    .antsand-carousel-cards .carousel-body .carousel-item .carousel-item-caption .carousel-item-title {
      color: #2d3748; }
    .antsand-carousel-cards .carousel-body .carousel-item .carousel-item-caption .carousel-item-description {
      color: #718096; }
    .antsand-carousel-cards .carousel-body .carousel-item .carousel-item-caption .carousel-item-cta {
      background: var(--antsand-carousel-accent);
      color: white; }
      .antsand-carousel-cards .carousel-body .carousel-item .carousel-item-caption .carousel-item-cta:hover {
        background: #d94b1f; }

.antsand-carousel-cards .carousel-footer {
  justify-content: flex-end;
  margin-top: 1rem; }

.layout-carousel [data-track] > .profileposts-card-link,
[class*="feature-carousel-"] [data-track] > .profileposts-card-link,
.layout-carousel .data-track > .profileposts-card-link,
[class*="feature-carousel-"] .data-track > .profileposts-card-link,
[data-feature="carousel"] [data-track] > .profileposts-card-link,
[data-feature="carousel"] .data-track > .profileposts-card-link,
[data-carousel="true"] [data-track] > .profileposts-card-link,
[data-carousel="true"] .data-track > .profileposts-card-link {
  display: block;
  text-decoration: none;
  color: inherit; }

.layout-carousel [data-track] > .profileposts-card-link > .profileposts-card,
[class*="feature-carousel-"] [data-track] > .profileposts-card-link > .profileposts-card,
.layout-carousel [data-track] > .profileposts-card-link > .data-sub-container,
[class*="feature-carousel-"] [data-track] > .profileposts-card-link > .data-sub-container,
.layout-carousel .data-track > .profileposts-card-link > .profileposts-card,
[class*="feature-carousel-"] .data-track > .profileposts-card-link > .profileposts-card,
.layout-carousel .data-track > .profileposts-card-link > .data-sub-container,
[class*="feature-carousel-"] .data-track > .profileposts-card-link > .data-sub-container,
[data-feature="carousel"] [data-track] > .profileposts-card-link > .profileposts-card,
[data-feature="carousel"] [data-track] > .profileposts-card-link > .data-sub-container,
[data-feature="carousel"] .data-track > .profileposts-card-link > .profileposts-card,
[data-feature="carousel"] .data-track > .profileposts-card-link > .data-sub-container,
[data-carousel="true"] [data-track] > .profileposts-card-link > .profileposts-card,
[data-carousel="true"] [data-track] > .profileposts-card-link > .data-sub-container,
[data-carousel="true"] .data-track > .profileposts-card-link > .profileposts-card,
[data-carousel="true"] .data-track > .profileposts-card-link > .data-sub-container {
  width: 100% !important;
  height: 100%;
  max-width: 100%; }

.antsand-carousel-cover .carousel-body .carousel-item {
  height: 37.5rem;
  display: flex;
  align-items: center;
  justify-content: center; }
  .antsand-carousel-cover .carousel-body .carousel-item .carousel-item-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .antsand-carousel-cover .carousel-body .carousel-item .carousel-item-caption {
    position: relative;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    padding: 3rem;
    border-radius: 1rem;
    backdrop-filter: blur(10px);
    max-width: 43.75rem;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)); }
    .antsand-carousel-cover .carousel-body .carousel-item .carousel-item-caption .carousel-item-title {
      font-size: 2.625rem;
      margin-bottom: 1rem; }
    .antsand-carousel-cover .carousel-body .carousel-item .carousel-item-caption .carousel-item-description {
      font-size: 1.25rem;
      margin-bottom: 1.5rem; }

.antsand-carousel-cover .carousel-footer {
  margin-top: -3.2rem;
  padding-bottom: 0.7rem;
  position: relative;
  z-index: 4; }

.antsand-carousel-spotlight {
  --antsand-carousel-glow: rgba(30, 136, 229, 0.28);
  --antsand-carousel-surface: #101820;
  background: radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.18), transparent 38rem), linear-gradient(135deg, #0b1118 0%, #121a24 55%, #080b10 100%);
  color: #fff;
  overflow: hidden;
  padding: clamp(2.5rem, 5vw, 5rem) 0; }
  .antsand-carousel-spotlight .carousel-body {
    overflow: visible; }
  .antsand-carousel-spotlight .carousel-track-wrapper {
    border-radius: 0;
    overflow: visible; }
  .antsand-carousel-spotlight .carousel-track {
    gap: clamp(1rem, 2vw, 2rem);
    padding-inline: clamp(1rem, 12vw, 12rem); }
  .antsand-carousel-spotlight .carousel-item {
    background: var(--antsand-carousel-surface);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: clamp(1rem, 2vw, 1.75rem);
    box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.38);
    flex: 0 0 74vw;
    isolation: isolate;
    min-height: clamp(25rem, 45vw, 39rem);
    max-width: 72rem;
    min-width: 0;
    overflow: hidden;
    opacity: 0.58;
    transform: scale(0.92);
    transition: opacity 0.35s ease, transform 0.35s ease, filter 0.35s ease, box-shadow 0.35s ease;
    filter: saturate(0.82) brightness(0.78); }
    .antsand-carousel-spotlight .carousel-item.active {
      box-shadow: 0 2.5rem 7rem rgba(0, 0, 0, 0.48), 0 0 6rem var(--antsand-carousel-glow);
      filter: saturate(1) brightness(1);
      opacity: 1;
      transform: scale(1); }
    .antsand-carousel-spotlight .carousel-item::after {
      background: linear-gradient(90deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.08) 58%), linear-gradient(0deg, rgba(0, 0, 0, 0.64), transparent 45%);
      content: "";
      inset: 0;
      position: absolute;
      z-index: 1; }
  .antsand-carousel-spotlight .carousel-item-image {
    inset: 0;
    position: absolute; }
    .antsand-carousel-spotlight .carousel-item-image img {
      height: 100%;
      object-fit: cover;
      width: 100%; }
  .antsand-carousel-spotlight .carousel-item-caption {
    background: transparent;
    bottom: 0;
    left: 0;
    max-width: 44rem;
    padding: clamp(1.5rem, 5vw, 4rem);
    position: absolute;
    right: auto;
    z-index: 2; }
    .antsand-carousel-spotlight .carousel-item-caption .carousel-item-kicker {
      background: rgba(255, 255, 255, 0.13);
      border: 1px solid rgba(255, 255, 255, 0.16);
      border-radius: 999px;
      color: rgba(255, 255, 255, 0.82);
      display: inline-flex;
      font-size: 0.74rem;
      font-weight: 800;
      letter-spacing: 0.12em;
      margin-bottom: 1rem;
      padding: 0.42rem 0.7rem;
      text-transform: uppercase; }
    .antsand-carousel-spotlight .carousel-item-caption .carousel-item-title {
      color: #fff;
      font-size: clamp(2rem, 4.5vw, 4.5rem);
      letter-spacing: -0.055em;
      line-height: 0.96;
      margin-bottom: 1rem; }
    .antsand-carousel-spotlight .carousel-item-caption .carousel-item-description {
      color: rgba(255, 255, 255, 0.82);
      font-size: clamp(1rem, 1.5vw, 1.18rem);
      line-height: 1.65;
      margin-bottom: 1.4rem;
      max-width: 36rem; }
    .antsand-carousel-spotlight .carousel-item-caption .carousel-item-cta {
      background: #fff;
      border-radius: 999px;
      color: #0f172a;
      font-weight: 800;
      padding: 0.82rem 1.18rem; }
  .antsand-carousel-spotlight .carousel-footer {
    justify-content: center;
    margin-top: clamp(1rem, 2vw, 1.8rem); }
    .antsand-carousel-spotlight .carousel-footer .carousel-controls {
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 999px;
      padding: 0.35rem; }
      .antsand-carousel-spotlight .carousel-footer .carousel-controls .carousel-control-prev,
      .antsand-carousel-spotlight .carousel-footer .carousel-controls .carousel-control-next {
        background: rgba(255, 255, 255, 0.12); }
        .antsand-carousel-spotlight .carousel-footer .carousel-controls .carousel-control-prev:hover,
        .antsand-carousel-spotlight .carousel-footer .carousel-controls .carousel-control-next:hover {
          background: rgba(255, 255, 255, 0.22); }

.antsand-carousel-story-cards {
  background: linear-gradient(135deg, #101820 0%, #162231 100%);
  color: #fff;
  padding: clamp(2.5rem, 5vw, 4.5rem); }
  .antsand-carousel-story-cards .carousel-track {
    gap: clamp(1rem, 2vw, 1.5rem); }
  .antsand-carousel-story-cards .carousel-track-wrapper {
    border-radius: 0; }
  .antsand-carousel-story-cards .carousel-item {
    background: rgba(255, 255, 255, 0.065);
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 1.25rem;
    display: grid;
    grid-template-columns: minmax(10rem, 38%) 1fr;
    min-height: 16rem;
    overflow: hidden;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; }
    .antsand-carousel-story-cards .carousel-item:hover {
      border-color: rgba(255, 255, 255, 0.22);
      box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.28);
      transform: translateY(-0.25rem); }
  .antsand-carousel-story-cards .carousel-item-image {
    height: 100%; }
    .antsand-carousel-story-cards .carousel-item-image img {
      height: 100%;
      object-fit: cover;
      width: 100%; }
  .antsand-carousel-story-cards .carousel-item-caption {
    background: transparent;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(1.25rem, 3vw, 2rem);
    position: relative; }
    .antsand-carousel-story-cards .carousel-item-caption .carousel-item-kicker {
      color: #8bd3ff;
      font-size: 0.72rem;
      font-weight: 900;
      letter-spacing: 0.12em;
      margin-bottom: 0.8rem;
      text-transform: uppercase; }
    .antsand-carousel-story-cards .carousel-item-caption .carousel-item-title {
      color: #fff;
      font-size: clamp(1.25rem, 2.2vw, 1.9rem);
      letter-spacing: -0.04em;
      line-height: 1.05;
      margin-bottom: 0.75rem; }
    .antsand-carousel-story-cards .carousel-item-caption .carousel-item-description {
      color: rgba(255, 255, 255, 0.72);
      font-size: 0.95rem;
      line-height: 1.6;
      margin-bottom: 1rem; }
    .antsand-carousel-story-cards .carousel-item-caption .carousel-item-cta {
      align-self: flex-start;
      background: transparent;
      color: #fff;
      padding: 0; }
      .antsand-carousel-story-cards .carousel-item-caption .carousel-item-cta::after {
        content: " ->"; }
      .antsand-carousel-story-cards .carousel-item-caption .carousel-item-cta:hover {
        box-shadow: none;
        color: #8bd3ff;
        transform: none; }
  .antsand-carousel-story-cards .carousel-footer {
    justify-content: space-between; }
    .antsand-carousel-story-cards .carousel-footer .carousel-indicators .carousel-indicator.active {
      background: #8bd3ff; }

.antsand-carousel-editorial-strip {
  --antsand-carousel-accent: #f15b2a;
  background: radial-gradient(circle at 85% 15%, rgba(99, 91, 255, 0.14), transparent 22rem), linear-gradient(180deg, #f6f9fc 0%, #fff 100%);
  color: #0a2540;
  overflow: hidden;
  padding: clamp(2.5rem, 5vw, 5rem) 0; }
  .antsand-carousel-editorial-strip .carousel-track-wrapper {
    border-radius: 0;
    overflow: visible; }
  .antsand-carousel-editorial-strip .carousel-track {
    gap: clamp(1rem, 2vw, 1.5rem);
    padding-left: clamp(1rem, 8vw, 7rem);
    padding-right: clamp(1rem, 16vw, 15rem); }
  .antsand-carousel-editorial-strip .carousel-item {
    background: transparent;
    border: 0;
    border-radius: 0.65rem;
    box-shadow: none;
    display: grid;
    flex: 0 0 clamp(4.5rem, 11vw, 12rem);
    grid-template-rows: clamp(18rem, 33vw, 28.75rem) auto;
    max-width: none;
    min-width: 0;
    overflow: hidden;
    opacity: 0.84;
    transform: translateY(0);
    transition: opacity 0.3s ease, flex-basis 0.35s ease, max-width 0.35s ease, transform 0.3s ease, box-shadow 0.3s ease; }
    .antsand-carousel-editorial-strip .carousel-item.active {
      flex-basis: 64vw;
      max-width: 50rem;
      opacity: 1;
      transform: translateY(0); }
      .antsand-carousel-editorial-strip .carousel-item.active .carousel-item-image {
        box-shadow: 0 1.5rem 4rem rgba(50, 50, 93, 0.18); }
    .antsand-carousel-editorial-strip .carousel-item:not(.active) .carousel-item-caption {
      display: none; }
  .antsand-carousel-editorial-strip .carousel-item-image {
    background: #dfe7f2;
    border: 1px solid rgba(10, 37, 64, 0.08);
    border-radius: 0.45rem;
    height: 100%;
    overflow: hidden; }
    .antsand-carousel-editorial-strip .carousel-item-image img {
      height: 100%;
      object-fit: cover;
      width: 100%; }
  .antsand-carousel-editorial-strip .carousel-item-caption {
    background: transparent;
    color: #0a2540;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 54rem;
    padding: clamp(1.25rem, 2.4vw, 1.9rem) 0 0;
    position: relative; }
    .antsand-carousel-editorial-strip .carousel-item-caption .carousel-item-kicker {
      color: var(--antsand-carousel-accent);
      font-size: 0.73rem;
      font-weight: 900;
      letter-spacing: 0.12em;
      margin-bottom: 1rem;
      text-transform: uppercase; }
    .antsand-carousel-editorial-strip .carousel-item-caption .carousel-item-title {
      color: #0a2540;
      font-size: clamp(1.15rem, 2vw, 1.55rem);
      letter-spacing: -0.035em;
      line-height: 1.08;
      margin-bottom: 0.45rem; }
    .antsand-carousel-editorial-strip .carousel-item-caption .carousel-item-description {
      color: #425466;
      font-size: clamp(1rem, 1.4vw, 1.12rem);
      line-height: 1.45;
      margin-bottom: 1.25rem; }
    .antsand-carousel-editorial-strip .carousel-item-caption .carousel-item-cta {
      align-self: flex-start;
      background: var(--antsand-carousel-accent);
      border-radius: 999px;
      color: #fff;
      font-weight: 800;
      padding: 0.78rem 1.1rem; }
  .antsand-carousel-editorial-strip .carousel-footer {
    justify-content: flex-end;
    margin-inline: clamp(1rem, 8vw, 7rem);
    margin-top: -3.5rem;
    position: relative;
    z-index: 3; }
    .antsand-carousel-editorial-strip .carousel-footer .carousel-control-prev,
    .antsand-carousel-editorial-strip .carousel-footer .carousel-control-next {
      background: #fff;
      box-shadow: 0 0.75rem 1.8rem rgba(50, 50, 93, 0.14);
      color: var(--antsand-carousel-accent); }
      .antsand-carousel-editorial-strip .carousel-footer .carousel-control-prev:hover,
      .antsand-carousel-editorial-strip .carousel-footer .carousel-control-next:hover {
        background: var(--antsand-carousel-accent);
        color: #fff; }
    .antsand-carousel-editorial-strip .carousel-footer .carousel-indicators .carousel-indicator.active {
      background: var(--antsand-carousel-accent); }

@media (max-width: 768px) {
  [data-carousel] .carousel-header .carousel-title {
    font-size: 1.5rem; }
  [data-carousel] .carousel-header .carousel-description {
    font-size: 0.875rem; }
  [data-carousel] .carousel-body .carousel-item .carousel-item-caption {
    padding: 1rem; }
    [data-carousel] .carousel-body .carousel-item .carousel-item-caption .carousel-item-title {
      font-size: 1.25rem; }
    [data-carousel] .carousel-body .carousel-item .carousel-item-caption .carousel-item-description {
      font-size: 0.875rem; }
  [data-carousel] .carousel-footer {
    flex-direction: column;
    gap: 1rem; }
    [data-carousel] .carousel-footer .carousel-controls {
      order: 2; }
    [data-carousel] .carousel-footer .carousel-indicators {
      order: 1; }
  .antsand-carousel-cards .carousel-body .carousel-item {
    min-width: 100%; }
  .antsand-carousel-spotlight {
    padding: 2.5rem 0; }
    .antsand-carousel-spotlight .carousel-track {
      padding-inline: 1rem; }
    .antsand-carousel-spotlight .carousel-item {
      flex-basis: calc(100vw - 2rem);
      min-height: 28rem;
      min-width: calc(100vw - 2rem);
      transform: none; }
  .antsand-carousel-story-cards {
    padding: 2.5rem 1rem; }
    .antsand-carousel-story-cards .carousel-item {
      grid-template-columns: 1fr; }
    .antsand-carousel-story-cards .carousel-item-image {
      height: 14rem; }
  .antsand-carousel-editorial-strip .carousel-track {
    padding-inline: 1rem; }
  .antsand-carousel-editorial-strip .carousel-item {
    flex-basis: calc(100vw - 2rem);
    max-width: calc(100vw - 2rem);
    min-width: calc(100vw - 2rem); }
    .antsand-carousel-editorial-strip .carousel-item.active {
      flex-basis: calc(100vw - 2rem);
      max-width: calc(100vw - 2rem); }
  .antsand-carousel-editorial-strip .carousel-item-image {
    height: 16rem; }
  .antsand-carousel-editorial-strip .carousel-footer {
    justify-content: center;
    margin-inline: 1rem;
    margin-top: 1rem; }
  .antsand-carousel-cover .carousel-body .carousel-item {
    height: 25rem; }
    .antsand-carousel-cover .carousel-body .carousel-item .carousel-item-caption {
      padding: 1.5rem; }
      .antsand-carousel-cover .carousel-body .carousel-item .carousel-item-caption .carousel-item-title {
        font-size: 1.75rem; }
      .antsand-carousel-cover .carousel-body .carousel-item .carousel-item-caption .carousel-item-description {
        font-size: 1rem; } }

@media (max-width: 640px) {
  [data-carousel] .carousel-controls {
    display: none; } }

[data-carousel][data-loading="true"] .carousel-body {
  opacity: 0.5;
  pointer-events: none; }

[data-carousel][data-autoplay="true"] .carousel-indicator.active {
  animation: carousel-progress 5s linear; }

@keyframes carousel-progress {
  from {
    background: #cbd5e1; }
  to {
    background: #f15b2a; } }

.layout-carousel, [data-feature="carousel"],
[data-carousel="true"],
[class*="feature-carousel-"] {
  position: relative;
  display: block !important; }
  .layout-carousel .data-track-wrapper, [data-feature="carousel"] .data-track-wrapper,
  [data-carousel="true"] .data-track-wrapper,
  [class*="feature-carousel-"] .data-track-wrapper,
  .layout-carousel .carousel-track-wrapper,
  [data-feature="carousel"] .carousel-track-wrapper,
  [data-carousel="true"] .carousel-track-wrapper,
  [class*="feature-carousel-"] .carousel-track-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%; }
    .layout-carousel .data-track-wrapper .carousel-controls, [data-feature="carousel"] .data-track-wrapper .carousel-controls,
    [data-carousel="true"] .data-track-wrapper .carousel-controls,
    [class*="feature-carousel-"] .data-track-wrapper .carousel-controls,
    .layout-carousel .carousel-track-wrapper .carousel-controls,
    [data-feature="carousel"] .carousel-track-wrapper .carousel-controls,
    [data-carousel="true"] .carousel-track-wrapper .carousel-controls,
    [class*="feature-carousel-"] .carousel-track-wrapper .carousel-controls {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 1rem;
      pointer-events: none;
      z-index: 10; }
      .layout-carousel .data-track-wrapper .carousel-controls .carousel-control-prev, [data-feature="carousel"] .data-track-wrapper .carousel-controls .carousel-control-prev,
      [data-carousel="true"] .data-track-wrapper .carousel-controls .carousel-control-prev,
      [class*="feature-carousel-"] .data-track-wrapper .carousel-controls .carousel-control-prev,
      .layout-carousel .data-track-wrapper .carousel-controls .carousel-control-next,
      [data-feature="carousel"] .data-track-wrapper .carousel-controls .carousel-control-next,
      [data-carousel="true"] .data-track-wrapper .carousel-controls .carousel-control-next,
      [class*="feature-carousel-"] .data-track-wrapper .carousel-controls .carousel-control-next,
      .layout-carousel .carousel-track-wrapper .carousel-controls .carousel-control-prev,
      [data-feature="carousel"] .carousel-track-wrapper .carousel-controls .carousel-control-prev,
      [data-carousel="true"] .carousel-track-wrapper .carousel-controls .carousel-control-prev,
      [class*="feature-carousel-"] .carousel-track-wrapper .carousel-controls .carousel-control-prev,
      .layout-carousel .carousel-track-wrapper .carousel-controls .carousel-control-next,
      [data-feature="carousel"] .carousel-track-wrapper .carousel-controls .carousel-control-next,
      [data-carousel="true"] .carousel-track-wrapper .carousel-controls .carousel-control-next,
      [class*="feature-carousel-"] .carousel-track-wrapper .carousel-controls .carousel-control-next {
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        border: none;
        background: rgba(45, 55, 72, 0.85);
        color: white;
        font-size: 1.5rem;
        cursor: pointer;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        pointer-events: auto;
        backdrop-filter: blur(4px); }
        .layout-carousel .data-track-wrapper .carousel-controls .carousel-control-prev:hover, [data-feature="carousel"] .data-track-wrapper .carousel-controls .carousel-control-prev:hover,
        [data-carousel="true"] .data-track-wrapper .carousel-controls .carousel-control-prev:hover,
        [class*="feature-carousel-"] .data-track-wrapper .carousel-controls .carousel-control-prev:hover,
        .layout-carousel .data-track-wrapper .carousel-controls .carousel-control-next:hover,
        [data-feature="carousel"] .data-track-wrapper .carousel-controls .carousel-control-next:hover,
        [data-carousel="true"] .data-track-wrapper .carousel-controls .carousel-control-next:hover,
        [class*="feature-carousel-"] .data-track-wrapper .carousel-controls .carousel-control-next:hover,
        .layout-carousel .carousel-track-wrapper .carousel-controls .carousel-control-prev:hover,
        [data-feature="carousel"] .carousel-track-wrapper .carousel-controls .carousel-control-prev:hover,
        [data-carousel="true"] .carousel-track-wrapper .carousel-controls .carousel-control-prev:hover,
        [class*="feature-carousel-"] .carousel-track-wrapper .carousel-controls .carousel-control-prev:hover,
        .layout-carousel .carousel-track-wrapper .carousel-controls .carousel-control-next:hover,
        [data-feature="carousel"] .carousel-track-wrapper .carousel-controls .carousel-control-next:hover,
        [data-carousel="true"] .carousel-track-wrapper .carousel-controls .carousel-control-next:hover,
        [class*="feature-carousel-"] .carousel-track-wrapper .carousel-controls .carousel-control-next:hover {
          background: rgba(26, 32, 44, 0.95);
          transform: scale(1.1); }
  .layout-carousel .data-track, [data-feature="carousel"] .data-track,
  [data-carousel="true"] .data-track,
  [class*="feature-carousel-"] .data-track,
  .layout-carousel [data-track],
  [data-feature="carousel"] [data-track],
  [data-carousel="true"] [data-track],
  [class*="feature-carousel-"] [data-track] {
    display: flex;
    flex-wrap: nowrap;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    gap: 0; }
    .layout-carousel .data-track > *, [data-feature="carousel"] .data-track > *,
    [data-carousel="true"] .data-track > *,
    [class*="feature-carousel-"] .data-track > *,
    .layout-carousel [data-track] > *,
    [data-feature="carousel"] [data-track] > *,
    [data-carousel="true"] [data-track] > *,
    [class*="feature-carousel-"] [data-track] > * {
      min-width: 100%;
      flex: 0 0 100%;
      flex-shrink: 0;
      opacity: 1;
      transition: opacity 0.3s ease; }
  .layout-carousel .carousel-item, [data-feature="carousel"] .carousel-item,
  [data-carousel="true"] .carousel-item,
  [class*="feature-carousel-"] .carousel-item {
    min-width: 100%;
    flex: 0 0 100%;
    flex-shrink: 0;
    opacity: 1;
    transition: opacity 0.3s ease; }
  .layout-carousel .carousel-indicators, [data-feature="carousel"] .carousel-indicators,
  [data-carousel="true"] .carousel-indicators,
  [class*="feature-carousel-"] .carousel-indicators {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 0;
    margin-top: 0.5rem;
    position: relative;
    z-index: 5; }
    .layout-carousel .carousel-indicators .carousel-indicator, [data-feature="carousel"] .carousel-indicators .carousel-indicator,
    [data-carousel="true"] .carousel-indicators .carousel-indicator,
    [class*="feature-carousel-"] .carousel-indicators .carousel-indicator {
      width: 0.75rem;
      height: 0.75rem;
      border-radius: 50%;
      background: #cbd5e0;
      cursor: pointer;
      transition: all 0.3s ease;
      border: none;
      padding: 0; }
      .layout-carousel .carousel-indicators .carousel-indicator:hover, [data-feature="carousel"] .carousel-indicators .carousel-indicator:hover,
      [data-carousel="true"] .carousel-indicators .carousel-indicator:hover,
      [class*="feature-carousel-"] .carousel-indicators .carousel-indicator:hover {
        background: #a0aec0; }
      .layout-carousel .carousel-indicators .carousel-indicator.active, [data-feature="carousel"] .carousel-indicators .carousel-indicator.active,
      [data-carousel="true"] .carousel-indicators .carousel-indicator.active,
      [class*="feature-carousel-"] .carousel-indicators .carousel-indicator.active {
        background: var(--antsand-carousel-indicator-active, #f15b2a);
        width: 2rem;
        border-radius: 0.375rem; }
    .layout-carousel .carousel-indicators.carousel-indicators-brand .carousel-indicator:hover, [data-feature="carousel"] .carousel-indicators.carousel-indicators-brand .carousel-indicator:hover,
    [data-carousel="true"] .carousel-indicators.carousel-indicators-brand .carousel-indicator:hover,
    [class*="feature-carousel-"] .carousel-indicators.carousel-indicators-brand .carousel-indicator:hover, .layout-carousel .carousel-indicators.carousel-indicators-red .carousel-indicator:hover, [data-feature="carousel"] .carousel-indicators.carousel-indicators-red .carousel-indicator:hover,
    [data-carousel="true"] .carousel-indicators.carousel-indicators-red .carousel-indicator:hover,
    [class*="feature-carousel-"] .carousel-indicators.carousel-indicators-red .carousel-indicator:hover {
      background: #e8a090; }
    .layout-carousel .carousel-indicators.carousel-indicators-brand .carousel-indicator.active, [data-feature="carousel"] .carousel-indicators.carousel-indicators-brand .carousel-indicator.active,
    [data-carousel="true"] .carousel-indicators.carousel-indicators-brand .carousel-indicator.active,
    [class*="feature-carousel-"] .carousel-indicators.carousel-indicators-brand .carousel-indicator.active, .layout-carousel .carousel-indicators.carousel-indicators-red .carousel-indicator.active, [data-feature="carousel"] .carousel-indicators.carousel-indicators-red .carousel-indicator.active,
    [data-carousel="true"] .carousel-indicators.carousel-indicators-red .carousel-indicator.active,
    [class*="feature-carousel-"] .carousel-indicators.carousel-indicators-red .carousel-indicator.active {
      background: #c74a22; }
  .layout-carousel.carousel-brand .carousel-indicators .carousel-indicator:hover, .carousel-brand[data-feature="carousel"] .carousel-indicators .carousel-indicator:hover,
  .carousel-brand[data-carousel="true"] .carousel-indicators .carousel-indicator:hover,
  .carousel-brand[class*="feature-carousel-"] .carousel-indicators .carousel-indicator:hover, .layout-carousel.carousel-red .carousel-indicators .carousel-indicator:hover, .carousel-red[data-feature="carousel"] .carousel-indicators .carousel-indicator:hover,
  .carousel-red[data-carousel="true"] .carousel-indicators .carousel-indicator:hover,
  .carousel-red[class*="feature-carousel-"] .carousel-indicators .carousel-indicator:hover {
    background: #e8a090; }
  .layout-carousel.carousel-brand .carousel-indicators .carousel-indicator.active, .carousel-brand[data-feature="carousel"] .carousel-indicators .carousel-indicator.active,
  .carousel-brand[data-carousel="true"] .carousel-indicators .carousel-indicator.active,
  .carousel-brand[class*="feature-carousel-"] .carousel-indicators .carousel-indicator.active, .layout-carousel.carousel-red .carousel-indicators .carousel-indicator.active, .carousel-red[data-feature="carousel"] .carousel-indicators .carousel-indicator.active,
  .carousel-red[data-carousel="true"] .carousel-indicators .carousel-indicator.active,
  .carousel-red[class*="feature-carousel-"] .carousel-indicators .carousel-indicator.active {
    background: #c74a22; }

.layout-carousel-cards, [data-carousel-variant="cards"],
.carousel-cards {
  overflow: visible; }
  .layout-carousel-cards .data-track, [data-carousel-variant="cards"] .data-track,
  .carousel-cards .data-track,
  .layout-carousel-cards [data-track],
  [data-carousel-variant="cards"] [data-track],
  .carousel-cards [data-track] {
    gap: 1.5rem; }
    .layout-carousel-cards .data-track > .data-sub-container, [data-carousel-variant="cards"] .data-track > .data-sub-container,
    .carousel-cards .data-track > .data-sub-container,
    .layout-carousel-cards .data-track > .carousel-item,
    [data-carousel-variant="cards"] .data-track > .carousel-item,
    .carousel-cards .data-track > .carousel-item,
    .layout-carousel-cards .data-track > *,
    [data-carousel-variant="cards"] .data-track > *,
    .carousel-cards .data-track > *,
    .layout-carousel-cards [data-track] > .data-sub-container,
    [data-carousel-variant="cards"] [data-track] > .data-sub-container,
    .carousel-cards [data-track] > .data-sub-container,
    .layout-carousel-cards [data-track] > .carousel-item,
    [data-carousel-variant="cards"] [data-track] > .carousel-item,
    .carousel-cards [data-track] > .carousel-item,
    .layout-carousel-cards [data-track] > *,
    [data-carousel-variant="cards"] [data-track] > *,
    .carousel-cards [data-track] > * {
      min-width: calc(33.333% - 16px);
      flex: 0 0 calc(33.333% - 16px);
      border-radius: 0.75rem;
      overflow: hidden; }
      @media (max-width: 768px) {
        .layout-carousel-cards .data-track > .data-sub-container, [data-carousel-variant="cards"] .data-track > .data-sub-container,
        .carousel-cards .data-track > .data-sub-container,
        .layout-carousel-cards .data-track > .carousel-item,
        [data-carousel-variant="cards"] .data-track > .carousel-item,
        .carousel-cards .data-track > .carousel-item,
        .layout-carousel-cards .data-track > *,
        [data-carousel-variant="cards"] .data-track > *,
        .carousel-cards .data-track > *,
        .layout-carousel-cards [data-track] > .data-sub-container,
        [data-carousel-variant="cards"] [data-track] > .data-sub-container,
        .carousel-cards [data-track] > .data-sub-container,
        .layout-carousel-cards [data-track] > .carousel-item,
        [data-carousel-variant="cards"] [data-track] > .carousel-item,
        .carousel-cards [data-track] > .carousel-item,
        .layout-carousel-cards [data-track] > *,
        [data-carousel-variant="cards"] [data-track] > *,
        .carousel-cards [data-track] > * {
          min-width: 100%;
          flex: 0 0 100%; } }
      @media (min-width: 769px) and (max-width: 1024px) {
        .layout-carousel-cards .data-track > .data-sub-container, [data-carousel-variant="cards"] .data-track > .data-sub-container,
        .carousel-cards .data-track > .data-sub-container,
        .layout-carousel-cards .data-track > .carousel-item,
        [data-carousel-variant="cards"] .data-track > .carousel-item,
        .carousel-cards .data-track > .carousel-item,
        .layout-carousel-cards .data-track > *,
        [data-carousel-variant="cards"] .data-track > *,
        .carousel-cards .data-track > *,
        .layout-carousel-cards [data-track] > .data-sub-container,
        [data-carousel-variant="cards"] [data-track] > .data-sub-container,
        .carousel-cards [data-track] > .data-sub-container,
        .layout-carousel-cards [data-track] > .carousel-item,
        [data-carousel-variant="cards"] [data-track] > .carousel-item,
        .carousel-cards [data-track] > .carousel-item,
        .layout-carousel-cards [data-track] > *,
        [data-carousel-variant="cards"] [data-track] > *,
        .carousel-cards [data-track] > * {
          min-width: calc(50% - 12px);
          flex: 0 0 calc(50% - 12px); } }
.layout-carousel-items-1 .data-track,
.layout-carousel-items-1 [data-track] {
  gap: 1.5rem; }
  .layout-carousel-items-1 .data-track > .data-sub-container,
  .layout-carousel-items-1 .data-track > .carousel-item,
  .layout-carousel-items-1 .data-track > *,
  .layout-carousel-items-1 [data-track] > .data-sub-container,
  .layout-carousel-items-1 [data-track] > .carousel-item,
  .layout-carousel-items-1 [data-track] > * {
    min-width: 100%;
    flex: 0 0 100%;
    border-radius: 0.75rem;
    overflow: hidden; }

.layout-carousel-items-2 {
  overflow: visible; }
  .layout-carousel-items-2 .data-track,
  .layout-carousel-items-2 [data-track] {
    gap: 1.5rem; }
    .layout-carousel-items-2 .data-track > .data-sub-container,
    .layout-carousel-items-2 .data-track > .carousel-item,
    .layout-carousel-items-2 .data-track > *,
    .layout-carousel-items-2 [data-track] > .data-sub-container,
    .layout-carousel-items-2 [data-track] > .carousel-item,
    .layout-carousel-items-2 [data-track] > * {
      min-width: calc(50% - 12px);
      flex: 0 0 calc(50% - 12px);
      border-radius: 0.75rem;
      overflow: hidden; }
  @media (max-width: 768px) {
    .layout-carousel-items-2 .data-track,
    .layout-carousel-items-2 [data-track] {
      gap: 1.5rem; }
      .layout-carousel-items-2 .data-track > .data-sub-container,
      .layout-carousel-items-2 .data-track > .carousel-item,
      .layout-carousel-items-2 .data-track > *,
      .layout-carousel-items-2 [data-track] > .data-sub-container,
      .layout-carousel-items-2 [data-track] > .carousel-item,
      .layout-carousel-items-2 [data-track] > * {
        min-width: 100%;
        flex: 0 0 100%;
        border-radius: 0.75rem;
        overflow: hidden; } }
.layout-carousel-items-3 {
  overflow: visible; }
  .layout-carousel-items-3 .data-track,
  .layout-carousel-items-3 [data-track] {
    gap: 1.5rem; }
    .layout-carousel-items-3 .data-track > .data-sub-container,
    .layout-carousel-items-3 .data-track > .carousel-item,
    .layout-carousel-items-3 .data-track > *,
    .layout-carousel-items-3 [data-track] > .data-sub-container,
    .layout-carousel-items-3 [data-track] > .carousel-item,
    .layout-carousel-items-3 [data-track] > * {
      min-width: calc(33.3333333333% - 16px);
      flex: 0 0 calc(33.3333333333% - 16px);
      border-radius: 0.75rem;
      overflow: hidden; }
  @media (max-width: 768px) {
    .layout-carousel-items-3 .data-track,
    .layout-carousel-items-3 [data-track] {
      gap: 1.5rem; }
      .layout-carousel-items-3 .data-track > .data-sub-container,
      .layout-carousel-items-3 .data-track > .carousel-item,
      .layout-carousel-items-3 .data-track > *,
      .layout-carousel-items-3 [data-track] > .data-sub-container,
      .layout-carousel-items-3 [data-track] > .carousel-item,
      .layout-carousel-items-3 [data-track] > * {
        min-width: 100%;
        flex: 0 0 100%;
        border-radius: 0.75rem;
        overflow: hidden; } }
  @media (min-width: 769px) and (max-width: 1024px) {
    .layout-carousel-items-3 .data-track,
    .layout-carousel-items-3 [data-track] {
      gap: 1.5rem; }
      .layout-carousel-items-3 .data-track > .data-sub-container,
      .layout-carousel-items-3 .data-track > .carousel-item,
      .layout-carousel-items-3 .data-track > *,
      .layout-carousel-items-3 [data-track] > .data-sub-container,
      .layout-carousel-items-3 [data-track] > .carousel-item,
      .layout-carousel-items-3 [data-track] > * {
        min-width: calc(50% - 12px);
        flex: 0 0 calc(50% - 12px);
        border-radius: 0.75rem;
        overflow: hidden; } }
.layout-carousel-items-4 {
  overflow: visible; }
  .layout-carousel-items-4 .data-track,
  .layout-carousel-items-4 [data-track] {
    gap: 1.5rem; }
    .layout-carousel-items-4 .data-track > .data-sub-container,
    .layout-carousel-items-4 .data-track > .carousel-item,
    .layout-carousel-items-4 .data-track > *,
    .layout-carousel-items-4 [data-track] > .data-sub-container,
    .layout-carousel-items-4 [data-track] > .carousel-item,
    .layout-carousel-items-4 [data-track] > * {
      min-width: calc(25% - 18px);
      flex: 0 0 calc(25% - 18px);
      border-radius: 0.75rem;
      overflow: hidden; }
  @media (max-width: 768px) {
    .layout-carousel-items-4 .data-track,
    .layout-carousel-items-4 [data-track] {
      gap: 1.5rem; }
      .layout-carousel-items-4 .data-track > .data-sub-container,
      .layout-carousel-items-4 .data-track > .carousel-item,
      .layout-carousel-items-4 .data-track > *,
      .layout-carousel-items-4 [data-track] > .data-sub-container,
      .layout-carousel-items-4 [data-track] > .carousel-item,
      .layout-carousel-items-4 [data-track] > * {
        min-width: 100%;
        flex: 0 0 100%;
        border-radius: 0.75rem;
        overflow: hidden; } }
  @media (min-width: 769px) and (max-width: 1024px) {
    .layout-carousel-items-4 .data-track,
    .layout-carousel-items-4 [data-track] {
      gap: 1.5rem; }
      .layout-carousel-items-4 .data-track > .data-sub-container,
      .layout-carousel-items-4 .data-track > .carousel-item,
      .layout-carousel-items-4 .data-track > *,
      .layout-carousel-items-4 [data-track] > .data-sub-container,
      .layout-carousel-items-4 [data-track] > .carousel-item,
      .layout-carousel-items-4 [data-track] > * {
        min-width: calc(50% - 12px);
        flex: 0 0 calc(50% - 12px);
        border-radius: 0.75rem;
        overflow: hidden; } }
.layout-carousel-items-5 {
  overflow: visible; }
  .layout-carousel-items-5 .data-track,
  .layout-carousel-items-5 [data-track] {
    gap: 1.5rem; }
    .layout-carousel-items-5 .data-track > .data-sub-container,
    .layout-carousel-items-5 .data-track > .carousel-item,
    .layout-carousel-items-5 .data-track > *,
    .layout-carousel-items-5 [data-track] > .data-sub-container,
    .layout-carousel-items-5 [data-track] > .carousel-item,
    .layout-carousel-items-5 [data-track] > * {
      min-width: calc(20% - 19px);
      flex: 0 0 calc(20% - 19px);
      border-radius: 0.75rem;
      overflow: hidden; }
  @media (max-width: 768px) {
    .layout-carousel-items-5 .data-track,
    .layout-carousel-items-5 [data-track] {
      gap: 1.5rem; }
      .layout-carousel-items-5 .data-track > .data-sub-container,
      .layout-carousel-items-5 .data-track > .carousel-item,
      .layout-carousel-items-5 .data-track > *,
      .layout-carousel-items-5 [data-track] > .data-sub-container,
      .layout-carousel-items-5 [data-track] > .carousel-item,
      .layout-carousel-items-5 [data-track] > * {
        min-width: 100%;
        flex: 0 0 100%;
        border-radius: 0.75rem;
        overflow: hidden; } }
  @media (min-width: 769px) and (max-width: 1024px) {
    .layout-carousel-items-5 .data-track,
    .layout-carousel-items-5 [data-track] {
      gap: 1.5rem; }
      .layout-carousel-items-5 .data-track > .data-sub-container,
      .layout-carousel-items-5 .data-track > .carousel-item,
      .layout-carousel-items-5 .data-track > *,
      .layout-carousel-items-5 [data-track] > .data-sub-container,
      .layout-carousel-items-5 [data-track] > .carousel-item,
      .layout-carousel-items-5 [data-track] > * {
        min-width: calc(33.3333333333% - 16px);
        flex: 0 0 calc(33.3333333333% - 16px);
        border-radius: 0.75rem;
        overflow: hidden; } }
  @media (min-width: 1025px) and (max-width: 1280px) {
    .layout-carousel-items-5 .data-track,
    .layout-carousel-items-5 [data-track] {
      gap: 1.5rem; }
      .layout-carousel-items-5 .data-track > .data-sub-container,
      .layout-carousel-items-5 .data-track > .carousel-item,
      .layout-carousel-items-5 .data-track > *,
      .layout-carousel-items-5 [data-track] > .data-sub-container,
      .layout-carousel-items-5 [data-track] > .carousel-item,
      .layout-carousel-items-5 [data-track] > * {
        min-width: calc(25% - 18px);
        flex: 0 0 calc(25% - 18px);
        border-radius: 0.75rem;
        overflow: hidden; } }
.layout-carousel-items-6 {
  overflow: visible; }
  .layout-carousel-items-6 .data-track,
  .layout-carousel-items-6 [data-track] {
    gap: 1.5rem; }
    .layout-carousel-items-6 .data-track > .data-sub-container,
    .layout-carousel-items-6 .data-track > .carousel-item,
    .layout-carousel-items-6 .data-track > *,
    .layout-carousel-items-6 [data-track] > .data-sub-container,
    .layout-carousel-items-6 [data-track] > .carousel-item,
    .layout-carousel-items-6 [data-track] > * {
      min-width: calc(16.6666666667% - 20px);
      flex: 0 0 calc(16.6666666667% - 20px);
      border-radius: 0.75rem;
      overflow: hidden; }
  @media (max-width: 768px) {
    .layout-carousel-items-6 .data-track,
    .layout-carousel-items-6 [data-track] {
      gap: 1.5rem; }
      .layout-carousel-items-6 .data-track > .data-sub-container,
      .layout-carousel-items-6 .data-track > .carousel-item,
      .layout-carousel-items-6 .data-track > *,
      .layout-carousel-items-6 [data-track] > .data-sub-container,
      .layout-carousel-items-6 [data-track] > .carousel-item,
      .layout-carousel-items-6 [data-track] > * {
        min-width: 100%;
        flex: 0 0 100%;
        border-radius: 0.75rem;
        overflow: hidden; } }
  @media (min-width: 769px) and (max-width: 1024px) {
    .layout-carousel-items-6 .data-track,
    .layout-carousel-items-6 [data-track] {
      gap: 1.5rem; }
      .layout-carousel-items-6 .data-track > .data-sub-container,
      .layout-carousel-items-6 .data-track > .carousel-item,
      .layout-carousel-items-6 .data-track > *,
      .layout-carousel-items-6 [data-track] > .data-sub-container,
      .layout-carousel-items-6 [data-track] > .carousel-item,
      .layout-carousel-items-6 [data-track] > * {
        min-width: calc(33.3333333333% - 16px);
        flex: 0 0 calc(33.3333333333% - 16px);
        border-radius: 0.75rem;
        overflow: hidden; } }
  @media (min-width: 1025px) and (max-width: 1280px) {
    .layout-carousel-items-6 .data-track,
    .layout-carousel-items-6 [data-track] {
      gap: 1.5rem; }
      .layout-carousel-items-6 .data-track > .data-sub-container,
      .layout-carousel-items-6 .data-track > .carousel-item,
      .layout-carousel-items-6 .data-track > *,
      .layout-carousel-items-6 [data-track] > .data-sub-container,
      .layout-carousel-items-6 [data-track] > .carousel-item,
      .layout-carousel-items-6 [data-track] > * {
        min-width: calc(25% - 18px);
        flex: 0 0 calc(25% - 18px);
        border-radius: 0.75rem;
        overflow: hidden; } }
.layout-carousel-fade .data-track, [data-carousel-variant="fade"] .data-track,
.carousel-fade .data-track,
.layout-carousel-fade [data-track],
[data-carousel-variant="fade"] [data-track],
.carousel-fade [data-track] {
  position: relative; }

.layout-carousel-fade .carousel-item, [data-carousel-variant="fade"] .carousel-item,
.carousel-fade .carousel-item,
.layout-carousel-fade > .data-track > *,
[data-carousel-variant="fade"] > .data-track > *,
.carousel-fade > .data-track > * {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s ease-in-out; }
  .layout-carousel-fade .carousel-item.active, [data-carousel-variant="fade"] .carousel-item.active,
  .carousel-fade .carousel-item.active,
  .layout-carousel-fade > .data-track > *.active,
  [data-carousel-variant="fade"] > .data-track > *.active,
  .carousel-fade > .data-track > *.active {
    opacity: 1;
    position: relative; }

.layout-carousel-cover .data-track > *, [data-carousel-variant="cover"] .data-track > *,
.carousel-cover .data-track > *,
.layout-carousel-cover [data-track] > *,
[data-carousel-variant="cover"] [data-track] > *,
.carousel-cover [data-track] > * {
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .layout-carousel-cover .data-track > * img, [data-carousel-variant="cover"] .data-track > * img,
  .carousel-cover .data-track > * img,
  .layout-carousel-cover [data-track] > * img,
  [data-carousel-variant="cover"] [data-track] > * img,
  .carousel-cover [data-track] > * img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0; }
  .layout-carousel-cover .data-track > * .data-content-wrapper, [data-carousel-variant="cover"] .data-track > * .data-content-wrapper,
  .carousel-cover .data-track > * .data-content-wrapper,
  .layout-carousel-cover .data-track > * .content-wrapper,
  [data-carousel-variant="cover"] .data-track > * .content-wrapper,
  .carousel-cover .data-track > * .content-wrapper,
  .layout-carousel-cover [data-track] > * .data-content-wrapper,
  [data-carousel-variant="cover"] [data-track] > * .data-content-wrapper,
  .carousel-cover [data-track] > * .data-content-wrapper,
  .layout-carousel-cover [data-track] > * .content-wrapper,
  [data-carousel-variant="cover"] [data-track] > * .content-wrapper,
  .carousel-cover [data-track] > * .content-wrapper {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 2rem;
    max-width: 800px;
    color: white;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }

.layout-carousel-cover::before, [data-carousel-variant="cover"]::before,
.carousel-cover::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5));
  z-index: 1;
  pointer-events: none; }

.layout-carousel-cover .carousel-controls, [data-carousel-variant="cover"] .carousel-controls,
.carousel-cover .carousel-controls {
  z-index: 15; }

.layout-carousel-cover .carousel-indicators, [data-carousel-variant="cover"] .carousel-indicators,
.carousel-cover .carousel-indicators {
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  right: 0;
  z-index: 15;
  margin-top: 0; }
  .layout-carousel-cover .carousel-indicators .carousel-indicator, [data-carousel-variant="cover"] .carousel-indicators .carousel-indicator,
  .carousel-cover .carousel-indicators .carousel-indicator {
    background: rgba(255, 255, 255, 0.5); }
    .layout-carousel-cover .carousel-indicators .carousel-indicator.active, [data-carousel-variant="cover"] .carousel-indicators .carousel-indicator.active,
    .carousel-cover .carousel-indicators .carousel-indicator.active {
      background: white; }

.antsand-carousel-post {
  --antsand-carousel-post-bg: #0f1115;
  --antsand-carousel-post-surface: #171a21;
  --antsand-carousel-post-border: rgba(255, 255, 255, 0.1);
  --antsand-carousel-post-text: #f8fafc;
  --antsand-carousel-post-muted: #94a3b8;
  --antsand-carousel-post-accent: var(--antsand-carousel-accent, #f15b2a);
  --antsand-carousel-post-radius: 1.25rem;
  --antsand-carousel-post-max: 42rem;
  max-width: var(--antsand-carousel-post-max);
  margin: 2rem auto;
  padding: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid var(--antsand-carousel-post-border);
  border-radius: calc(var(--antsand-carousel-post-radius) + 0.5rem);
  background: radial-gradient(circle at 15% 0%, rgba(241, 91, 42, 0.16), transparent 32%), linear-gradient(145deg, var(--antsand-carousel-post-bg), var(--antsand-carousel-post-surface));
  color: var(--antsand-carousel-post-text);
  box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.28); }
  .antsand-carousel-post .carousel-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem; }
    .antsand-carousel-post .carousel-header .carousel-title {
      color: var(--antsand-carousel-post-text);
      font-size: clamp(1.1rem, 2vw, 1.45rem);
      line-height: 1.15;
      margin: 0; }
    .antsand-carousel-post .carousel-header .carousel-description {
      color: var(--antsand-carousel-post-muted);
      font-size: 0.925rem;
      margin: 0.25rem 0 0; }
  .antsand-carousel-post .carousel-track-wrapper {
    border-radius: var(--antsand-carousel-post-radius);
    background: #05070a;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06); }
  .antsand-carousel-post .carousel-item {
    display: grid;
    place-items: center;
    background: #05070a; }
  .antsand-carousel-post .antsand-carousel-post-image,
  .antsand-carousel-post .carousel-item-image img {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: block;
    object-fit: contain;
    background: #05070a; }
  .antsand-carousel-post .carousel-footer {
    margin-top: 1rem;
    justify-content: space-between; }
    .antsand-carousel-post .carousel-footer .carousel-controls {
      order: 2; }
    .antsand-carousel-post .carousel-footer .carousel-indicators {
      order: 1; }
  .antsand-carousel-post .carousel-control-prev,
  .antsand-carousel-post .carousel-control-next {
    width: 2.6rem !important;
    height: 2.6rem !important;
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px); }
    .antsand-carousel-post .carousel-control-prev:hover,
    .antsand-carousel-post .carousel-control-next:hover {
      background: var(--antsand-carousel-post-accent) !important; }
  .antsand-carousel-post .carousel-indicator {
    background: rgba(255, 255, 255, 0.22) !important; }
    .antsand-carousel-post .carousel-indicator.active {
      background: var(--antsand-carousel-post-accent) !important; }

.antsand-carousel-post-youtube {
  --antsand-carousel-post-max: 40rem; }

.antsand-carousel-post-instagram {
  --antsand-carousel-post-max: 34rem; }

.antsand-carousel-post-light {
  --antsand-carousel-post-bg: #f8fafc;
  --antsand-carousel-post-surface: #ffffff;
  --antsand-carousel-post-border: rgba(15, 23, 42, 0.12);
  --antsand-carousel-post-text: #111827;
  --antsand-carousel-post-muted: #64748b;
  background: radial-gradient(circle at 10% 0%, rgba(241, 91, 42, 0.12), transparent 30%), linear-gradient(145deg, #ffffff, #f1f5f9); }

.antsand-carousel-post-scroll {
  width: 100%;
  max-width: 72rem; }
  .antsand-carousel-post-scroll .carousel-track-wrapper {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    scrollbar-color: var(--antsand-carousel-post-accent) rgba(255, 255, 255, 0.16); }
  .antsand-carousel-post-scroll .carousel-track {
    gap: 1rem;
    padding: 1rem;
    transform: none !important; }
  .antsand-carousel-post-scroll .carousel-item {
    min-width: 26rem;
    flex: 0 0 26rem;
    max-width: 80vw;
    scroll-snap-align: center;
    border-radius: 1rem;
    overflow: hidden; }
  .antsand-carousel-post-scroll .carousel-footer {
    display: none; }

.antsand-carousel-post-grid {
  width: 100%;
  max-width: 72rem; }
  .antsand-carousel-post-grid .carousel-track-wrapper {
    overflow: visible;
    background: transparent;
    box-shadow: none; }
  .antsand-carousel-post-grid .carousel-track {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 1rem; }
  .antsand-carousel-post-grid .carousel-item {
    min-width: 0;
    border-radius: 1rem;
    overflow: hidden; }
  .antsand-carousel-post-grid .carousel-footer {
    display: none; }

@media (max-width: 640px) {
  .layout-carousel .carousel-controls, [data-feature="carousel"] .carousel-controls,
  [data-carousel="true"] .carousel-controls,
  [class*="feature-carousel-"] .carousel-controls {
    padding: 0 0.5rem; }
    .layout-carousel .carousel-controls .carousel-control-prev, [data-feature="carousel"] .carousel-controls .carousel-control-prev,
    [data-carousel="true"] .carousel-controls .carousel-control-prev,
    [class*="feature-carousel-"] .carousel-controls .carousel-control-prev,
    .layout-carousel .carousel-controls .carousel-control-next,
    [data-feature="carousel"] .carousel-controls .carousel-control-next,
    [data-carousel="true"] .carousel-controls .carousel-control-next,
    [class*="feature-carousel-"] .carousel-controls .carousel-control-next {
      width: 2.5rem;
      height: 2.5rem;
      font-size: 1.25rem; }
  .layout-carousel .carousel-indicators, [data-feature="carousel"] .carousel-indicators,
  [data-carousel="true"] .carousel-indicators,
  [class*="feature-carousel-"] .carousel-indicators {
    margin-top: 0.5rem;
    padding: 0.5rem 0; }
  .antsand-carousel-post {
    margin: 1.25rem auto;
    padding: 0.75rem; }
    .antsand-carousel-post .carousel-header,
    .antsand-carousel-post .carousel-footer {
      align-items: flex-start;
      flex-direction: column; }
    .antsand-carousel-post .carousel-footer {
      gap: 0.75rem; } }

.youtubepost-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1.5rem;
  padding: 1rem 0; }
  @media (max-width: 768px) {
    .youtubepost-grid {
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      gap: 1rem; } }
  @media (max-width: 640px) {
    .youtubepost-grid {
      grid-template-columns: 1fr;
      gap: 1rem; } }
  .youtubepost-grid--compact {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem; }
    .youtubepost-grid--compact .youtubepost-card .youtubepost-content {
      padding: 0.5rem 0; }
    .youtubepost-grid--compact .youtubepost-card .youtubepost-title {
      font-size: 0.875rem;
      -webkit-line-clamp: 2; }
  .youtubepost-grid--large {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 2rem; }

.youtubepost-carousel {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: 1rem 0;
  margin: 0 -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  scrollbar-width: none;
  -ms-overflow-style: none; }
  .youtubepost-carousel::-webkit-scrollbar {
    display: none; }
  .youtubepost-carousel .youtubepost-card {
    flex: 0 0 320px;
    scroll-snap-align: start; }
    @media (max-width: 768px) {
      .youtubepost-carousel .youtubepost-card {
        flex: 0 0 280px; } }
    @media (max-width: 640px) {
      .youtubepost-carousel .youtubepost-card {
        flex: 0 0 85vw; } }
  .youtubepost-carousel-wrapper {
    position: relative; }
    .youtubepost-carousel-wrapper .carousel-nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: #f8f9fa;
      border: none;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      z-index: 10;
      transition: all 250ms ease; }
      .youtubepost-carousel-wrapper .carousel-nav:hover {
        background: white;
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }
      .youtubepost-carousel-wrapper .carousel-nav--prev {
        left: -20px; }
      .youtubepost-carousel-wrapper .carousel-nav--next {
        right: -20px; }
      @media (max-width: 768px) {
        .youtubepost-carousel-wrapper .carousel-nav {
          display: none; } }
.youtubepost-feed {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 900px;
  margin: 0 auto;
  padding: 1.5rem 1rem; }
  .youtubepost-feed .youtubepost-card {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 1rem;
    background: white;
    border-radius: 0.75rem;
    overflow: hidden;
    transition: box-shadow 250ms ease; }
    .youtubepost-feed .youtubepost-card:hover {
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
    @media (max-width: 768px) {
      .youtubepost-feed .youtubepost-card {
        grid-template-columns: 1fr; } }
    .youtubepost-feed .youtubepost-card .youtubepost-thumbnail-container {
      aspect-ratio: 16 / 9; }
    .youtubepost-feed .youtubepost-card .youtubepost-content {
      padding: 1rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
    .youtubepost-feed .youtubepost-card .youtubepost-description {
      display: block;
      margin-top: 0.5rem;
      color: #6c757d;
      font-size: 0.875rem;
      line-height: 1.5;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden; }
  .youtubepost-feed .youtubepost-skeleton {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 1rem;
    background: #f9fafb;
    border-radius: 0.75rem;
    padding: 1rem; }
    @media (max-width: 768px) {
      .youtubepost-feed .youtubepost-skeleton {
        grid-template-columns: 1fr; } }
    .youtubepost-feed .youtubepost-skeleton .skeleton-thumbnail {
      aspect-ratio: 16 / 9;
      background: linear-gradient(90deg, #e9ecef 25%, #f8f9fa 50%, #e9ecef 75%);
      background-size: 200% 100%;
      animation: skeleton-shimmer 1.5s infinite;
      border-radius: 0.5rem; }
    .youtubepost-feed .youtubepost-skeleton .skeleton-content {
      display: flex;
      flex-direction: column;
      gap: 0.5rem; }
      .youtubepost-feed .youtubepost-skeleton .skeleton-content .skeleton-line {
        height: 16px;
        background: linear-gradient(90deg, #e9ecef 25%, #f8f9fa 50%, #e9ecef 75%);
        background-size: 200% 100%;
        animation: skeleton-shimmer 1.5s infinite;
        border-radius: 0.25rem; }
        .youtubepost-feed .youtubepost-skeleton .skeleton-content .skeleton-line--title {
          width: 80%;
          height: 20px; }
        .youtubepost-feed .youtubepost-skeleton .skeleton-content .skeleton-line--short {
          width: 40%; }
  .youtubepost-feed .youtubepost-load-more {
    display: flex;
    justify-content: center;
    padding: 1.5rem 0; }
    .youtubepost-feed .youtubepost-load-more button {
      padding: 0.5rem 2rem;
      background: #FF0000;
      color: white;
      border: none;
      border-radius: 9999px;
      font-size: 1rem;
      font-weight: 600;
      cursor: pointer;
      transition: all 250ms ease; }
      .youtubepost-feed .youtubepost-load-more button:hover {
        background: #cc0000;
        transform: translateY(-2px);
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
      .youtubepost-feed .youtubepost-load-more button:disabled {
        background: #ced4da;
        cursor: not-allowed;
        transform: none; }

@keyframes skeleton-shimmer {
  0% {
    background-position: -200% 0; }
  100% {
    background-position: 200% 0; } }

.youtubepost-card {
  background: white;
  border-radius: 0.75rem;
  overflow: hidden;
  transition: all 250ms ease;
  cursor: pointer; }
  .youtubepost-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }
    .youtubepost-card:hover .youtubepost-play-btn {
      transform: translate(-50%, -50%) scale(1.1);
      opacity: 1; }
    .youtubepost-card:hover .youtubepost-thumbnail img {
      transform: scale(1.05); }

.youtubepost-thumbnail-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #0f0f0f; }

.youtubepost-thumbnail {
  width: 100%;
  height: 100%; }
  .youtubepost-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 350ms ease; }

.youtubepost-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 68px;
  height: 68px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.9;
  transition: all 250ms ease;
  z-index: 2; }
  .youtubepost-play-btn::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 20px;
    border-color: transparent transparent transparent white;
    margin-left: 4px; }
  .youtubepost-play-btn--youtube {
    background: #FF0000; }
    .youtubepost-play-btn--youtube:hover {
      background: #cc0000; }

.youtubepost-duration {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  padding: 2px 6px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 0.25rem;
  font-family: "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  letter-spacing: 0.5px;
  z-index: 2; }

.youtubepost-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: rgba(255, 255, 255, 0.3);
  z-index: 2; }
  .youtubepost-progress-bar {
    height: 100%;
    background: #FF0000;
    transition: width 250ms ease; }

.youtubepost-content {
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem; }

.youtubepost-channel {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem; }
  .youtubepost-channel-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: linear-gradient(135deg, #FF0000, #990000); }
    .youtubepost-channel-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .youtubepost-channel-info {
    flex: 1;
    min-width: 0; }
  .youtubepost-channel-name {
    font-size: 0.875rem;
    color: #6c757d;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    .youtubepost-channel-name:hover {
      color: #343a40; }

.youtubepost-title {
  font-size: 1rem;
  font-weight: 600;
  color: #212529;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0; }
  .youtubepost-title a {
    color: inherit;
    text-decoration: none; }
    .youtubepost-title a:hover {
      color: #FF0000; }

.youtubepost-stats {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #6c757d; }
  .youtubepost-stats .stat-separator::before {
    content: '\2022'; }

.youtubepost-detail {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.5rem; }
  @media (max-width: 1024px) {
    .youtubepost-detail {
      padding: 1rem; } }
.youtubepost-player {
  position: relative;
  width: 100%;
  background: #0f0f0f;
  border-radius: 0.75rem;
  overflow: hidden; }
  .youtubepost-player-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0; }
    .youtubepost-player-container iframe,
    .youtubepost-player-container video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0; }

.youtubepost-info {
  padding: 1.5rem 0; }
  .youtubepost-info-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #212529;
    line-height: 1.25;
    margin: 0 0 1rem 0; }
    @media (min-width: 768px) {
      .youtubepost-info-title {
        font-size: 1.5rem; } }
  .youtubepost-info-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 1rem; }
  .youtubepost-info-stats {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    color: #6c757d;
    font-size: 0.875rem; }
    .youtubepost-info-stats .stat-item {
      display: flex;
      align-items: center;
      gap: 0.25rem; }
      .youtubepost-info-stats .stat-item svg, .youtubepost-info-stats .stat-item .icon, .youtubepost-info-stats .stat-item .antsand-feature-icon {
        width: 20px;
        height: 20px; }
  .youtubepost-info-actions {
    display: flex;
    gap: 0.5rem;
    margin-left: auto; }
    @media (max-width: 640px) {
      .youtubepost-info-actions {
        width: 100%;
        margin-left: 0;
        margin-top: 0.5rem; } }
.youtubepost-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 1rem;
  background: #f8f9fa;
  border: none;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #495057;
  cursor: pointer;
  transition: all 250ms ease; }
  .youtubepost-action-btn:hover {
    background: #e9ecef; }
  .youtubepost-action-btn--like.active {
    background: rgba(255, 0, 0, 0.1);
    color: #FF0000; }
  .youtubepost-action-btn--share:hover {
    background: #16a085;
    color: white; }

.youtubepost-channel-section {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid #e9ecef; }
  .youtubepost-channel-section .channel-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0; }
    .youtubepost-channel-section .channel-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .youtubepost-channel-section .channel-info {
    flex: 1; }
    .youtubepost-channel-section .channel-info .channel-name {
      font-size: 1rem;
      font-weight: 600;
      color: #212529; }
    .youtubepost-channel-section .channel-info .channel-subscribers {
      font-size: 0.875rem;
      color: #6c757d; }
  .youtubepost-channel-section .subscribe-btn {
    padding: 0.5rem 1.5rem;
    background: #FF0000;
    color: white;
    border: none;
    border-radius: 9999px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 250ms ease; }
    .youtubepost-channel-section .subscribe-btn:hover {
      background: #cc0000; }
    .youtubepost-channel-section .subscribe-btn.subscribed {
      background: #e9ecef;
      color: #495057; }

.youtubepost-description {
  padding: 1rem;
  background: #f9fafb;
  border-radius: 0.75rem;
  margin-top: 1rem; }
  .youtubepost-description-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #212529; }
  .youtubepost-description-text {
    font-size: 0.875rem;
    color: #495057;
    line-height: 1.75;
    white-space: pre-wrap; }
    .youtubepost-description-text.collapsed {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden; }
  .youtubepost-description-toggle {
    display: inline-block;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #6c757d;
    cursor: pointer; }
    .youtubepost-description-toggle:hover {
      color: #212529; }

.youtubepost-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem; }
  .youtubepost-tags .tag {
    padding: 0.25rem 0.5rem;
    background: #f8f9fa;
    border-radius: 9999px;
    font-size: 0.75rem;
    color: #16a085;
    text-decoration: none;
    transition: all 250ms ease; }
    .youtubepost-tags .tag:hover {
      background: #16a085;
      color: white; }

.youtubepost-related {
  margin-top: 3rem; }
  .youtubepost-related-header {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 1.5rem; }

.youtubepost-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 1050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  opacity: 0;
  visibility: hidden;
  transition: all 250ms ease; }
  .youtubepost-modal.active {
    opacity: 1;
    visibility: visible; }
  .youtubepost-modal-content {
    position: relative;
    width: 100%;
    max-width: 1000px;
    background: #0f0f0f;
    border-radius: 0.75rem;
    overflow: hidden;
    transform: scale(0.9);
    transition: transform 250ms ease; }
  .youtubepost-modal.active .youtubepost-modal-content {
    transform: scale(1); }
  .youtubepost-modal-close {
    position: absolute;
    top: -3rem;
    right: 0;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 1.25rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 250ms ease; }
    .youtubepost-modal-close:hover {
      background: rgba(255, 255, 255, 0.2);
      transform: rotate(90deg); }
  .youtubepost-modal-player {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; }
    .youtubepost-modal-player iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0; }
  .youtubepost-modal-info {
    padding: 1rem;
    background: #272727;
    color: white; }
    .youtubepost-modal-info .modal-title {
      font-size: 1.125rem;
      font-weight: 600;
      margin-bottom: 0.5rem; }
    .youtubepost-modal-info .modal-channel {
      font-size: 0.875rem;
      color: rgba(255, 255, 255, 0.7); }

.youtubepost--dark .youtubepost-card,
[data-theme="dark"] .youtubepost-card {
  background: #272727; }
  .youtubepost--dark .youtubepost-card .youtubepost-title,
  [data-theme="dark"] .youtubepost-card .youtubepost-title {
    color: white; }
  .youtubepost--dark .youtubepost-card .youtubepost-channel-name,
  .youtubepost--dark .youtubepost-card .youtubepost-stats,
  [data-theme="dark"] .youtubepost-card .youtubepost-channel-name,
  [data-theme="dark"] .youtubepost-card .youtubepost-stats {
    color: rgba(255, 255, 255, 0.7); }

.youtubepost--dark .youtubepost-grid,
.youtubepost--dark .youtubepost-carousel,
.youtubepost--dark .youtubepost-feed,
[data-theme="dark"] .youtubepost-grid,
[data-theme="dark"] .youtubepost-carousel,
[data-theme="dark"] .youtubepost-feed {
  background: #0f0f0f; }

.youtubepost--dark .youtubepost-description,
[data-theme="dark"] .youtubepost-description {
  background: #272727;
  color: rgba(255, 255, 255, 0.9); }
  .youtubepost--dark .youtubepost-description-text,
  [data-theme="dark"] .youtubepost-description-text {
    color: rgba(255, 255, 255, 0.7); }

.youtubepost-fade-in {
  animation: youtubepost-fade 0.5s ease forwards; }

@keyframes youtubepost-fade {
  from {
    opacity: 0;
    transform: translateY(20px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

.youtubepost-stagger .youtubepost-card {
  opacity: 0;
  animation: youtubepost-fade 0.5s ease forwards; }
  .youtubepost-stagger .youtubepost-card:nth-child(1) {
    animation-delay: 0.1s; }
  .youtubepost-stagger .youtubepost-card:nth-child(2) {
    animation-delay: 0.2s; }
  .youtubepost-stagger .youtubepost-card:nth-child(3) {
    animation-delay: 0.3s; }
  .youtubepost-stagger .youtubepost-card:nth-child(4) {
    animation-delay: 0.4s; }
  .youtubepost-stagger .youtubepost-card:nth-child(5) {
    animation-delay: 0.5s; }
  .youtubepost-stagger .youtubepost-card:nth-child(6) {
    animation-delay: 0.6s; }
  .youtubepost-stagger .youtubepost-card:nth-child(7) {
    animation-delay: 0.7s; }
  .youtubepost-stagger .youtubepost-card:nth-child(8) {
    animation-delay: 0.8s; }
  .youtubepost-stagger .youtubepost-card:nth-child(9) {
    animation-delay: 0.9s; }
  .youtubepost-stagger .youtubepost-card:nth-child(10) {
    animation-delay: 1s; }
  .youtubepost-stagger .youtubepost-card:nth-child(11) {
    animation-delay: 1.1s; }
  .youtubepost-stagger .youtubepost-card:nth-child(12) {
    animation-delay: 1.2s; }

@media (max-width: 640px) {
  .youtubepost-hide-mobile {
    display: none !important; } }

@media (max-width: 768px) {
  .youtubepost-hide-tablet {
    display: none !important; } }

.youtubepost-text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.youtubepost-aspect-16-9 {
  aspect-ratio: 16 / 9; }

.youtubepost-aspect-4-3 {
  aspect-ratio: 4 / 3; }

.youtubepost-aspect-1-1 {
  aspect-ratio: 1 / 1; }

.antsand-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px); }
  .antsand-modal.active {
    display: flex;
    animation: fadeIn 250ms ease ease-out; }

.antsand-modal-dialog {
  position: relative;
  width: 90%;
  max-width: 600px;
  max-height: 90vh;
  background-color: white;
  border-radius: 0.75rem;
  box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  animation: slideUp 350ms ease ease-out; }
  @media (min-width: 768px) {
    .antsand-modal-dialog {
      width: 600px; } }
.antsand-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
  border-bottom: 1px solid #e9ecef; }
  .antsand-modal-header h3 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700; }

.antsand-modal-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1;
  color: #6c757d;
  transition: all 150ms ease; }
  .antsand-modal-close:hover {
    background-color: #f8f9fa;
    color: #212529; }

.antsand-modal-body {
  flex: 1;
  padding: 1.5rem;
  overflow-y: auto;
  color: #495057;
  line-height: 1.75; }

.antsand-modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 1.5rem;
  border-top: 1px solid #e9ecef; }

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(2rem); }
  to {
    opacity: 1;
    transform: translateY(0); } }

.antsand-modal-sm .antsand-modal-dialog {
  max-width: 400px; }

.antsand-modal-lg .antsand-modal-dialog {
  max-width: 800px; }

.antsand-modal-xl .antsand-modal-dialog {
  max-width: 1200px; }

.antsand-modal-fullscreen .antsand-modal-dialog {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  border-radius: 0; }

.antsand-navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  background-color: white;
  border-bottom: 1px solid #e9ecef;
  position: relative; }

.antsand-navbar-brand {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #212529;
  text-decoration: none; }
  .antsand-navbar-brand img {
    height: 2rem; }

.antsand-navbar-nav, .antsand-nav-items {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  list-style: none;
  padding: 0;
  margin: 0; }
  @media (max-width: 768px) {
    .antsand-navbar-nav, .antsand-nav-items {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      flex-direction: column;
      background-color: white;
      border-bottom: 1px solid #e9ecef;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      padding: 0.5rem 0;
      z-index: 1000; }
      .antsand-navbar-nav.active, .active.antsand-nav-items {
        display: flex; } }
.antsand-navbar-item,
.antsand-nav-link {
  padding: 0.5rem 1rem;
  color: #495057;
  text-decoration: none;
  border-radius: 0.25rem;
  transition: all 250ms ease;
  min-height: 44px;
  display: flex;
  align-items: center; }
  .antsand-navbar-item:hover,
  .antsand-nav-link:hover {
    background-color: #f8f9fa;
    color: #3498db; }
  .antsand-navbar-item.active,
  .antsand-nav-link.active {
    color: #3498db;
    font-weight: 600; }
  @media (max-width: 768px) {
    .antsand-navbar-item,
    .antsand-nav-link {
      padding: 1rem 1.5rem;
      border-radius: 0;
      border-bottom: 1px solid #f8f9fa;
      width: 100%; } }
.antsand-navbar-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer; }
  @media (max-width: 768px) {
    .antsand-navbar-toggle {
      display: flex; } }
.antsand-navbar-toggle-icon {
  display: flex;
  flex-direction: column;
  gap: 4px; }
  .antsand-navbar-toggle-icon span {
    display: block;
    width: 1.5rem;
    height: 2px;
    background-color: #212529;
    transition: all 250ms ease; }
  .antsand-navbar-toggle-icon.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px); }
  .antsand-navbar-toggle-icon.active span:nth-child(2) {
    opacity: 0; }
  .antsand-navbar-toggle-icon.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px); }

.antsand-navbar-dropdown {
  position: relative; }
  .antsand-navbar-dropdown:hover .antsand-dropdown-menu {
    display: block; }

.antsand-navbar-dark {
  background-color: #212529;
  border-bottom-color: #343a40; }
  .antsand-navbar-dark .antsand-navbar-brand {
    color: white; }
  .antsand-navbar-dark .antsand-navbar-item {
    color: #dee2e6; }
    .antsand-navbar-dark .antsand-navbar-item:hover {
      background-color: #343a40;
      color: white; }
    .antsand-navbar-dark .antsand-navbar-item.active {
      color: white; }
  .antsand-navbar-dark .antsand-navbar-toggle-icon span {
    background-color: white; }
  @media (max-width: 768px) {
    .antsand-navbar-dark .antsand-navbar-nav, .antsand-navbar-dark .antsand-nav-items {
      background-color: #212529;
      border-bottom-color: #343a40; }
    .antsand-navbar-dark .antsand-navbar-item {
      border-bottom-color: #343a40; } }
.antsand-navbar-primary {
  background-color: #3498db;
  border-bottom-color: #217dbb; }
  .antsand-navbar-primary .antsand-navbar-brand {
    color: white; }
  .antsand-navbar-primary .antsand-navbar-item {
    color: rgba(255, 255, 255, 0.85); }
    .antsand-navbar-primary .antsand-navbar-item:hover {
      background-color: rgba(0, 0, 0, 0.1);
      color: white; }
    .antsand-navbar-primary .antsand-navbar-item.active {
      color: white; }
  .antsand-navbar-primary .antsand-navbar-toggle-icon span {
    background-color: white; }
  @media (max-width: 768px) {
    .antsand-navbar-primary .antsand-navbar-nav, .antsand-navbar-primary .antsand-nav-items {
      background-color: #3498db;
      border-bottom-color: #217dbb; }
    .antsand-navbar-primary .antsand-navbar-item {
      border-bottom-color: #258cd1; } }
.antsand-navbar-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030; }

.antsand-dropdown {
  position: relative;
  display: inline-block; }

.antsand-dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: white;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 250ms ease; }
  .antsand-dropdown-toggle:hover {
    background-color: #f9fafb;
    border-color: #ced4da; }
  .antsand-dropdown-toggle::after {
    content: '▼';
    font-size: 0.75rem;
    margin-left: auto;
    transition: transform 250ms ease; }
  .antsand-dropdown-toggle.active::after {
    transform: rotate(180deg); }

.antsand-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 10rem;
  margin-top: 0.25rem;
  padding: 0.5rem 0;
  background-color: white;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  display: none; }
  .antsand-dropdown-menu.active {
    display: block;
    animation: dropdownSlide 250ms ease ease-out; }

.antsand-dropdown-toggle.active + .antsand-dropdown-menu {
  display: block;
  animation: dropdownSlide 250ms ease ease-out; }

.antsand-dropdown-item {
  display: block;
  width: 100%;
  padding: 0.5rem 1.5rem;
  color: #495057;
  text-decoration: none;
  background-color: transparent;
  border: none;
  text-align: left;
  cursor: pointer;
  transition: all 150ms ease; }
  .antsand-dropdown-item:hover {
    background-color: #f8f9fa;
    color: #3498db; }
  .antsand-dropdown-item.active {
    background-color: #3498db;
    color: white; }
  .antsand-dropdown-item:disabled {
    color: #ced4da;
    cursor: not-allowed; }
    .antsand-dropdown-item:disabled:hover {
      background-color: transparent;
      color: #ced4da; }

.antsand-dropdown-divider {
  height: 1px;
  margin: 0.5rem 0;
  background-color: #e9ecef; }

.antsand-dropdown-header {
  padding: 0.5rem 1.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #6c757d;
  text-transform: uppercase; }

@keyframes dropdownSlide {
  from {
    opacity: 0;
    transform: translateY(-0.5rem); }
  to {
    opacity: 1;
    transform: translateY(0); } }

.antsand-dropdown-menu-right {
  left: auto;
  right: 0; }

.antsand-dropup .antsand-dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.25rem; }

.antsand-dropup .antsand-dropdown-toggle::after {
  content: '▲'; }

.antsand-alert {
  position: relative;
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  gap: 1rem; }

.antsand-alert-icon {
  flex-shrink: 0;
  font-size: 1.25rem; }

.antsand-alert-content {
  flex: 1; }
  .antsand-alert-content strong {
    font-weight: 600;
    display: block;
    margin-bottom: 0.25rem; }

.antsand-alert-close {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1;
  opacity: 0.6;
  transition: opacity 250ms ease; }
  .antsand-alert-close:hover {
    opacity: 1; }

.antsand-alert-primary {
  background-color: #f7fbfe;
  border-color: #b6daf2;
  color: #196090; }

.antsand-alert-secondary {
  background-color: #bbcada;
  border-color: #8aa4be;
  color: #1a252f; }

.antsand-alert-success {
  background-color: #ddf7e8;
  border-color: #9ee9be;
  color: #145b32; }

.antsand-alert-danger {
  background-color: #fdf3f2;
  border-color: #f5b4ae;
  color: #bf2718; }

.antsand-alert-warning {
  background-color: #fdedd4;
  border-color: #f9cf8b;
  color: #976008; }

.antsand-alert-info {
  background-color: #bff6eb;
  border-color: #7cedd7;
  color: #0a463a; }

.antsand-alert-light {
  background-color: #ecf0f1;
  border-color: #dee2e6;
  color: #343a40; }

.antsand-alert-dark {
  background-color: #34495e;
  border-color: #22303d;
  color: white; }

.antsand-alert.fade-out {
  animation: alertFadeOut 250ms ease ease-out forwards; }

@keyframes alertFadeOut {
  from {
    opacity: 1;
    transform: scaleY(1); }
  to {
    opacity: 0;
    transform: scaleY(0);
    margin: 0;
    padding: 0; } }

.antsand-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem; }

.antsand-badge-primary {
  background-color: #3498db; }

.antsand-badge-secondary {
  background-color: #2c3e50; }

.antsand-badge-success {
  background-color: #27ae60; }

.antsand-badge-danger {
  background-color: #e74c3c; }

.antsand-badge-warning {
  background-color: #f39c12;
  color: #212529; }

.antsand-badge-info {
  background-color: #16a085; }

.antsand-badge-light {
  background-color: #ecf0f1;
  color: #212529; }

.antsand-badge-dark {
  background-color: #34495e; }

.antsand-badge-pill {
  border-radius: 9999px; }

.antsand-badge-dot {
  position: relative;
  padding: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%; }
  .antsand-badge-dot.antsand-badge-notification {
    position: absolute;
    top: -0.25rem;
    right: -0.25rem;
    width: 0.75rem;
    height: 0.75rem; }

.antsand-badge-outline-primary {
  background-color: transparent;
  color: #3498db;
  border: 1px solid #3498db; }

.antsand-badge-outline-secondary {
  background-color: transparent;
  color: #2c3e50;
  border: 1px solid #2c3e50; }

.antsand-badge-outline-success {
  background-color: transparent;
  color: #27ae60;
  border: 1px solid #27ae60; }

.antsand-badge-outline-danger {
  background-color: transparent;
  color: #e74c3c;
  border: 1px solid #e74c3c; }

.antsand-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1rem 0;
  margin-bottom: 1.5rem;
  list-style: none; }

.antsand-breadcrumb-item {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #6c757d; }
  .antsand-breadcrumb-item a {
    color: #3498db;
    text-decoration: none;
    transition: color 250ms ease; }
    .antsand-breadcrumb-item a:hover {
      color: #1d6fa5;
      text-decoration: underline; }
  .antsand-breadcrumb-item.active {
    color: #495057;
    font-weight: 500; }
  .antsand-breadcrumb-item + .antsand-breadcrumb-item::before {
    content: '/';
    padding: 0 0.5rem;
    color: #ced4da; }

.antsand-breadcrumb-separator-arrow .antsand-breadcrumb-item + .antsand-breadcrumb-item::before {
  content: '›';
  font-size: 1.25rem; }

.antsand-breadcrumb-separator-dot .antsand-breadcrumb-item + .antsand-breadcrumb-item::before {
  content: '•'; }

.antsand-breadcrumb-separator-chevron .antsand-breadcrumb-item + .antsand-breadcrumb-item::before {
  content: '»'; }

.antsand-article, .antsand-research, .antsand-article-wide {
  max-width: 700px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem; }
  .antsand-article p, .antsand-research p, .antsand-article-wide p {
    font-size: 1.125rem;
    line-height: 1.75;
    margin-bottom: 1.5rem;
    color: #343a40; }
  .antsand-article h1, .antsand-research h1, .antsand-article-wide h1, .antsand-article h2, .antsand-research h2, .antsand-article-wide h2, .antsand-article h3, .antsand-research h3, .antsand-article-wide h3, .antsand-article h4, .antsand-research h4, .antsand-article-wide h4, .antsand-article h5, .antsand-research h5, .antsand-article-wide h5, .antsand-article h6, .antsand-research h6, .antsand-article-wide h6 {
    font-weight: 700;
    line-height: 1.25;
    margin-top: 3rem;
    margin-bottom: 1rem;
    color: #212529; }
  .antsand-article h1, .antsand-research h1, .antsand-article-wide h1 {
    font-size: 2.5rem; }
    .antsand-article h1:first-child, .antsand-research h1:first-child, .antsand-article-wide h1:first-child {
      margin-top: 0; }
  .antsand-article h2, .antsand-research h2, .antsand-article-wide h2 {
    font-size: 2rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e9ecef; }
  .antsand-article h3, .antsand-research h3, .antsand-article-wide h3 {
    font-size: 1.5rem; }
  .antsand-article h4, .antsand-research h4, .antsand-article-wide h4 {
    font-size: 1.25rem; }
  .antsand-article > p:first-of-type, .antsand-research > p:first-of-type, .antsand-article-wide > p:first-of-type {
    font-size: 1.25rem;
    color: #495057; }
  .antsand-article blockquote, .antsand-research blockquote, .antsand-article-wide blockquote {
    border-left: 4px solid #3498db;
    padding-left: 1.5rem;
    margin: 2rem 0;
    font-size: 1.25rem;
    font-style: italic;
    color: #495057; }
    .antsand-article blockquote p, .antsand-research blockquote p, .antsand-article-wide blockquote p {
      margin-bottom: 0; }
  .antsand-article code, .antsand-research code, .antsand-article-wide code {
    background: #f8f9fa;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-family: "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.875em;
    color: #e74c3c; }
  .antsand-article pre, .antsand-research pre, .antsand-article-wide pre {
    background: #212529;
    color: #f8f9fa;
    padding: 1.5rem;
    border-radius: 0.5rem;
    overflow-x: auto;
    margin: 1.5rem 0; }
    .antsand-article pre code, .antsand-research pre code, .antsand-article-wide pre code {
      background: transparent;
      padding: 0;
      color: inherit;
      font-size: 0.875rem; }
  .antsand-article a, .antsand-research a, .antsand-article-wide a {
    color: #3498db;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s; }
    .antsand-article a:hover, .antsand-research a:hover, .antsand-article-wide a:hover {
      border-bottom-color: #3498db; }
  .antsand-article ul, .antsand-research ul, .antsand-article-wide ul, .antsand-article ol, .antsand-research ol, .antsand-article-wide ol {
    margin: 1.5rem 0;
    padding-left: 2rem; }
    .antsand-article ul li, .antsand-research ul li, .antsand-article-wide ul li, .antsand-article ol li, .antsand-research ol li, .antsand-article-wide ol li {
      margin-bottom: 0.5rem;
      line-height: 1.75; }
    .antsand-article ul ul, .antsand-research ul ul, .antsand-article-wide ul ul, .antsand-article ul ol, .antsand-research ul ol, .antsand-article-wide ul ol, .antsand-article ol ul, .antsand-research ol ul, .antsand-article-wide ol ul, .antsand-article ol ol, .antsand-research ol ol, .antsand-article-wide ol ol {
      margin: 0.5rem 0; }
  .antsand-article ul, .antsand-research ul, .antsand-article-wide ul {
    list-style: disc; }
  .antsand-article ol, .antsand-research ol, .antsand-article-wide ol {
    list-style: decimal; }
  .antsand-article img, .antsand-research img, .antsand-article-wide img {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
    margin: 2rem 0; }
  .antsand-article hr, .antsand-research hr, .antsand-article-wide hr {
    border: 0;
    border-top: 2px solid #e9ecef;
    margin: 3rem 0; }
  .antsand-article table, .antsand-article .ant-datatable__table, .antsand-research table, .antsand-research .ant-datatable__table, .antsand-article-wide table, .antsand-article-wide .ant-datatable__table {
    width: 100%;
    border-collapse: collapse;
    margin: 2rem 0; }
    .antsand-article table th, .antsand-article .ant-datatable__table th, .antsand-research table th, .antsand-research .ant-datatable__table th, .antsand-article-wide table th, .antsand-article-wide .ant-datatable__table th, .antsand-article table td, .antsand-article .ant-datatable__table td, .antsand-research table td, .antsand-research .ant-datatable__table td, .antsand-article-wide table td, .antsand-article-wide .ant-datatable__table td {
      padding: 0.5rem;
      border: 1px solid #dee2e6;
      text-align: left; }
    .antsand-article table th, .antsand-article .ant-datatable__table th, .antsand-research table th, .antsand-research .ant-datatable__table th, .antsand-article-wide table th, .antsand-article-wide .ant-datatable__table th {
      background: #f8f9fa;
      font-weight: 600; }
  .antsand-article .article-header, .antsand-research .article-header, .antsand-article-wide .article-header {
    max-width: 800px;
    margin: 60px auto 40px;
    text-align: center; }
  .antsand-article .article-category, .antsand-research .article-category, .antsand-article-wide .article-category {
    display: inline-block;
    background: #dbeafe;
    color: #1e40af;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 20px; }
  .antsand-article .article-title, .antsand-research .article-title, .antsand-article-wide .article-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 24px;
    color: #1a1a1a; }
  .antsand-article .article-excerpt, .antsand-research .article-excerpt, .antsand-article-wide .article-excerpt {
    font-size: 22px;
    line-height: 1.6;
    color: #666;
    margin-bottom: 32px; }
  .antsand-article .article-meta, .antsand-research .article-meta, .antsand-article-wide .article-meta {
    display: flex;
    justify-content: center;
    gap: 20px;
    font-size: 14px;
    color: #999; }
  .antsand-article .article-body, .antsand-research .article-body, .antsand-article-wide .article-body {
    max-width: 700px;
    margin: 0 auto 80px;
    font-size: 19px;
    line-height: 1.8;
    color: #1a1a1a;
    margin-bottom: 24px; }
  .antsand-article .article-body p, .antsand-research .article-body p, .antsand-article-wide .article-body p {
    font-size: 19px;
    line-height: 1.8;
    color: #1a1a1a;
    margin-bottom: 24px; }
  .antsand-article .article-body h2, .antsand-research .article-body h2, .antsand-article-wide .article-body h2 {
    font-size: 32px;
    font-weight: 700;
    margin: 48px 0 20px; }
  .antsand-article .article-body h3, .antsand-research .article-body h3, .antsand-article-wide .article-body h3 {
    font-size: 24px;
    font-weight: 700;
    margin: 36px 0 16px; }
  .antsand-article .article-body blockquote, .antsand-research .article-body blockquote, .antsand-article-wide .article-body blockquote {
    border-left: 4px solid #2563eb;
    padding-left: 24px;
    margin: 32px 0;
    font-size: 21px;
    font-style: italic;
    color: #525252; }
  .antsand-article .article-body code, .antsand-research .article-body code, .antsand-article-wide .article-body code {
    background: #f5f5f5;
    padding: 2px 6px;
    border-radius: 3px;
    font-family: 'Courier New', monospace;
    font-size: 16px; }

.antsand-article-wide {
  max-width: 1000px; }

.antsand-research {
  max-width: 900px; }
  .antsand-research p {
    font-size: 1rem;
    line-height: 1.6; }

.antsand-article-header {
  max-width: 800px;
  margin: 0 auto;
  padding: 6rem 1rem 3rem;
  text-align: center; }
  .antsand-article-header .antsand-article-title {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 1.5rem;
    color: #212529; }
  .antsand-article-header .antsand-article-subtitle {
    font-size: 1.5rem;
    line-height: 1.5;
    color: #6c757d;
    margin-bottom: 2rem; }
  .antsand-article-header .antsand-article-meta {
    display: flex;
    justify-content: center;
    gap: 1rem;
    font-size: 0.875rem;
    color: #6c757d; }
    .antsand-article-header .antsand-article-meta span:not(:last-child)::after {
      content: "•";
      margin-left: 1rem; }

.antsand-callout {
  padding: 1.5rem;
  margin: 2rem 0;
  border-left: 4px solid;
  border-radius: 0.25rem;
  background: #f9fafb;
  border-color: #ced4da; }
  .antsand-callout h4, .antsand-callout h5 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    font-weight: 700; }
  .antsand-callout > *:last-child {
    margin-bottom: 0; }
  .antsand-callout p {
    font-size: 1rem;
    line-height: 1.5; }
  .antsand-callout ul, .antsand-callout ol {
    margin-top: 1rem;
    font-size: 0.875rem;
    padding-left: 1.5rem; }
    .antsand-callout ul li, .antsand-callout ol li {
      margin-bottom: 0.25rem; }

.antsand-callout-info {
  background: rgba(52, 152, 219, 0.05);
  border-color: #3498db;
  color: #196090; }
  .antsand-callout-info h4, .antsand-callout-info h5 {
    color: #16527a; }

.antsand-callout-warning, .antsand-callout-sources {
  background: #fffbeb;
  border-color: #f59e0b;
  color: #92400e; }
  .antsand-callout-warning h4, .antsand-callout-sources h4, .antsand-callout-warning h5, .antsand-callout-sources h5 {
    color: #78350f; }

.antsand-callout-success {
  background: rgba(39, 174, 96, 0.05);
  border-color: #27ae60;
  color: #104627; }
  .antsand-callout-success h4, .antsand-callout-success h5 {
    color: #0b311b; }

.antsand-callout-danger {
  background: rgba(231, 76, 60, 0.05);
  border-color: #e74c3c;
  color: #a82315; }
  .antsand-callout-danger h4, .antsand-callout-danger h5 {
    color: #921e12; }

.antsand-callout-sources ol, .antsand-callout-sources ul {
  margin-top: 1rem;
  font-size: 0.875rem; }
  .antsand-callout-sources ol li, .antsand-callout-sources ul li {
    margin-bottom: 0.5rem; }

.antsand-callout-note {
  background: #f9fafb;
  border-color: #ced4da;
  color: #343a40; }
  .antsand-callout-note h4, .antsand-callout-note h5 {
    color: #212529; }

.antsand-code-block, .antsand-blog-code, code-section {
  background: #111827;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 0.75rem;
  box-sizing: border-box;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.22);
  color: #e5e7eb;
  margin: 1.5rem 0;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  width: 100%; }

code-section,
code-header,
code-label,
code-language,
code-body,
code-line {
  box-sizing: border-box; }

code-section,
code-header,
code-body,
code-line {
  display: block; }

code-label,
code-language {
  display: inline-flex; }

.antsand-code-header, code-header {
  align-items: center;
  background: #0b1020;
  border-bottom: 1px solid rgba(148, 163, 184, 0.16);
  color: #cbd5e1;
  display: flex;
  font-family: "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.78rem;
  gap: 0.5rem;
  justify-content: space-between;
  letter-spacing: 0.01em;
  min-height: 2.75rem;
  padding: 0 1rem 0 2rem;
  position: relative; }
  .antsand-code-header::before, code-header::before {
    background: #ef4444;
    border-radius: 9999px;
    box-shadow: 1.1rem 0 0 #f59e0b, 2.2rem 0 0 #22c55e;
    content: "";
    height: 0.72rem;
    left: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0.72rem; }

.antsand-code-label, code-label {
  color: #f8fafc;
  font-weight: 600;
  margin-left: 3.6rem; }

.antsand-code-language, code-language {
  background: rgba(148, 163, 184, 0.14);
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 9999px;
  color: #94a3b8;
  font-size: 0.72rem;
  padding: 0.15rem 0.55rem;
  text-transform: uppercase; }

.antsand-code-pre, code-body {
  background: transparent;
  box-sizing: border-box;
  color: #dbeafe;
  font-family: "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.9rem;
  line-height: 1.75;
  margin: 0;
  overflow-x: auto;
  overflow-y: auto;
  padding: 1.5rem;
  tab-size: 2;
  text-align: left;
  white-space: pre;
  overflow-wrap: normal;
  height: auto;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  max-height: 70vh;
  -webkit-overflow-scrolling: touch; }
  .antsand-code-pre code, code-body code {
    background: transparent;
    box-sizing: border-box;
    color: inherit;
    display: block;
    font: inherit;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: inherit;
    padding: 0;
    text-align: inherit;
    white-space: inherit; }

code-line {
  color: inherit;
  font: inherit;
  min-width: max-content;
  white-space: pre; }

code-line:empty::before {
  content: " "; }

.antsand-code-wrap {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word; }

.antsand-code-block-light {
  background: #ffffff;
  border-color: #e9ecef;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  color: #212529; }
  .antsand-code-block-light .antsand-code-header, .antsand-code-block-light code-header {
    background: #f9fafb;
    border-color: #e9ecef;
    color: #495057; }
  .antsand-code-block-light .antsand-code-label, .antsand-code-block-light code-label {
    color: #212529; }
  .antsand-code-block-light .antsand-code-pre, .antsand-code-block-light code-body {
    color: #212529; }

.antsand-code-block-compact {
  margin: 1rem 0; }
  .antsand-code-block-compact .antsand-code-header, .antsand-code-block-compact code-header {
    min-height: 2.25rem; }
  .antsand-code-block-compact .antsand-code-pre, .antsand-code-block-compact code-body {
    font-size: 0.82rem;
    padding: 1rem; }

.antsand-code-preview, code-section.antsand-code-preview {
  background: #1b1b2f;
  border: 0;
  border-radius: 16px;
  box-sizing: border-box;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.2);
  color: #d8dee9;
  margin: 2rem auto;
  max-width: 1200px;
  min-width: 0;
  overflow: hidden;
  width: 100%; }
  .antsand-code-preview .antsand-code-header, .antsand-code-preview code-header {
    background: #0e0f1a;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.035);
    color: #7f8ca6;
    font-size: 0.78rem;
    font-weight: 500;
    justify-content: flex-start;
    min-height: 52px;
    padding: 0 1.5rem 0 6.2rem; }
    .antsand-code-preview .antsand-code-header::before, .antsand-code-preview code-header::before {
      background: #ff5f57;
      box-shadow: 1.35rem 0 0 #ffbd2e, 2.7rem 0 0 #28c840;
      height: 0.76rem;
      left: 1.5rem;
      width: 0.76rem; }
  .antsand-code-preview .antsand-code-label, .antsand-code-preview code-label {
    color: #7f8ca6;
    font-weight: 500;
    margin-left: 0; }
  .antsand-code-preview .antsand-code-language, .antsand-code-preview code-language {
    background: transparent;
    border: 0;
    color: #536079;
    font-size: 0.72rem;
    margin-left: auto;
    padding: 0;
    text-transform: uppercase; }
  .antsand-code-preview .antsand-code-copy {
    margin-left: auto;
    flex-shrink: 0; }
  .antsand-code-preview .antsand-code-language + .antsand-code-copy, .antsand-code-preview code-language + .antsand-code-copy {
    margin-left: 0; }
  .antsand-code-preview .antsand-code-pre, .antsand-code-preview code-body {
    background: #1b1b2f;
    color: #d8dee9;
    font-size: 0.9rem;
    line-height: 1.65;
    min-height: 0;
    max-height: 70vh;
    height: auto;
    overflow-x: auto;
    overflow-y: auto;
    padding: 2rem 2rem 1.5rem;
    white-space: pre;
    -webkit-overflow-scrolling: touch; }
  .antsand-code-preview code {
    color: inherit; }

.antsand-code-preview-compact {
  max-width: 920px; }
  .antsand-code-preview-compact .antsand-code-pre, .antsand-code-preview-compact code-body {
    min-height: 0;
    max-height: none;
    padding: 1.5rem; }

.antsand-code-block .syn-tag, .antsand-blog-code .syn-tag, code-section .syn-tag,
.antsand-code-preview .syn-tag {
  color: #f15b2a; }

.antsand-code-block .syn-attr, .antsand-blog-code .syn-attr, code-section .syn-attr,
.antsand-code-preview .syn-attr {
  color: #94a3b8; }

.antsand-code-block .syn-str, .antsand-blog-code .syn-str, code-section .syn-str,
.antsand-code-preview .syn-str {
  color: #ffd93d; }

.antsand-code-block .syn-cmt, .antsand-blog-code .syn-cmt, code-section .syn-cmt,
.antsand-code-preview .syn-cmt {
  color: #64748b;
  font-style: italic; }

.antsand-code-block .syn-kw, .antsand-blog-code .syn-kw, code-section .syn-kw,
.antsand-code-preview .syn-kw {
  color: #c792ea; }

.antsand-code-block .syn-fn, .antsand-blog-code .syn-fn, code-section .syn-fn,
.antsand-code-preview .syn-fn {
  color: #82aaff; }

.antsand-code-block .syn-num, .antsand-blog-code .syn-num, code-section .syn-num,
.antsand-code-preview .syn-num {
  color: #f78c6c; }

.antsand-code-block .syn-var, .antsand-blog-code .syn-var, code-section .syn-var,
.antsand-code-preview .syn-var {
  color: #e2e8f0; }

.antsand-code-block .syn-op, .antsand-blog-code .syn-op, code-section .syn-op,
.antsand-code-preview .syn-op {
  color: #89ddff; }

.antsand-code-block .syn-sel, .antsand-blog-code .syn-sel, code-section .syn-sel,
.antsand-code-preview .syn-sel {
  color: #c3e88d; }

.antsand-code-block-light .syn-tag {
  color: #22863a; }

.antsand-code-block-light .syn-attr {
  color: #6f42c1; }

.antsand-code-block-light .syn-str {
  color: #032f62; }

.antsand-code-block-light .syn-cmt {
  color: #6a737d;
  font-style: italic; }

.antsand-code-block-light .syn-kw {
  color: #d73a49; }

.antsand-code-block-light .syn-fn {
  color: #6f42c1; }

.antsand-code-block-light .syn-num {
  color: #005cc5; }

.antsand-code-block-light .syn-var {
  color: #24292e; }

.antsand-code-block-light .syn-op {
  color: #d73a49; }

.antsand-code-block-light .syn-sel {
  color: #22863a; }

.antsand-code-block-terminal {
  background: #0c0c0c;
  border-color: #333; }
  .antsand-code-block-terminal .antsand-code-header, .antsand-code-block-terminal code-header {
    background: #1a1a1a;
    border-color: #333; }
    .antsand-code-block-terminal .antsand-code-header::before, .antsand-code-block-terminal code-header::before {
      background: #ff5f56;
      box-shadow: 0.7rem 0 0 #ffbd2e, 1.4rem 0 0 #22c55e; }
  .antsand-code-block-terminal .antsand-code-label, .antsand-code-block-terminal code-label {
    color: #666; }
    .antsand-code-block-terminal .antsand-code-label::before, .antsand-code-block-terminal code-label::before {
      content: '❯ ';
      color: #00ff41; }
  .antsand-code-block-terminal .antsand-code-pre, .antsand-code-block-terminal code-body {
    color: #00ff41; }
  .antsand-code-block-terminal .syn-tag {
    color: #ff5f56; }
  .antsand-code-block-terminal .syn-attr {
    color: #bd93f9; }
  .antsand-code-block-terminal .syn-str {
    color: #f1fa8c; }
  .antsand-code-block-terminal .syn-cmt {
    color: #6272a4;
    font-style: italic; }
  .antsand-code-block-terminal .syn-kw {
    color: #ff79c6; }
  .antsand-code-block-terminal .syn-fn {
    color: #50fa7b; }
  .antsand-code-block-terminal .syn-num {
    color: #ffb86c; }
  .antsand-code-block-terminal .syn-var {
    color: #f8f8f2; }
  .antsand-code-block-terminal .syn-op {
    color: #8be9fd; }
  .antsand-code-block-terminal .syn-sel {
    color: #50fa7b; }

.antsand-code-block-multilang {
  position: relative; }
  .antsand-code-block-multilang .antsand-code-pre[hidden], .antsand-code-block-multilang code-body[hidden] {
    display: none; }
  .antsand-code-block-multilang .antsand-code-copy {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    z-index: 2; }

.antsand-code-block-multi-code {
  background: radial-gradient(circle at 12% 8%, rgba(139, 92, 246, 0.24), transparent 26%), linear-gradient(120deg, rgba(91, 33, 182, 0.42), rgba(15, 23, 42, 0.82)), #151734;
  border: 1px solid rgba(167, 139, 250, 0.24);
  border-radius: 0;
  box-shadow: 0 32px 110px rgba(30, 27, 75, 0.36);
  min-height: 34rem; }
  .antsand-code-block-multi-code::before {
    background-image: linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px), linear-gradient(115deg, rgba(148, 163, 184, 0.12) 1px, transparent 1px);
    background-size: 100% 4.65rem, 9rem 9rem;
    content: "";
    inset: 0;
    opacity: 0.75;
    pointer-events: none;
    position: absolute; }
  .antsand-code-block-multi-code .antsand-code-header, .antsand-code-block-multi-code code-header {
    background: transparent;
    border: 0;
    min-height: 3.75rem;
    padding-right: 4.5rem;
    position: relative;
    z-index: 1; }
  .antsand-code-block-multi-code .antsand-code-label, .antsand-code-block-multi-code code-label,
  .antsand-code-block-multi-code .antsand-code-language,
  .antsand-code-block-multi-code code-language {
    display: none; }
  .antsand-code-block-multi-code .antsand-code-panels,
  .antsand-code-block-multi-code .antsand-code-pre,
  .antsand-code-block-multi-code code-body,
  .antsand-code-block-multi-code .antsand-code-language-tabs {
    position: relative;
    z-index: 1; }
  .antsand-code-block-multi-code .antsand-code-pre, .antsand-code-block-multi-code code-body {
    background: transparent;
    color: #dbeafe;
    font-size: clamp(0.82rem, 1.1vw, 1rem);
    line-height: 1.72;
    max-height: none;
    min-height: 26rem;
    padding: 0 2rem 2rem; }
  .antsand-code-block-multi-code .antsand-code-language-tabs {
    align-items: stretch;
    background: rgba(11, 16, 32, 0.7);
    border-top: 1px solid rgba(148, 163, 184, 0.18);
    display: flex;
    gap: 1rem;
    min-height: 4.2rem;
    overflow-x: auto;
    padding: 0 1.5rem; }
  .antsand-code-block-multi-code .antsand-code-language-tab {
    background: transparent;
    border: 0;
    border-bottom: 3px solid transparent;
    color: #c7d2fe;
    cursor: pointer;
    flex: 0 0 auto;
    font-family: "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.95rem;
    letter-spacing: 0.02em;
    padding: 0 0.5rem;
    text-transform: uppercase;
    transition: color 160ms ease, border-color 160ms ease; }
    .antsand-code-block-multi-code .antsand-code-language-tab:hover, .antsand-code-block-multi-code .antsand-code-language-tab:focus-visible, .antsand-code-block-multi-code .antsand-code-language-tab.is-active {
      border-bottom-color: #34d399;
      color: #ffffff; }
    .antsand-code-block-multi-code .antsand-code-language-tab:focus-visible {
      outline: 2px solid rgba(52, 211, 153, 0.8);
      outline-offset: -4px; }

.antsand-code-copy {
  background: transparent;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 0.25rem;
  color: #94a3b8;
  cursor: pointer;
  font-family: "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.6875rem;
  padding: 0.25rem 0.625rem;
  transition: all 0.2s;
  white-space: nowrap; }
  .antsand-code-copy:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #e2e8f0;
    border-color: rgba(255, 255, 255, 0.2); }
  .antsand-code-copy:focus-visible {
    outline: 2px solid #f15b2a;
    outline-offset: 2px; }
  .antsand-code-copy.copied {
    color: #22c55e;
    border-color: rgba(34, 197, 94, 0.3); }

.antsand-code-pre::-webkit-scrollbar, code-body::-webkit-scrollbar {
  width: 6px;
  height: 6px; }

.antsand-code-pre::-webkit-scrollbar-track, code-body::-webkit-scrollbar-track {
  background: transparent; }

.antsand-code-pre::-webkit-scrollbar-thumb, code-body::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 3px; }
  .antsand-code-pre::-webkit-scrollbar-thumb:hover, code-body::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.25); }

@media (max-width: 768px) {
  .antsand-code-block, .antsand-blog-code, code-section,
  .antsand-code-preview,
  code-section.antsand-code-preview {
    border-radius: 0.75rem; }
    .antsand-code-block .antsand-code-header, .antsand-blog-code .antsand-code-header, code-section .antsand-code-header, .antsand-code-block code-header, .antsand-blog-code code-header, code-section code-header,
    .antsand-code-preview .antsand-code-header,
    .antsand-code-preview code-header {
      min-height: 2.25rem;
      padding-left: 1.5rem; }
    .antsand-code-block .antsand-code-pre, .antsand-blog-code .antsand-code-pre, code-section .antsand-code-pre, .antsand-code-block code-body, .antsand-blog-code code-body, code-section code-body,
    .antsand-code-preview .antsand-code-pre,
    .antsand-code-preview code-body {
      font-size: 0.78rem;
      padding: 1rem;
      max-height: 60vh; }
  .antsand-code-block-multi-code {
    min-height: 0; }
    .antsand-code-block-multi-code .antsand-code-header, .antsand-code-block-multi-code code-header {
      min-height: 3rem;
      padding-left: 2rem;
      padding-right: 4rem; }
    .antsand-code-block-multi-code .antsand-code-pre, .antsand-code-block-multi-code code-body {
      max-height: none;
      min-height: 18rem;
      padding: 0 1rem 1.5rem; }
    .antsand-code-block-multi-code .antsand-code-language-tabs {
      gap: 0.5rem;
      min-height: 3.4rem;
      padding: 0 1rem; }
    .antsand-code-block-multi-code .antsand-code-language-tab {
      font-size: 0.78rem; } }

@media (max-width: 480px) {
  .antsand-code-block, .antsand-blog-code, code-section,
  .antsand-code-preview,
  code-section.antsand-code-preview {
    border-radius: 0.25rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
    .antsand-code-block .antsand-code-pre, .antsand-blog-code .antsand-code-pre, code-section .antsand-code-pre, .antsand-code-block code-body, .antsand-blog-code code-body, code-section code-body,
    .antsand-code-preview .antsand-code-pre,
    .antsand-code-preview code-body {
      font-size: 0.72rem;
      padding: 0.5rem;
      max-height: 50vh; }
  .antsand-code-block-multi-code {
    margin-left: 0;
    margin-right: 0; }
    .antsand-code-block-multi-code .antsand-code-pre, .antsand-code-block-multi-code code-body {
      font-size: 0.72rem;
      min-height: 16rem;
      padding: 0 0.5rem 1rem; } }

@media (prefers-reduced-motion: reduce) {
  .antsand-code-copy {
    transition: none; } }

@media (prefers-contrast: more) {
  .antsand-code-block, .antsand-blog-code, code-section,
  .antsand-code-preview,
  code-section.antsand-code-preview {
    border-width: 2px; }
    .antsand-code-block .antsand-code-pre, .antsand-blog-code .antsand-code-pre, code-section .antsand-code-pre, .antsand-code-block code-body, .antsand-blog-code code-body, code-section code-body,
    .antsand-code-preview .antsand-code-pre,
    .antsand-code-preview code-body {
      color: #ffffff; }
    .antsand-code-block .syn-cmt, .antsand-blog-code .syn-cmt, code-section .syn-cmt,
    .antsand-code-preview .syn-cmt {
      color: #9ca3af; }
    .antsand-code-block .syn-attr, .antsand-blog-code .syn-attr, code-section .syn-attr,
    .antsand-code-preview .syn-attr {
      color: #a0c4ff; } }

@media print {
  .antsand-code-block, .antsand-blog-code, code-section,
  .antsand-code-preview,
  code-section.antsand-code-preview {
    box-shadow: none;
    border: 1px solid #ccc;
    background: white;
    break-inside: avoid;
    page-break-inside: avoid; }
    .antsand-code-block .antsand-code-pre, .antsand-blog-code .antsand-code-pre, code-section .antsand-code-pre, .antsand-code-block code-body, .antsand-blog-code code-body, code-section code-body,
    .antsand-code-preview .antsand-code-pre,
    .antsand-code-preview code-body {
      color: #1a1a1a;
      max-height: none;
      white-space: pre-wrap; }
    .antsand-code-block .antsand-code-copy, .antsand-blog-code .antsand-code-copy, code-section .antsand-code-copy,
    .antsand-code-preview .antsand-code-copy {
      display: none; }
    .antsand-code-block .antsand-code-header::before, .antsand-blog-code .antsand-code-header::before, code-section .antsand-code-header::before, .antsand-code-block code-header::before, .antsand-blog-code code-header::before, code-section code-header::before,
    .antsand-code-preview .antsand-code-header::before,
    .antsand-code-preview code-header::before {
      display: none; } }

.antsand-blog-content {
  --antsand-blog-text: #1f2933;
  --antsand-blog-muted: #64748b;
  --antsand-blog-heading: #0f172a;
  --antsand-blog-accent: #f15b2a;
  --antsand-blog-surface: #ffffff;
  --antsand-blog-soft: #f8fafc;
  --antsand-blog-border: #e5e7eb;
  --antsand-blog-measure: 760px;
  --antsand-blog-wide: 1040px;
  color: var(--antsand-blog-text);
  font-size: clamp(1.0625rem, 1.2vw, 1.1875rem);
  line-height: 1.75;
  margin: 0 auto;
  max-width: var(--antsand-blog-measure);
  padding: clamp(1rem, 3vw, 2rem);
  text-rendering: optimizeLegibility;
  width: 100%; }
  .antsand-blog-content > *:first-child {
    margin-top: 0; }
  .antsand-blog-content > *:last-child {
    margin-bottom: 0; }
  .antsand-blog-content p {
    color: var(--antsand-blog-text);
    font-size: inherit;
    line-height: inherit;
    margin: 0 0 1.35em;
    text-wrap: pretty; }
  .antsand-blog-content h1,
  .antsand-blog-content h2,
  .antsand-blog-content h3,
  .antsand-blog-content h4,
  .antsand-blog-content h5,
  .antsand-blog-content h6 {
    color: var(--antsand-blog-heading);
    font-weight: 850;
    letter-spacing: -0.035em;
    line-height: 1.08;
    margin: 1.55em 0 0.65em;
    text-wrap: balance; }
  .antsand-blog-content h1 {
    font-size: clamp(2.25rem, 5vw, 4.5rem);
    letter-spacing: -0.055em; }
  .antsand-blog-content h2 {
    border: 0;
    font-size: clamp(1.8rem, 3.5vw, 3rem);
    padding: 0; }
  .antsand-blog-content h3 {
    font-size: clamp(1.35rem, 2.2vw, 2rem); }
  .antsand-blog-content a {
    color: var(--antsand-blog-accent);
    font-weight: 750;
    text-decoration-color: rgba(241, 91, 42, 0.35);
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.17em; }
  .antsand-blog-content blockquote {
    border-left: 0.28rem solid var(--antsand-blog-accent);
    color: #334155;
    font-size: clamp(1.25rem, 2vw, 1.55rem);
    font-style: normal;
    font-weight: 650;
    letter-spacing: -0.02em;
    line-height: 1.45;
    margin: 2rem 0;
    padding: 0.35rem 0 0.35rem 1.25rem; }
    .antsand-blog-content blockquote p {
      color: inherit;
      margin: 0; }
  .antsand-blog-content ul,
  .antsand-blog-content ol {
    margin: 1.2rem 0 1.7rem;
    padding-left: 1.35rem; }
    .antsand-blog-content ul li,
    .antsand-blog-content ol li {
      margin: 0.42rem 0;
      padding-left: 0.15rem; }
  .antsand-blog-content img,
  .antsand-blog-content video {
    border-radius: 1rem;
    display: block;
    height: auto;
    margin: 2rem auto;
    max-width: 100%; }
  .antsand-blog-content code:not(pre code) {
    display: inline;
    max-width: 100%;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 0.35rem;
    color: #9a3412;
    font-family: "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.86em;
    overflow-wrap: anywhere;
    padding: 0.12rem 0.34rem;
    white-space: normal;
    word-break: break-word; }
  .antsand-blog-content pre:not(.antsand-code-pre):not(code-body) {
    background: linear-gradient(135deg, rgba(241, 91, 42, 0.12), transparent 38%), #111827;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-left: 0.42rem solid var(--antsand-blog-accent);
    border-radius: 1rem;
    box-shadow: 0 18px 42px rgba(17, 24, 39, 0.2);
    color: #e5e7eb;
    margin: 2rem 0;
    max-width: 100%;
    overflow-x: auto;
    padding: 1.25rem; }
    .antsand-blog-content pre:not(.antsand-code-pre):not(code-body) code,
    .antsand-blog-content pre:not(.antsand-code-pre):not(code-body) code * {
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      color: inherit;
      padding: 0 !important; }
    .antsand-blog-content pre:not(.antsand-code-pre):not(code-body) code {
      display: block;
      line-height: 1.72;
      overflow-wrap: anywhere;
      white-space: pre-wrap; }

.antsand-article pre,
.antsand-research pre,
.antsand-article-wide pre,
.article-body pre,
.blog-post-content pre {
  background: #111827;
  color: #e5e7eb; }
  .antsand-article pre:not(.antsand-code-pre):not(code-body) code, .antsand-article pre:not(.antsand-code-pre):not(code-body) code *,
  .antsand-research pre:not(.antsand-code-pre):not(code-body) code,
  .antsand-research pre:not(.antsand-code-pre):not(code-body) code *,
  .antsand-article-wide pre:not(.antsand-code-pre):not(code-body) code,
  .antsand-article-wide pre:not(.antsand-code-pre):not(code-body) code *,
  .article-body pre:not(.antsand-code-pre):not(code-body) code,
  .article-body pre:not(.antsand-code-pre):not(code-body) code *,
  .blog-post-content pre:not(.antsand-code-pre):not(code-body) code,
  .blog-post-content pre:not(.antsand-code-pre):not(code-body) code * {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: inherit;
    padding: 0 !important; }

.antsand-blog-content-wide {
  max-width: var(--antsand-blog-wide, 1040px); }

.antsand-blog-content-editorial {
  font-family: Georgia, "Times New Roman", serif; }
  .antsand-blog-content-editorial h1,
  .antsand-blog-content-editorial h2,
  .antsand-blog-content-editorial h3,
  .antsand-blog-content-editorial h4,
  .antsand-blog-content-editorial h5,
  .antsand-blog-content-editorial h6,
  .antsand-blog-content-editorial .antsand-blog-kicker,
  .antsand-blog-content-editorial .antsand-blog-meta,
  .antsand-blog-content-editorial .antsand-blog-card-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

.antsand-blog-content-technical {
  --antsand-blog-accent: #2563eb;
  --antsand-blog-soft: #f8fafc;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
  .antsand-blog-content-technical p {
    line-height: 1.72; }

.antsand-blog-lede {
  color: #334155 !important;
  font-size: clamp(1.28rem, 2vw, 1.65rem) !important;
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.48 !important;
  margin-bottom: 1.5em !important; }

.antsand-blog-kicker {
  color: var(--antsand-blog-accent);
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  margin-bottom: 0.85rem;
  text-transform: uppercase; }

.antsand-blog-meta {
  color: var(--antsand-blog-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.88rem;
  gap: 0.55rem 0.9rem;
  margin: 0 0 1.5rem; }

.antsand-blog-callout,
.article-callout {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 252, 0.96)), var(--antsand-blog-soft);
  border: 1px solid var(--antsand-blog-border);
  border-left: 0.34rem solid var(--antsand-blog-accent);
  border-radius: 1.1rem;
  box-shadow: 0 1.1rem 3rem rgba(15, 23, 42, 0.08);
  margin: 2rem 0;
  padding: clamp(1.25rem, 3vw, 2rem); }
  .antsand-blog-callout h3,
  .antsand-blog-callout h4,
  .article-callout h3,
  .article-callout h4 {
    color: var(--antsand-blog-heading);
    font-size: clamp(1.1rem, 1.8vw, 1.45rem);
    letter-spacing: -0.025em;
    margin: 0 0 0.75rem; }
  .antsand-blog-callout p,
  .article-callout p {
    color: #475569;
    font-size: 1rem;
    line-height: 1.65;
    margin-bottom: 1rem; }
  .antsand-blog-callout > *:last-child,
  .article-callout > *:last-child {
    margin-bottom: 0; }

.antsand-blog-callout-dark {
  --antsand-blog-border: rgba(255, 255, 255, 0.13);
  background: linear-gradient(135deg, #0f172a, #111827);
  color: #e5e7eb; }
  .antsand-blog-callout-dark h3,
  .antsand-blog-callout-dark h4,
  .antsand-blog-callout-dark p {
    color: inherit; }

.antsand-blog-figure {
  background: linear-gradient(180deg, #fffaf2, #ffffff), var(--antsand-blog-surface);
  border: 1px solid rgba(185, 0, 0, 0.14);
  border-radius: 1.4rem;
  box-shadow: 0 22px 55px rgba(17, 24, 39, 0.12);
  margin: 2.25rem auto;
  padding: clamp(0.7rem, 2vw, 1.1rem); }
  .antsand-blog-figure img,
  .antsand-blog-figure video {
    border-radius: 1rem;
    display: block;
    height: auto;
    margin: 0 auto 0.75rem;
    max-height: 72vh;
    max-width: 100%;
    object-fit: contain;
    width: auto; }
  .antsand-blog-figure figcaption {
    color: var(--antsand-blog-muted);
    font-size: 0.9rem;
    line-height: 1.45;
    text-align: center; }

.antsand-blog-card {
  background: var(--antsand-blog-surface);
  border: 1px solid var(--antsand-blog-border);
  border-radius: 1.2rem;
  box-shadow: 0 1rem 2.8rem rgba(15, 23, 42, 0.08);
  margin: 2rem 0;
  padding: clamp(1.25rem, 3vw, 2rem); }

.antsand-blog-card-title {
  color: var(--antsand-blog-heading);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 850;
  letter-spacing: -0.035em;
  line-height: 1.1;
  margin: 0 0 0.7rem; }

.antsand-blog-card-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
  margin: 2rem 0; }
  .antsand-blog-card-grid .antsand-blog-card {
    margin: 0; }

.antsand-blog-gallery {
  display: grid;
  gap: 0.9rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  margin: 2rem 0; }
  .antsand-blog-gallery img {
    aspect-ratio: 4 / 3;
    height: 100%;
    margin: 0;
    object-fit: cover;
    width: 100%; }

.antsand-blog-pullquote {
  color: var(--antsand-blog-heading);
  font-size: clamp(1.55rem, 3vw, 2.5rem);
  font-weight: 900;
  letter-spacing: -0.055em;
  line-height: 1.05;
  margin: 2.5rem auto;
  max-width: 12em;
  text-align: center; }

.antsand-blog-note-list {
  display: grid;
  gap: 0.75rem;
  list-style: none !important;
  margin: 1.5rem 0 2rem !important;
  padding: 0 !important; }
  .antsand-blog-note-list li {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 0.9rem;
    color: #7c2d12;
    margin: 0 !important;
    padding: 0.8rem 1rem; }

@media (max-width: 768px) {
  .antsand-blog-content {
    font-size: 1.03rem;
    line-height: 1.68;
    padding: 1rem; }
  .antsand-blog-callout,
  .article-callout,
  .antsand-blog-card {
    border-radius: 0.9rem;
    margin: 1.5rem 0; } }

.blog-toc {
  --toc-teal: #5eead4;
  --toc-muted: #94a3b8;
  margin: 1.8rem 0;
  padding: 1.2rem 1.5rem;
  background: #0c1824;
  border-radius: 16px;
  border: 1px solid rgba(94, 234, 212, 0.15);
  font-family: 'IBM Plex Mono', 'SF Mono', monospace; }

.blog-toc__head {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: .8rem; }

.blog-toc__title {
  font-size: .78rem;
  font-weight: 700;
  color: var(--toc-teal);
  text-transform: uppercase;
  letter-spacing: .08em; }

.blog-toc__meta {
  font-size: .68rem;
  color: var(--toc-muted); }

.blog-toc__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: .35rem .9rem; }

.blog-toc__grid a {
  font-size: .74rem;
  color: #cbd5e1;
  text-decoration: none;
  padding: .18rem 0;
  border-bottom: 1px solid transparent;
  transition: all .15s;
  display: flex;
  gap: .5rem;
  align-items: baseline; }

.blog-toc__grid a:hover {
  color: var(--toc-teal);
  border-bottom-color: rgba(94, 234, 212, 0.3); }

.blog-toc__grid a span {
  color: var(--toc-teal);
  font-size: .66rem;
  opacity: .7; }

.blog-toc__tag {
  display: inline-block;
  font-size: .6rem;
  padding: .05rem .35rem;
  border-radius: 4px;
  background: rgba(251, 191, 36, 0.15);
  color: #fbbf24;
  margin-left: .3rem;
  vertical-align: middle; }

.gb-op {
  cursor: pointer;
  opacity: 0.3;
  transition: opacity 220ms,filter 220ms; }

.gb-op:hover {
  opacity: 0.7; }

.gb-op.is-done {
  opacity: 0.6; }

.gb-op.is-active {
  opacity: 1;
  filter: drop-shadow(0 0 12px rgba(94, 234, 212, 0.2)); }

.gb-op text {
  pointer-events: none; }

.gb-conn {
  opacity: 0.12;
  transition: opacity 220ms; }

.gb-conn.is-done {
  opacity: 0.5; }

.gb-conn.is-active {
  opacity: 1;
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  animation: gb-trace 400ms ease forwards; }

@keyframes gb-trace {
  to {
    stroke-dashoffset: 0; } }

.gb-tooltip {
  position: absolute;
  padding: 6px 10px;
  background: rgba(8, 16, 28, 0.95);
  border: 1px solid var(--asi-accent);
  border-radius: 8px;
  color: var(--asi-muted);
  font-size: 0.75rem;
  max-width: 240px;
  pointer-events: none;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 180ms,transform 180ms;
  z-index: 10; }

.gb-tooltip.is-visible {
  opacity: 1;
  transform: translateY(0); }

.gate-pipe {
  --gp-bg: #0c1824;
  --gp-text: #f1f5f9;
  --gp-muted: #94a3b8;
  --gp-teal: #5eead4;
  --gp-warm: #fbbf24;
  --gp-green: #34d399;
  --gp-rose: #fb7185;
  --gp-blue: #60a5fa;
  margin: 2rem 0;
  border-radius: 20px;
  overflow: hidden;
  background: var(--gp-bg);
  color: var(--gp-text);
  font-family: 'IBM Plex Mono', 'SF Mono', monospace;
  border: 1px solid rgba(94, 234, 212, 0.15); }

.gate-pipe__header {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 1.1rem 1.5rem .5rem; }

.gate-pipe__title {
  font-size: .82rem;
  font-weight: 700;
  color: var(--gp-teal);
  text-transform: uppercase;
  letter-spacing: .06em; }

.gate-pipe__sub {
  font-size: .68rem;
  color: var(--gp-muted);
  margin-top: .2rem; }

.gate-pipe__track {
  display: flex;
  align-items: stretch;
  gap: 0;
  padding: 1rem 1.2rem 0;
  overflow-x: auto; }

.gate-pipe__gate {
  flex: 1 0 110px;
  min-width: 110px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 0 .3rem; }

.gate-pipe__node {
  width: 100%;
  padding: .7rem .4rem;
  border-radius: 10px;
  background: rgba(94, 234, 212, 0.06);
  border: 1.5px solid rgba(94, 234, 212, 0.25);
  text-align: center;
  transition: all .2s;
  position: relative;
  z-index: 2; }

.gate-pipe__gate:hover .gate-pipe__node {
  border-color: var(--gp-teal);
  background: rgba(94, 234, 212, 0.12); }

.gate-pipe__gate.is-active .gate-pipe__node {
  border-color: var(--gp-warm);
  background: rgba(251, 191, 36, 0.12);
  box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.12); }

.gate-pipe__num {
  font-size: .6rem;
  color: var(--gp-muted); }

.gate-pipe__name {
  font-size: .72rem;
  font-weight: 700;
  color: var(--gp-text);
  margin: .2rem 0; }

.gate-pipe__status {
  font-size: .62rem;
  color: var(--gp-green); }

.gate-pipe__arrow {
  color: var(--gp-muted);
  align-self: center;
  font-size: 1rem;
  flex: 0 0 auto;
  opacity: .5; }

.gate-pipe__detail {
  margin: 1.2rem 1.2rem 1.4rem;
  padding: 1rem 1.2rem;
  background: #111f2e;
  border-radius: 12px;
  border-left: 3px solid var(--gp-warm); }

.gate-pipe__detail-title {
  font-size: .82rem;
  font-weight: 700;
  color: var(--gp-warm);
  margin-bottom: .5rem; }

.gate-pipe__detail-cmd {
  font-size: .68rem;
  margin: .65rem 0; }

.gate-pipe__detail-row {
  font-size: .72rem;
  color: #cbd5e1;
  margin: .35rem 0;
  line-height: 1.5; }

.gate-pipe__detail-row strong {
  color: var(--gp-teal); }

.gate-pipe__pass {
  color: var(--gp-green);
  font-weight: 700; }

.gate-pipe__fail {
  color: var(--gp-rose);
  font-weight: 700; }

.arch-compare {
  --ac-bg: #0c1824;
  --ac-text: #f1f5f9;
  --ac-muted: #94a3b8;
  --ac-teal: #5eead4;
  --ac-warm: #fbbf24;
  --ac-blue: #60a5fa;
  --ac-purple: #a78bfa;
  --ac-green: #34d399;
  --ac-orange: #fb923c;
  --ac-rose: #fb7185;
  --ac-cyan: #22d3ee;
  --ac-red: #ef4444;
  margin: 2.2rem 0;
  border-radius: 24px;
  overflow: hidden;
  background: var(--ac-bg);
  color: var(--ac-text);
  font-family: 'IBM Plex Mono', 'SF Mono', monospace;
  border: 1px solid rgba(94, 234, 212, 0.15); }

.arch-compare__header {
  padding: 1.2rem 1.6rem .8rem;
  border-bottom: 1px solid rgba(94, 234, 212, 0.1);
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap; }

.arch-compare__title {
  font-size: .9rem;
  font-weight: 700;
  color: var(--ac-teal);
  text-transform: uppercase;
  letter-spacing: .08em; }

.arch-compare__header .blog-interactive__fullscreen {
  margin-left: auto; }

.arch-compare__tabs {
  display: flex;
  gap: .4rem;
  flex-wrap: wrap; }

.arch-compare__tab {
  padding: .35rem .75rem;
  border-radius: 6px;
  cursor: pointer;
  font-size: .72rem;
  font-weight: 600;
  border: 1px solid rgba(94, 234, 212, 0.2);
  background: transparent;
  color: var(--ac-muted);
  transition: all .2s; }

.arch-compare__tab:hover {
  border-color: var(--ac-teal);
  color: var(--ac-text); }

.arch-compare__tab.is-active {
  background: rgba(94, 234, 212, 0.12);
  border-color: var(--ac-teal);
  color: var(--ac-teal); }

.arch-compare__body {
  padding: 1rem 1.2rem 1.4rem;
  min-height: 400px; }

.arch-compare__svg-wrap {
  width: 100%;
  overflow-x: auto; }

.arch-compare__svg-wrap svg {
  display: block;
  margin: 0 auto; }

.arch-compare__legend {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  padding: .8rem 1.6rem;
  border-top: 1px solid rgba(94, 234, 212, 0.08);
  font-size: .68rem; }

.arch-compare__legend-item {
  display: flex;
  align-items: center;
  gap: .3rem; }

.arch-compare__legend-dot {
  width: 10px;
  height: 10px;
  border-radius: 3px; }

.arch-compare__info {
  padding: .8rem 1.6rem;
  font-size: .73rem;
  color: var(--ac-muted);
  border-top: 1px solid rgba(94, 234, 212, 0.06);
  line-height: 1.6; }

.arch-compare__info strong {
  color: var(--ac-warm); }

.arch-compare__info code {
  color: var(--ac-cyan);
  font-size: .7rem; }

@media (max-width: 600px) {
  .arch-compare__body {
    padding: .6rem; }
  .arch-compare__tabs {
    gap: .25rem; }
  .arch-compare__tab {
    font-size: .65rem;
    padding: .25rem .5rem; } }

.kernel-div {
  --kd-bg: #0c1824;
  --kd-text: #f1f5f9;
  --kd-muted: #94a3b8;
  --kd-teal: #5eead4;
  --kd-warm: #fbbf24;
  --kd-blue: #60a5fa;
  --kd-purple: #a78bfa;
  --kd-green: #34d399;
  --kd-rose: #fb7185;
  margin: 2.2rem 0;
  border-radius: 24px;
  overflow: hidden;
  background: var(--kd-bg);
  color: var(--kd-text);
  font-family: 'IBM Plex Mono', 'SF Mono', monospace;
  border: 1px solid rgba(94, 234, 212, 0.15); }

.kernel-div__header {
  padding: 1.2rem 1.6rem .6rem;
  border-bottom: 1px solid rgba(94, 234, 212, 0.1); }

.kernel-div__title {
  font-size: .85rem;
  font-weight: 700;
  color: var(--kd-teal);
  text-transform: uppercase;
  letter-spacing: .06em; }

.kernel-div__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1px;
  background: rgba(94, 234, 212, 0.06); }

.kernel-div__cell {
  padding: 1rem 1.2rem;
  background: var(--kd-bg);
  cursor: pointer;
  transition: background .2s; }

.kernel-div__cell:hover {
  background: rgba(94, 234, 212, 0.04); }

.kernel-div__cell-title {
  font-size: .78rem;
  font-weight: 700;
  color: var(--kd-warm);
  margin-bottom: .4rem; }

.kernel-div__cell-kernel {
  font-size: .68rem;
  color: var(--kd-blue);
  margin-bottom: .3rem; }

.kernel-div__cell-why {
  font-size: .67rem;
  color: var(--kd-muted);
  line-height: 1.5; }

.kernel-div__cell-danger {
  font-size: .65rem;
  color: var(--kd-rose);
  margin-top: .3rem;
  font-weight: 600; }

.rope-cmp {
  --rc-bg: #0c1824;
  --rc-text: #f1f5f9;
  --rc-muted: #94a3b8;
  --rc-teal: #5eead4;
  --rc-warm: #fbbf24;
  --rc-blue: #60a5fa;
  --rc-purple: #a78bfa;
  --rc-rose: #fb7185;
  margin: 2.2rem 0;
  border-radius: 24px;
  overflow: hidden;
  background: var(--rc-bg);
  color: var(--rc-text);
  font-family: 'IBM Plex Mono', 'SF Mono', monospace;
  border: 1px solid rgba(94, 234, 212, 0.15); }

.rope-cmp__header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .65rem 1rem;
  padding: 1.2rem 1.6rem .6rem;
  border-bottom: 1px solid rgba(94, 234, 212, 0.1); }

.rope-cmp__title {
  font-size: .85rem;
  font-weight: 700;
  color: var(--rc-teal);
  text-transform: uppercase;
  letter-spacing: .06em; }

.rope-cmp__controls {
  display: flex;
  gap: .5rem;
  flex: 1 1 28rem;
  flex-wrap: wrap; }

.rope-cmp__btn {
  padding: .35rem .8rem;
  border-radius: 6px;
  cursor: pointer;
  font-size: .72rem;
  font-weight: 600;
  border: 1px solid rgba(94, 234, 212, 0.2);
  background: transparent;
  color: var(--rc-muted);
  transition: all .2s; }

.rope-cmp__btn:hover {
  border-color: var(--rc-teal);
  color: var(--rc-text); }

.rope-cmp__btn.is-active {
  background: rgba(94, 234, 212, 0.12);
  border-color: var(--rc-teal);
  color: var(--rc-teal); }

.rope-cmp__body {
  padding: 1.2rem 1.6rem; }

.rope-cmp__diagram {
  margin: .8rem 0; }

.rope-cmp__code {
  font-size: .7rem;
  margin: .75rem 0; }

.rope-cmp__desc {
  font-size: .73rem;
  color: var(--rc-muted);
  line-height: 1.6;
  margin: .6rem 0; }

.rope-cmp__desc strong {
  color: var(--rc-warm); }

.rope-cmp__warn {
  font-size: .7rem;
  color: var(--rc-rose);
  padding: .5rem .8rem;
  background: rgba(251, 113, 133, 0.06);
  border-radius: 6px;
  border-left: 3px solid var(--rc-rose);
  margin: .8rem 0; }

.blog-interactive-fallback {
  color: #94a3b8;
  font-size: 0.8rem;
  padding: 1rem;
  text-align: center; }

.blog-compact-list {
  color: #475569;
  font-size: 0.9rem;
  line-height: 1.7; }

.research-note-copy {
  color: #cbd5e1;
  font-size: 0.82rem;
  line-height: 1.65; }
  .research-note-copy--spaced {
    margin-top: 0.5rem; }

.arch-compare__legend-dot--norm {
  background: #5eead4; }

.arch-compare__legend-dot--projection {
  background: #60a5fa; }

.arch-compare__legend-dot--rope {
  background: #fbbf24; }

.arch-compare__legend-dot--attention {
  background: #a78bfa; }

.arch-compare__legend-dot--mlp {
  background: #34d399; }

.arch-compare__legend-dot--residual {
  background: #fb923c; }

.arch-compare__legend-dot--special {
  background: #fb7185; }

.arch-compare__generated-svg {
  max-height: 520px; }

.rope-cmp__generated-svg {
  max-height: 120px;
  max-width: 352px; }

.rope-cmp__pre {
  color: #f1f5f9;
  margin: 0; }

.rope-cmp__models {
  color: #94a3b8;
  font-size: 0.68rem;
  margin-top: 0.4rem; }

.ant-table, .ant-datatable {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  position: relative; }
  .ant-table::after, .ant-datatable::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to left, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0));
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
  .ant-table:hover::after, .ant-datatable:hover::after, .ant-table:focus-within::after, .ant-datatable:focus-within::after {
    opacity: 1; }
  .ant-table table, .ant-table .ant-datatable__table, .ant-datatable table, .ant-datatable .ant-datatable__table {
    width: 100%;
    min-width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    color: #1e293b; }
  .ant-table th, .ant-datatable th, .ant-table td, .ant-datatable td {
    padding: 14px 18px;
    text-align: left; }
  .ant-table th, .ant-datatable th {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #64748b;
    background: #f1f5f9;
    border-bottom: 2px solid #e2e8f0;
    white-space: nowrap;
    position: relative; }
  .ant-table td, .ant-datatable td {
    border-bottom: 1px solid #e2e8f0;
    vertical-align: middle; }
  .ant-table tbody tr, .ant-datatable tbody tr {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
    .ant-table tbody tr:hover, .ant-datatable tbody tr:hover {
      background: #f8fafc; }
    .ant-table tbody tr:last-child td, .ant-datatable tbody tr:last-child td {
      border-bottom: none; }
  .ant-table th.sortable, .ant-datatable th.sortable {
    cursor: pointer;
    user-select: none;
    padding-right: 32px; }
    .ant-table th.sortable::after, .ant-datatable th.sortable::after {
      content: '';
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 5px solid #64748b;
      opacity: 0.3; }
    .ant-table th.sortable:hover::after, .ant-datatable th.sortable:hover::after {
      opacity: 0.6; }
    .ant-table th.sortable.asc::after, .ant-datatable th.sortable.asc::after {
      border-top: none;
      border-bottom: 5px solid #3b82f6;
      opacity: 1; }
    .ant-table th.sortable.desc::after, .ant-datatable th.sortable.desc::after {
      border-top: 5px solid #3b82f6;
      opacity: 1; }

.ant-table.material, .material.ant-datatable {
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden; }
  .ant-table.material th, .material.ant-datatable th {
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: none;
    padding: 16px 20px;
    font-size: 11px;
    font-weight: 700;
    color: #64748b; }
  .ant-table.material td, .material.ant-datatable td {
    padding: 16px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
  .ant-table.material tbody tr, .material.ant-datatable tbody tr {
    transition: background-color 0.2s ease; }
    .ant-table.material tbody tr:hover, .material.ant-datatable tbody tr:hover {
      background: rgba(59, 130, 246, 0.04); }
    .ant-table.material tbody tr:active, .material.ant-datatable tbody tr:active {
      background: rgba(59, 130, 246, 0.08); }
  .ant-table.material tbody tr:hover td, .material.ant-datatable tbody tr:hover td {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); }
  .ant-table.material tbody tr.selected, .material.ant-datatable tbody tr.selected {
    background: rgba(59, 130, 246, 0.1); }
  .ant-table.material .status, .material.ant-datatable .status {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500; }
    .ant-table.material .status.success, .material.ant-datatable .status.success {
      background: #dcfce7;
      color: #166534; }
    .ant-table.material .status.warning, .material.ant-datatable .status.warning {
      background: #fef3c7;
      color: #92400e; }
    .ant-table.material .status.error, .material.ant-datatable .status.error {
      background: #fee2e2;
      color: #991b1b; }
    .ant-table.material .status.info, .material.ant-datatable .status.info {
      background: #dbeafe;
      color: #1e40af; }

.ant-table.minimal, .minimal.ant-datatable {
  background: transparent;
  box-shadow: none;
  border-radius: 0; }
  .ant-table.minimal th, .minimal.ant-datatable th {
    background: transparent;
    border-bottom: 2px solid #1e293b;
    padding: 12px 16px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #1e293b; }
  .ant-table.minimal td, .minimal.ant-datatable td {
    padding: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
  .ant-table.minimal tbody tr:hover, .minimal.ant-datatable tbody tr:hover {
    background: rgba(0, 0, 0, 0.02); }
  .ant-table.minimal tbody tr:last-child td, .minimal.ant-datatable tbody tr:last-child td {
    border-bottom: 2px solid #1e293b; }

.ant-table.elegant, .elegant.ant-datatable {
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 20px -5px rgba(0, 0, 0, 0.08); }
  .ant-table.elegant th, .elegant.ant-datatable th {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-bottom: none;
    padding: 18px 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px; }
    .ant-table.elegant th:first-child, .elegant.ant-datatable th:first-child {
      border-radius: 15px 0 0 0; }
    .ant-table.elegant th:last-child, .elegant.ant-datatable th:last-child {
      border-radius: 0 15px 0 0; }
    .ant-table.elegant th.sortable::after, .elegant.ant-datatable th.sortable::after {
      border-top-color: rgba(255, 255, 255, 0.5); }
    .ant-table.elegant th.sortable.asc::after, .elegant.ant-datatable th.sortable.asc::after, .ant-table.elegant th.sortable.desc::after, .elegant.ant-datatable th.sortable.desc::after {
      border-top-color: white;
      border-bottom-color: white; }
  .ant-table.elegant td, .elegant.ant-datatable td {
    padding: 16px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .ant-table.elegant tbody tr:nth-child(even), .elegant.ant-datatable tbody tr:nth-child(even) {
    background: rgba(102, 126, 234, 0.03); }
  .ant-table.elegant tbody tr:hover, .elegant.ant-datatable tbody tr:hover {
    background: rgba(102, 126, 234, 0.08); }
  .ant-table.elegant a, .elegant.ant-datatable a, .ant-table.elegant .link, .elegant.ant-datatable .link {
    color: #667eea;
    text-decoration: none;
    font-weight: 500; }
    .ant-table.elegant a:hover, .elegant.ant-datatable a:hover, .ant-table.elegant .link:hover, .elegant.ant-datatable .link:hover {
      color: #764ba2; }

.ant-table.glass, .glass.ant-datatable {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5); }
  .ant-table.glass th, .glass.ant-datatable th {
    background: rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 16px 20px;
    font-weight: 600;
    color: #1e293b; }
  .ant-table.glass td, .glass.ant-datatable td {
    padding: 14px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .ant-table.glass tbody tr:hover, .glass.ant-datatable tbody tr:hover {
    background: rgba(255, 255, 255, 0.4); }
  .ant-table.glass.dark, .glass.dark.ant-datatable {
    background: rgba(30, 30, 30, 0.8);
    border-color: rgba(255, 255, 255, 0.1); }
    .ant-table.glass.dark th, .glass.dark.ant-datatable th {
      background: rgba(255, 255, 255, 0.05);
      border-color: rgba(255, 255, 255, 0.1);
      color: #e5e5e5; }
    .ant-table.glass.dark td, .glass.dark.ant-datatable td {
      border-color: rgba(255, 255, 255, 0.05);
      color: #e5e5e5; }
    .ant-table.glass.dark tbody tr:hover, .glass.dark.ant-datatable tbody tr:hover {
      background: rgba(255, 255, 255, 0.08); }

.ant-table.neon, .neon.ant-datatable {
  background: #0a0a0f;
  border: 1px solid #1a1a2e;
  border-radius: 12px;
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.05); }
  .ant-table.neon table, .ant-table.neon .ant-datatable__table, .neon.ant-datatable table, .neon.ant-datatable .ant-datatable__table {
    color: #e0e0e0; }
  .ant-table.neon th, .neon.ant-datatable th {
    background: linear-gradient(180deg, #1a1a2e 0%, #16162a 100%);
    border-bottom: 1px solid #00fff2;
    padding: 16px 20px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #00fff2;
    text-shadow: 0 0 10px rgba(0, 255, 242, 0.5); }
  .ant-table.neon td, .neon.ant-datatable td {
    padding: 14px 20px;
    border-bottom: 1px solid rgba(0, 255, 242, 0.1); }
  .ant-table.neon tbody tr:hover, .neon.ant-datatable tbody tr:hover {
    background: rgba(0, 255, 242, 0.05);
    box-shadow: inset 3px 0 0 #00fff2, 0 0 20px rgba(0, 255, 242, 0.1); }
  .ant-table.neon .status, .neon.ant-datatable .status {
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px; }
    .ant-table.neon .status.success, .neon.ant-datatable .status.success {
      background: rgba(0, 255, 136, 0.1);
      color: #00ff88;
      border: 1px solid #00ff88;
      box-shadow: 0 0 10px rgba(0, 255, 136, 0.3); }
    .ant-table.neon .status.warning, .neon.ant-datatable .status.warning {
      background: rgba(255, 200, 0, 0.1);
      color: #ffc800;
      border: 1px solid #ffc800;
      box-shadow: 0 0 10px rgba(255, 200, 0, 0.3); }
    .ant-table.neon .status.error, .neon.ant-datatable .status.error {
      background: rgba(255, 0, 85, 0.1);
      color: #ff0055;
      border: 1px solid #ff0055;
      box-shadow: 0 0 10px rgba(255, 0, 85, 0.3); }
  .ant-table.neon a, .neon.ant-datatable a, .ant-table.neon .link, .neon.ant-datatable .link {
    color: #ff00ff;
    text-shadow: 0 0 8px rgba(255, 0, 255, 0.5); }
    .ant-table.neon a:hover, .neon.ant-datatable a:hover, .ant-table.neon .link:hover, .neon.ant-datatable .link:hover {
      color: #00fff2;
      text-shadow: 0 0 12px rgba(0, 255, 242, 0.8); }

.ant-table.striped, .striped.ant-datatable {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); }
  .ant-table.striped th, .striped.ant-datatable th {
    background: #1e293b;
    color: white;
    border-bottom: none;
    padding: 16px 20px;
    font-size: 12px;
    font-weight: 600; }
    .ant-table.striped th.sortable::after, .striped.ant-datatable th.sortable::after {
      border-top-color: rgba(255, 255, 255, 0.5); }
    .ant-table.striped th.sortable.asc::after, .striped.ant-datatable th.sortable.asc::after, .ant-table.striped th.sortable.desc::after, .striped.ant-datatable th.sortable.desc::after {
      border-top-color: white;
      border-bottom-color: white; }
  .ant-table.striped td, .striped.ant-datatable td {
    padding: 14px 20px;
    border-bottom: none; }
  .ant-table.striped tbody tr:nth-child(odd), .striped.ant-datatable tbody tr:nth-child(odd) {
    background: #ffffff; }
  .ant-table.striped tbody tr:nth-child(even), .striped.ant-datatable tbody tr:nth-child(even) {
    background: #f8fafc; }
  .ant-table.striped tbody tr:hover, .striped.ant-datatable tbody tr:hover {
    background: #e0f2fe;
    transform: scale(1.005);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    position: relative;
    z-index: 1; }
  .ant-table.striped.blue th, .striped.blue.ant-datatable th {
    background: #1e40af; }
  .ant-table.striped.blue tbody tr:nth-child(odd), .striped.blue.ant-datatable tbody tr:nth-child(odd) {
    background: #eff6ff; }
  .ant-table.striped.blue tbody tr:nth-child(even), .striped.blue.ant-datatable tbody tr:nth-child(even) {
    background: #dbeafe; }
  .ant-table.striped.blue tbody tr:hover, .striped.blue.ant-datatable tbody tr:hover {
    background: #bfdbfe; }
  .ant-table.striped.green th, .striped.green.ant-datatable th {
    background: #166534; }
  .ant-table.striped.green tbody tr:nth-child(odd), .striped.green.ant-datatable tbody tr:nth-child(odd) {
    background: #f0fdf4; }
  .ant-table.striped.green tbody tr:nth-child(even), .striped.green.ant-datatable tbody tr:nth-child(even) {
    background: #dcfce7; }
  .ant-table.striped.green tbody tr:hover, .striped.green.ant-datatable tbody tr:hover {
    background: #bbf7d0; }
  .ant-table.striped.purple th, .striped.purple.ant-datatable th {
    background: #6b21a8; }
  .ant-table.striped.purple tbody tr:nth-child(odd), .striped.purple.ant-datatable tbody tr:nth-child(odd) {
    background: #faf5ff; }
  .ant-table.striped.purple tbody tr:nth-child(even), .striped.purple.ant-datatable tbody tr:nth-child(even) {
    background: #f3e8ff; }
  .ant-table.striped.purple tbody tr:hover, .striped.purple.ant-datatable tbody tr:hover {
    background: #e9d5ff; }
  .ant-table.striped.amber th, .striped.amber.ant-datatable th {
    background: #b45309; }
  .ant-table.striped.amber tbody tr:nth-child(odd), .striped.amber.ant-datatable tbody tr:nth-child(odd) {
    background: #fffbeb; }
  .ant-table.striped.amber tbody tr:nth-child(even), .striped.amber.ant-datatable tbody tr:nth-child(even) {
    background: #fef3c7; }
  .ant-table.striped.amber tbody tr:hover, .striped.amber.ant-datatable tbody tr:hover {
    background: #fde68a; }
  .ant-table.striped.rose th, .striped.rose.ant-datatable th {
    background: #be123c; }
  .ant-table.striped.rose tbody tr:nth-child(odd), .striped.rose.ant-datatable tbody tr:nth-child(odd) {
    background: #fff1f2; }
  .ant-table.striped.rose tbody tr:nth-child(even), .striped.rose.ant-datatable tbody tr:nth-child(even) {
    background: #ffe4e6; }
  .ant-table.striped.rose tbody tr:hover, .striped.rose.ant-datatable tbody tr:hover {
    background: #fecdd3; }
  .ant-table.striped.teal th, .striped.teal.ant-datatable th {
    background: #0f766e; }
  .ant-table.striped.teal tbody tr:nth-child(odd), .striped.teal.ant-datatable tbody tr:nth-child(odd) {
    background: #f0fdfa; }
  .ant-table.striped.teal tbody tr:nth-child(even), .striped.teal.ant-datatable tbody tr:nth-child(even) {
    background: #ccfbf1; }
  .ant-table.striped.teal tbody tr:hover, .striped.teal.ant-datatable tbody tr:hover {
    background: #99f6e4; }

.ant-table.zebra, .zebra.ant-datatable {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); }
  .ant-table.zebra th, .zebra.ant-datatable th {
    background: #0f172a;
    color: white;
    border-bottom: none;
    padding: 16px 20px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .ant-table.zebra td, .zebra.ant-datatable td {
    padding: 16px 20px;
    border-bottom: none;
    font-weight: 500; }
  .ant-table.zebra tbody tr, .zebra.ant-datatable tbody tr {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
    .ant-table.zebra tbody tr:nth-child(odd), .zebra.ant-datatable tbody tr:nth-child(odd) {
      background: #f8fafc;
      color: #1e293b; }
    .ant-table.zebra tbody tr:nth-child(even), .zebra.ant-datatable tbody tr:nth-child(even) {
      background: #1e293b;
      color: #f8fafc; }
    .ant-table.zebra tbody tr:hover, .zebra.ant-datatable tbody tr:hover {
      transform: scale(1.01);
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
      position: relative;
      z-index: 1; }
  .ant-table.zebra.ocean th, .zebra.ocean.ant-datatable th {
    background: #0c4a6e; }
  .ant-table.zebra.ocean tbody tr:nth-child(odd), .zebra.ocean.ant-datatable tbody tr:nth-child(odd) {
    background: #e0f2fe;
    color: #0c4a6e; }
  .ant-table.zebra.ocean tbody tr:nth-child(even), .zebra.ocean.ant-datatable tbody tr:nth-child(even) {
    background: #0369a1;
    color: white; }
  .ant-table.zebra.forest th, .zebra.forest.ant-datatable th {
    background: #14532d; }
  .ant-table.zebra.forest tbody tr:nth-child(odd), .zebra.forest.ant-datatable tbody tr:nth-child(odd) {
    background: #dcfce7;
    color: #14532d; }
  .ant-table.zebra.forest tbody tr:nth-child(even), .zebra.forest.ant-datatable tbody tr:nth-child(even) {
    background: #15803d;
    color: white; }
  .ant-table.zebra.sunset th, .zebra.sunset.ant-datatable th {
    background: #7c2d12; }
  .ant-table.zebra.sunset tbody tr:nth-child(odd), .zebra.sunset.ant-datatable tbody tr:nth-child(odd) {
    background: #ffedd5;
    color: #7c2d12; }
  .ant-table.zebra.sunset tbody tr:nth-child(even), .zebra.sunset.ant-datatable tbody tr:nth-child(even) {
    background: #ea580c;
    color: white; }
  .ant-table.zebra.royal th, .zebra.royal.ant-datatable th {
    background: #4c1d95; }
  .ant-table.zebra.royal tbody tr:nth-child(odd), .zebra.royal.ant-datatable tbody tr:nth-child(odd) {
    background: #ede9fe;
    color: #4c1d95; }
  .ant-table.zebra.royal tbody tr:nth-child(even), .zebra.royal.ant-datatable tbody tr:nth-child(even) {
    background: #7c3aed;
    color: white; }

.ant-table.corporate, .corporate.ant-datatable {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  box-shadow: none; }
  .ant-table.corporate th, .corporate.ant-datatable th {
    background: #1e3a5f;
    color: white;
    border-bottom: none;
    padding: 14px 18px;
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0; }
    .ant-table.corporate th:first-child, .corporate.ant-datatable th:first-child {
      border-radius: 7px 0 0 0; }
    .ant-table.corporate th:last-child, .corporate.ant-datatable th:last-child {
      border-radius: 0 7px 0 0; }
  .ant-table.corporate td, .corporate.ant-datatable td {
    padding: 12px 18px;
    border-bottom: 1px solid #e2e8f0;
    font-size: 14px; }
  .ant-table.corporate tbody tr:hover, .corporate.ant-datatable tbody tr:hover {
    background: #f0f7ff; }
  .ant-table.corporate .status, .corporate.ant-datatable .status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 500; }
    .ant-table.corporate .status::before, .corporate.ant-datatable .status::before {
      content: '';
      width: 8px;
      height: 8px;
      border-radius: 50%; }
    .ant-table.corporate .status.success::before, .corporate.ant-datatable .status.success::before {
      background: #22c55e; }
    .ant-table.corporate .status.warning::before, .corporate.ant-datatable .status.warning::before {
      background: #f59e0b; }
    .ant-table.corporate .status.error::before, .corporate.ant-datatable .status.error::before {
      background: #ef4444; }
    .ant-table.corporate .status.info::before, .corporate.ant-datatable .status.info::before {
      background: #3b82f6; }
  .ant-table.corporate .actions, .corporate.ant-datatable .actions {
    display: flex;
    gap: 8px; }
    .ant-table.corporate .actions button, .corporate.ant-datatable .actions button, .ant-table.corporate .actions a, .corporate.ant-datatable .actions a {
      padding: 6px 12px;
      font-size: 12px;
      border-radius: 4px;
      border: 1px solid #e2e8f0;
      background: white;
      color: #1e293b;
      cursor: pointer;
      transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
      .ant-table.corporate .actions button:hover, .corporate.ant-datatable .actions button:hover, .ant-table.corporate .actions a:hover, .corporate.ant-datatable .actions a:hover {
        background: #1e3a5f;
        border-color: #1e3a5f;
        color: white; }

.ant-table.dark, .dark.ant-datatable {
  background: #1e1e1e;
  border-color: #333333; }
  .ant-table.dark table, .ant-table.dark .ant-datatable__table, .dark.ant-datatable table, .dark.ant-datatable .ant-datatable__table {
    color: #e5e5e5; }
  .ant-table.dark::after, .dark.ant-datatable::after {
    background: linear-gradient(to left, rgba(30, 30, 30, 0.92), rgba(30, 30, 30, 0)); }
  .ant-table.dark th, .dark.ant-datatable th {
    background: #2a2a2a;
    color: #a0a0a0;
    border-color: #333333; }
  .ant-table.dark td, .dark.ant-datatable td {
    border-color: #333333; }
  .ant-table.dark tbody tr:hover, .dark.ant-datatable tbody tr:hover {
    background: #2d2d2d; }
  .ant-table.dark.material, .dark.material.ant-datatable {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(0, 0, 0, 0.3); }
    .ant-table.dark.material th, .dark.material.ant-datatable th {
      background: linear-gradient(180deg, #2a2a2a 0%, #252525 100%); }
    .ant-table.dark.material td, .dark.material.ant-datatable td {
      border-color: rgba(255, 255, 255, 0.06); }
    .ant-table.dark.material tbody tr:hover td, .dark.material.ant-datatable tbody tr:hover td {
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); }
  .ant-table.dark.minimal th, .dark.minimal.ant-datatable th {
    border-color: #e5e5e5;
    color: #e5e5e5; }
  .ant-table.dark.minimal tbody tr:last-child td, .dark.minimal.ant-datatable tbody tr:last-child td {
    border-color: #e5e5e5; }
  .ant-table.dark.minimal tbody tr:hover, .dark.minimal.ant-datatable tbody tr:hover {
    background: rgba(255, 255, 255, 0.03); }
  .ant-table.dark.striped th, .dark.striped.ant-datatable th {
    background: #374151; }
  .ant-table.dark.striped tbody tr:nth-child(odd), .dark.striped.ant-datatable tbody tr:nth-child(odd) {
    background: #1e1e1e; }
  .ant-table.dark.striped tbody tr:nth-child(even), .dark.striped.ant-datatable tbody tr:nth-child(even) {
    background: #252525; }
  .ant-table.dark.striped tbody tr:hover, .dark.striped.ant-datatable tbody tr:hover {
    background: rgba(96, 165, 250, 0.15); }
  .ant-table.dark.corporate th, .dark.corporate.ant-datatable th {
    background: #0f172a; }
  .ant-table.dark.corporate tbody tr:hover, .dark.corporate.ant-datatable tbody tr:hover {
    background: rgba(59, 130, 246, 0.1); }

.ant-table__controls, .ant-datatable__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid #e2e8f0;
  gap: 16px;
  flex-wrap: wrap; }
  .dark .ant-table__controls, .dark .ant-datatable__controls {
    border-color: #333333; }

.ant-table__search, .ant-datatable__search {
  position: relative;
  flex: 1;
  max-width: 300px; }
  .ant-table__search input, .ant-datatable__search input {
    width: 100%;
    padding: 10px 16px 10px 42px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 14px;
    background: #ffffff;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
    .ant-table__search input:focus, .ant-datatable__search input:focus {
      outline: none;
      border-color: #3b82f6;
      box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); }
    .ant-table__search input::placeholder, .ant-datatable__search input::placeholder {
      color: #64748b; }
  .ant-table__search::before, .ant-datatable__search::before {
    content: '';
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: #64748b;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") no-repeat center; }
  .dark .ant-table__search input, .dark .ant-datatable__search input {
    background: #252525;
    border-color: #333333;
    color: #e5e5e5; }
    .dark .ant-table__search input::placeholder, .dark .ant-datatable__search input::placeholder {
      color: #a0a0a0; }
  .dark .ant-table__search::before, .dark .ant-datatable__search::before {
    background: #a0a0a0; }

.ant-table__pagination, .ant-datatable__pagination {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 20px;
  border-top: 1px solid #e2e8f0; }
  .dark .ant-table__pagination, .dark .ant-datatable__pagination {
    border-color: #333333; }

.ant-table__pagination-info {
  font-size: 13px;
  color: #64748b;
  margin-right: auto; }
  .dark .ant-table__pagination-info {
    color: #a0a0a0; }

.ant-table__pagination-btn {
  padding: 8px 14px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #ffffff;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
  .ant-table__pagination-btn:hover:not(:disabled) {
    border-color: #3b82f6;
    color: #3b82f6; }
  .ant-table__pagination-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed; }
  .ant-table__pagination-btn.active {
    background: #3b82f6;
    border-color: #3b82f6;
    color: white; }
  .dark .ant-table__pagination-btn {
    background: #252525;
    border-color: #333333;
    color: #e5e5e5; }
    .dark .ant-table__pagination-btn:hover:not(:disabled) {
      border-color: #60a5fa;
      color: #60a5fa; }
    .dark .ant-table__pagination-btn.active {
      background: #60a5fa;
      border-color: #60a5fa;
      color: #1e1e1e; }

@media (max-width: 768px) {
  .ant-table, .ant-datatable {
    border-radius: 8px;
    margin-left: -4px;
    margin-right: -4px;
    padding-bottom: 2px; }
    .ant-table table, .ant-table .ant-datatable__table, .ant-datatable table, .ant-datatable .ant-datatable__table {
      min-width: 100%;
      font-size: 13px; }
    .ant-table th, .ant-datatable th,
    .ant-table td,
    .ant-datatable td {
      padding: 11px 12px;
      white-space: nowrap; }
    .ant-table td, .ant-datatable td {
      max-width: 220px;
      overflow: hidden;
      text-overflow: ellipsis; }
    .ant-table th, .ant-datatable th {
      font-size: 11px;
      letter-spacing: 0.35px; }
    .ant-table th.sortable, .ant-datatable th.sortable {
      padding-right: 26px; }
    .ant-table.compact-mobile table, .ant-table.compact-mobile .ant-datatable__table, .compact-mobile.ant-datatable table, .compact-mobile.ant-datatable .ant-datatable__table, .ant-table.wide table, .ant-table.wide .ant-datatable__table, .wide.ant-datatable table, .wide.ant-datatable .ant-datatable__table, .ant-table.ant-table--wide table, .ant-table.ant-table--wide .ant-datatable__table, .ant-table--wide.ant-datatable table, .ant-table--wide.ant-datatable .ant-datatable__table, .ant-table.ant-table--scroll table, .ant-table.ant-table--scroll .ant-datatable__table, .ant-table--scroll.ant-datatable table, .ant-table--scroll.ant-datatable .ant-datatable__table {
      min-width: 820px; }
    .ant-table.compact-mobile th, .compact-mobile.ant-datatable th,
    .ant-table.compact-mobile td,
    .compact-mobile.ant-datatable td, .ant-table.wide th, .wide.ant-datatable th,
    .ant-table.wide td,
    .wide.ant-datatable td, .ant-table.ant-table--wide th, .ant-table--wide.ant-datatable th,
    .ant-table.ant-table--wide td,
    .ant-table--wide.ant-datatable td, .ant-table.ant-table--scroll th, .ant-table--scroll.ant-datatable th,
    .ant-table.ant-table--scroll td,
    .ant-table--scroll.ant-datatable td {
      padding: 10px 10px; }
    .ant-table.responsive, .responsive.ant-datatable {
      margin-left: 0;
      margin-right: 0;
      overflow: visible; }
      .ant-table.responsive table, .ant-table.responsive .ant-datatable__table, .responsive.ant-datatable table, .responsive.ant-datatable .ant-datatable__table {
        min-width: 0; }
      .ant-table.responsive table, .ant-table.responsive .ant-datatable__table, .responsive.ant-datatable table, .responsive.ant-datatable .ant-datatable__table, .ant-table.responsive thead, .responsive.ant-datatable thead, .ant-table.responsive tbody, .responsive.ant-datatable tbody, .ant-table.responsive tr, .responsive.ant-datatable tr, .ant-table.responsive th, .responsive.ant-datatable th, .ant-table.responsive td, .responsive.ant-datatable td {
        display: block; }
      .ant-table.responsive thead, .responsive.ant-datatable thead {
        display: none; }
      .ant-table.responsive tbody tr, .responsive.ant-datatable tbody tr {
        margin-bottom: 16px;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        overflow: hidden; }
      .ant-table.responsive td, .responsive.ant-datatable td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 16px;
        border-bottom: 1px solid #e2e8f0;
        max-width: none;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        gap: 16px; }
        .ant-table.responsive td::before, .responsive.ant-datatable td::before {
          content: attr(data-label);
          flex: 0 0 42%;
          font-weight: 600;
          color: #64748b;
          font-size: 12px;
          text-transform: uppercase;
          letter-spacing: 0.5px; }
        .ant-table.responsive td:last-child, .responsive.ant-datatable td:last-child {
          border-bottom: none; }
    .ant-table.dark.responsive tbody tr, .dark.responsive.ant-datatable tbody tr {
      border-color: #333333; }
    .ant-table.dark.responsive td, .dark.responsive.ant-datatable td {
      border-color: #333333; }
      .ant-table.dark.responsive td::before, .dark.responsive.ant-datatable td::before {
        color: #a0a0a0; }
  .ant-table__controls, .ant-datatable__controls {
    flex-direction: column;
    align-items: stretch;
    padding: 12px; }
  .ant-table__search, .ant-datatable__search {
    max-width: none; }
    .ant-table__search input, .ant-datatable__search input {
      width: 100%;
      min-width: 0; }
  .ant-table__pagination, .ant-datatable__pagination {
    align-items: stretch;
    flex-direction: column; }
  .ant-table__pagination-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px; } }

.post-detail-section {
  max-width: 600px;
  margin: 0 auto;
  padding: 24px 16px; }

.post-detail-nav {
  margin-bottom: 16px; }

.post-detail-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #6b7280;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 500;
  transition: color 0.2s; }
  .post-detail-back:hover {
    color: #c74a22; }
  .post-detail-back svg {
    flex-shrink: 0; }

.profile-card {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); }

.card-header {
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 12px; }

.avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  background: #f3f4f6;
  flex-shrink: 0; }

.avatar-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #6b7280;
  font-size: 1.1rem; }

.user-info {
  min-width: 0; }
  .user-info h4 {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #1a1a1a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .user-info span {
    font-size: 0.85rem;
    color: #6b7280; }

.media-container {
  width: 100%;
  background: #f9fafb; }

.post-media {
  width: 100%;
  height: auto;
  display: block;
  max-height: 600px;
  object-fit: cover; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.card-body {
  padding: 16px; }

.post-text {
  font-size: 1rem;
  line-height: 1.6;
  color: #1a1a1a;
  margin-bottom: 12px;
  word-wrap: break-word;
  overflow-wrap: break-word; }
  .post-text p {
    margin: 0 0 0.75em 0; }
    .post-text p:last-child {
      margin-bottom: 0; }

.post-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px; }

.tag {
  color: #c74a22;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 500;
  transition: opacity 0.2s; }
  .tag:hover {
    text-decoration: underline; }

.post-meta {
  font-size: 0.85rem;
  color: #6b7280; }

.card-footer {
  padding: 12px 16px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  gap: 16px; }

.share-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #6b7280;
  background: transparent;
  text-decoration: none;
  transition: all 0.2s; }
  .share-btn:hover {
    color: #c74a22;
    background: rgba(199, 74, 34, 0.08); }
  .share-btn svg {
    flex-shrink: 0; }

.post-detail-error {
  text-align: center;
  padding: 60px 24px; }
  .post-detail-error h2 {
    color: #1a1a1a;
    margin-bottom: 8px;
    font-size: 1.25rem; }
  .post-detail-error p {
    color: #6b7280;
    margin-bottom: 20px; }

@media (max-width: 480px) {
  .post-detail-section {
    padding: 16px 12px; }
  .profile-card {
    border-radius: 0;
    border-left: none;
    border-right: none; }
  .card-header {
    padding: 12px 16px; }
  .card-body {
    padding: 12px 16px; }
  .card-footer {
    padding: 10px 16px; } }

.posts-filter-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  margin-bottom: 16px;
  background: #f9fafb;
  border-radius: 8px;
  font-size: 0.95rem; }

.posts-filter-label {
  color: #6b7280; }

.posts-filter-tag {
  color: #c74a22;
  font-weight: 600; }

.posts-filter-clear {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #6b7280;
  text-decoration: none;
  font-size: 1.2rem;
  line-height: 1;
  transition: all 0.2s; }
  .posts-filter-clear:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #1a1a1a; }

.antsand-search-page,
.antsand-search-form-section,
.antsand-search-results-section {
  --antsand-search-bg: #fff8f3;
  --antsand-search-panel: rgba(255, 255, 255, 0.86);
  --antsand-search-ink: #15110f;
  --antsand-search-muted: #6f625b;
  --antsand-search-accent: #c23b1f;
  --antsand-search-accent-dark: #87220f;
  --antsand-search-border: rgba(194, 59, 31, 0.16);
  --antsand-search-shadow: 0 24px 80px rgba(87, 34, 15, 0.12);
  padding: clamp(4rem, 8vw, 7rem) 1.25rem;
  background: radial-gradient(circle at 10% 0%, rgba(242, 115, 66, 0.16), transparent 34rem), radial-gradient(circle at 90% 12%, rgba(255, 191, 128, 0.18), transparent 30rem), linear-gradient(180deg, var(--antsand-search-bg), #ffffff 82%);
  color: var(--antsand-search-ink); }
  .antsand-search-page.antsand-search-form-section,
  .antsand-search-form-section.antsand-search-form-section,
  .antsand-search-results-section.antsand-search-form-section {
    padding-bottom: clamp(2rem, 4vw, 3rem); }
  .antsand-search-page.antsand-search-results-section,
  .antsand-search-form-section.antsand-search-results-section,
  .antsand-search-results-section.antsand-search-results-section {
    padding-top: clamp(1.5rem, 3vw, 2.5rem);
    background: radial-gradient(circle at 90% 0%, rgba(255, 191, 128, 0.12), transparent 30rem), linear-gradient(180deg, #ffffff, #fff8f3 100%); }
  .antsand-search-page .antsand-search-shell,
  .antsand-search-form-section .antsand-search-shell,
  .antsand-search-results-section .antsand-search-shell {
    max-width: 72rem;
    margin: 0 auto; }
  .antsand-search-page .antsand-search-hero,
  .antsand-search-form-section .antsand-search-hero,
  .antsand-search-results-section .antsand-search-hero {
    max-width: 56rem;
    margin-bottom: 2rem; }
  .antsand-search-page .antsand-search-kicker,
  .antsand-search-form-section .antsand-search-kicker,
  .antsand-search-results-section .antsand-search-kicker {
    margin: 0 0 0.8rem;
    color: var(--antsand-search-accent);
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.16em;
    text-transform: uppercase; }
  .antsand-search-page .antsand-search-title,
  .antsand-search-form-section .antsand-search-title,
  .antsand-search-results-section .antsand-search-title {
    margin: 0;
    color: var(--antsand-search-ink);
    font-size: clamp(2.7rem, 7vw, 5.8rem);
    line-height: 0.9;
    letter-spacing: -0.065em; }
  .antsand-search-page .antsand-search-subtitle,
  .antsand-search-form-section .antsand-search-subtitle,
  .antsand-search-results-section .antsand-search-subtitle {
    max-width: 44rem;
    margin: 1.1rem 0 0;
    color: var(--antsand-search-muted);
    font-size: clamp(1.05rem, 2vw, 1.28rem);
    line-height: 1.65; }
  .antsand-search-page .antsand-search-form,
  .antsand-search-form-section .antsand-search-form,
  .antsand-search-results-section .antsand-search-form {
    margin-top: 2rem; }
  .antsand-search-page .antsand-search-form-slot,
  .antsand-search-form-section .antsand-search-form-slot,
  .antsand-search-results-section .antsand-search-form-slot {
    max-width: 56rem;
    margin: 2rem 0 0; }
    .antsand-search-page .antsand-search-form-slot form,
    .antsand-search-form-section .antsand-search-form-slot form,
    .antsand-search-results-section .antsand-search-form-slot form {
      margin: 0;
      width: 100%; }
    .antsand-search-page .antsand-search-form-slot .form-default.antsand-search-form,
    .antsand-search-page .antsand-search-form-slot .form-default:has(.antsand-search-input),
    .antsand-search-form-section .antsand-search-form-slot .form-default.antsand-search-form,
    .antsand-search-form-section .antsand-search-form-slot .form-default:has(.antsand-search-input),
    .antsand-search-results-section .antsand-search-form-slot .form-default.antsand-search-form,
    .antsand-search-results-section .antsand-search-form-slot .form-default:has(.antsand-search-input) {
      margin: 0;
      width: 100%; }
    .antsand-search-page .antsand-search-form-slot .form_container,
    .antsand-search-form-section .antsand-search-form-slot .form_container,
    .antsand-search-results-section .antsand-search-form-slot .form_container {
      display: block;
      max-width: 48rem;
      padding: 0.45rem;
      border: 1px solid var(--antsand-search-border);
      border-radius: 1.25rem;
      background: var(--antsand-search-panel);
      box-shadow: var(--antsand-search-shadow);
      backdrop-filter: blur(14px); }
    .antsand-search-page .antsand-search-form-slot .form_title_sub_container,
    .antsand-search-form-section .antsand-search-form-slot .form_title_sub_container,
    .antsand-search-results-section .antsand-search-form-slot .form_title_sub_container {
      grid-column: 1 / -1;
      text-align: left;
      padding: 0.4rem 0.55rem 0; }
      .antsand-search-page .antsand-search-form-slot .form_title_sub_container h1,
      .antsand-search-form-section .antsand-search-form-slot .form_title_sub_container h1,
      .antsand-search-results-section .antsand-search-form-slot .form_title_sub_container h1 {
        margin: 0 0 0.35rem;
        color: var(--antsand-search-ink);
        font-size: clamp(1.35rem, 3vw, 2rem);
        line-height: 1.05; }
      .antsand-search-page .antsand-search-form-slot .form_title_sub_container p,
      .antsand-search-form-section .antsand-search-form-slot .form_title_sub_container p,
      .antsand-search-results-section .antsand-search-form-slot .form_title_sub_container p {
        max-width: 38rem;
        margin: 0;
        color: var(--antsand-search-muted);
        font-size: 0.95rem;
        line-height: 1.5; }
    .antsand-search-page .antsand-search-form-slot .form-row,
    .antsand-search-form-section .antsand-search-form-slot .form-row,
    .antsand-search-results-section .antsand-search-form-slot .form-row {
      margin: 0; }
    .antsand-search-page .antsand-search-form-slot .form-row + .form-row,
    .antsand-search-form-section .antsand-search-form-slot .form-row + .form-row,
    .antsand-search-results-section .antsand-search-form-slot .form-row + .form-row {
      margin-top: 0.75rem; }
    .antsand-search-page .antsand-search-form-slot .antsand-search-inline-row,
    .antsand-search-form-section .antsand-search-form-slot .antsand-search-inline-row,
    .antsand-search-results-section .antsand-search-form-slot .antsand-search-inline-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0.75rem;
      align-items: end; }
      @media (min-width: 640px) {
        .antsand-search-page .antsand-search-form-slot .antsand-search-inline-row,
        .antsand-search-form-section .antsand-search-form-slot .antsand-search-inline-row,
        .antsand-search-results-section .antsand-search-form-slot .antsand-search-inline-row {
          grid-template-columns: minmax(0, 1fr) auto; } }
    .antsand-search-page .antsand-search-form-slot .form-elements,
    .antsand-search-page .antsand-search-form-slot .input-container,
    .antsand-search-form-section .antsand-search-form-slot .form-elements,
    .antsand-search-form-section .antsand-search-form-slot .input-container,
    .antsand-search-results-section .antsand-search-form-slot .form-elements,
    .antsand-search-results-section .antsand-search-form-slot .input-container {
      margin: 0;
      width: 100%; }
    .antsand-search-page .antsand-search-form-slot .label-container,
    .antsand-search-form-section .antsand-search-form-slot .label-container,
    .antsand-search-results-section .antsand-search-form-slot .label-container {
      padding: 0 0.55rem 0.35rem; }
    .antsand-search-page .antsand-search-form-slot .label,
    .antsand-search-form-section .antsand-search-form-slot .label,
    .antsand-search-results-section .antsand-search-form-slot .label {
      color: var(--antsand-search-muted);
      font-size: 0.82rem;
      font-weight: 780;
      min-height: auto !important; }
    .antsand-search-page .antsand-search-form-slot .input,
    .antsand-search-page .antsand-search-form-slot input[type='search'],
    .antsand-search-page .antsand-search-form-slot input[type='text'],
    .antsand-search-form-section .antsand-search-form-slot .input,
    .antsand-search-form-section .antsand-search-form-slot input[type='search'],
    .antsand-search-form-section .antsand-search-form-slot input[type='text'],
    .antsand-search-results-section .antsand-search-form-slot .input,
    .antsand-search-results-section .antsand-search-form-slot input[type='search'],
    .antsand-search-results-section .antsand-search-form-slot input[type='text'] {
      width: 100%;
      min-height: 3.25rem;
      border: 0;
      border-radius: 0.95rem;
      background: rgba(255, 255, 255, 0.94);
      color: var(--antsand-search-ink);
      font-size: 1rem;
      outline: none;
      padding: 0 1rem; }
      .antsand-search-page .antsand-search-form-slot .input::placeholder,
      .antsand-search-page .antsand-search-form-slot input[type='search']::placeholder,
      .antsand-search-page .antsand-search-form-slot input[type='text']::placeholder,
      .antsand-search-form-section .antsand-search-form-slot .input::placeholder,
      .antsand-search-form-section .antsand-search-form-slot input[type='search']::placeholder,
      .antsand-search-form-section .antsand-search-form-slot input[type='text']::placeholder,
      .antsand-search-results-section .antsand-search-form-slot .input::placeholder,
      .antsand-search-results-section .antsand-search-form-slot input[type='search']::placeholder,
      .antsand-search-results-section .antsand-search-form-slot input[type='text']::placeholder {
        color: rgba(111, 98, 91, 0.72); }
      .antsand-search-page .antsand-search-form-slot .input:focus,
      .antsand-search-page .antsand-search-form-slot input[type='search']:focus,
      .antsand-search-page .antsand-search-form-slot input[type='text']:focus,
      .antsand-search-form-section .antsand-search-form-slot .input:focus,
      .antsand-search-form-section .antsand-search-form-slot input[type='search']:focus,
      .antsand-search-form-section .antsand-search-form-slot input[type='text']:focus,
      .antsand-search-results-section .antsand-search-form-slot .input:focus,
      .antsand-search-results-section .antsand-search-form-slot input[type='search']:focus,
      .antsand-search-results-section .antsand-search-form-slot input[type='text']:focus {
        box-shadow: 0 0 0 3px rgba(194, 59, 31, 0.18); }
    .antsand-search-page .antsand-search-form-slot .form-row:has(button[type='submit']) .label-container,
    .antsand-search-form-section .antsand-search-form-slot .form-row:has(button[type='submit']) .label-container,
    .antsand-search-results-section .antsand-search-form-slot .form-row:has(button[type='submit']) .label-container {
      display: none; }
    .antsand-search-page .antsand-search-form-slot .antsand-search-submit-row,
    .antsand-search-form-section .antsand-search-form-slot .antsand-search-submit-row,
    .antsand-search-results-section .antsand-search-form-slot .antsand-search-submit-row {
      align-self: end; }
    .antsand-search-page .antsand-search-form-slot .antsand-search-inline-submit .label-container,
    .antsand-search-form-section .antsand-search-form-slot .antsand-search-inline-submit .label-container,
    .antsand-search-results-section .antsand-search-form-slot .antsand-search-inline-submit .label-container {
      display: none; }
    .antsand-search-page .antsand-search-form-slot .antsand-search-ui-outside .antsand-search-submit-row,
    .antsand-search-page .antsand-search-form-slot .antsand-search-ui-stacked .antsand-search-submit-row,
    .antsand-search-form-section .antsand-search-form-slot .antsand-search-ui-outside .antsand-search-submit-row,
    .antsand-search-form-section .antsand-search-form-slot .antsand-search-ui-stacked .antsand-search-submit-row,
    .antsand-search-results-section .antsand-search-form-slot .antsand-search-ui-outside .antsand-search-submit-row,
    .antsand-search-results-section .antsand-search-form-slot .antsand-search-ui-stacked .antsand-search-submit-row {
      max-width: 12rem; }
    .antsand-search-page .antsand-search-form-slot .default-btn,
    .antsand-search-page .antsand-search-form-slot button[type='submit'],
    .antsand-search-page .antsand-search-form-slot .antsand-search-submit,
    .antsand-search-form-section .antsand-search-form-slot .default-btn,
    .antsand-search-form-section .antsand-search-form-slot button[type='submit'],
    .antsand-search-form-section .antsand-search-form-slot .antsand-search-submit,
    .antsand-search-results-section .antsand-search-form-slot .default-btn,
    .antsand-search-results-section .antsand-search-form-slot button[type='submit'],
    .antsand-search-results-section .antsand-search-form-slot .antsand-search-submit {
      width: 100%;
      min-height: 3.25rem;
      border: 0;
      border-radius: 0.95rem;
      background: linear-gradient(135deg, var(--antsand-search-accent), var(--antsand-search-accent-dark));
      color: #ffffff;
      cursor: pointer;
      font-weight: 850;
      padding: 0 1.35rem;
      transition: transform 180ms ease, box-shadow 180ms ease; }
      @media (min-width: 640px) {
        .antsand-search-page .antsand-search-form-slot .default-btn,
        .antsand-search-page .antsand-search-form-slot button[type='submit'],
        .antsand-search-page .antsand-search-form-slot .antsand-search-submit,
        .antsand-search-form-section .antsand-search-form-slot .default-btn,
        .antsand-search-form-section .antsand-search-form-slot button[type='submit'],
        .antsand-search-form-section .antsand-search-form-slot .antsand-search-submit,
        .antsand-search-results-section .antsand-search-form-slot .default-btn,
        .antsand-search-results-section .antsand-search-form-slot button[type='submit'],
        .antsand-search-results-section .antsand-search-form-slot .antsand-search-submit {
          min-width: 8rem;
          white-space: nowrap; } }
      .antsand-search-page .antsand-search-form-slot .default-btn:hover,
      .antsand-search-page .antsand-search-form-slot button[type='submit']:hover,
      .antsand-search-page .antsand-search-form-slot .antsand-search-submit:hover,
      .antsand-search-form-section .antsand-search-form-slot .default-btn:hover,
      .antsand-search-form-section .antsand-search-form-slot button[type='submit']:hover,
      .antsand-search-form-section .antsand-search-form-slot .antsand-search-submit:hover,
      .antsand-search-results-section .antsand-search-form-slot .default-btn:hover,
      .antsand-search-results-section .antsand-search-form-slot button[type='submit']:hover,
      .antsand-search-results-section .antsand-search-form-slot .antsand-search-submit:hover {
        box-shadow: 0 14px 28px rgba(194, 59, 31, 0.24);
        transform: translateY(-1px); }
  .antsand-search-page .antsand-search-label,
  .antsand-search-form-section .antsand-search-label,
  .antsand-search-results-section .antsand-search-label {
    display: block;
    margin-bottom: 0.55rem;
    color: var(--antsand-search-muted);
    font-size: 0.88rem;
    font-weight: 750; }
  .antsand-search-page .antsand-search-control,
  .antsand-search-form-section .antsand-search-control,
  .antsand-search-results-section .antsand-search-control {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.8rem;
    max-width: 48rem;
    padding: 0.45rem;
    border: 1px solid var(--antsand-search-border);
    border-radius: 1.25rem;
    background: var(--antsand-search-panel);
    box-shadow: var(--antsand-search-shadow);
    backdrop-filter: blur(14px); }
    @media (min-width: 640px) {
      .antsand-search-page .antsand-search-control,
      .antsand-search-form-section .antsand-search-control,
      .antsand-search-results-section .antsand-search-control {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center; } }
  @media (min-width: 640px) {
    .antsand-search-page .antsand-search-ui-inline .antsand-search-control,
    .antsand-search-form-section .antsand-search-ui-inline .antsand-search-control,
    .antsand-search-results-section .antsand-search-ui-inline .antsand-search-control {
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center; } }
  .antsand-search-page .antsand-search-ui-outside .antsand-search-control,
  .antsand-search-page .antsand-search-ui-stacked .antsand-search-control,
  .antsand-search-form-section .antsand-search-ui-outside .antsand-search-control,
  .antsand-search-form-section .antsand-search-ui-stacked .antsand-search-control,
  .antsand-search-results-section .antsand-search-ui-outside .antsand-search-control,
  .antsand-search-results-section .antsand-search-ui-stacked .antsand-search-control {
    grid-template-columns: 1fr; }
    .antsand-search-page .antsand-search-ui-outside .antsand-search-control .antsand-search-button,
    .antsand-search-page .antsand-search-ui-outside .antsand-search-control button[type='submit'],
    .antsand-search-page .antsand-search-ui-stacked .antsand-search-control .antsand-search-button,
    .antsand-search-page .antsand-search-ui-stacked .antsand-search-control button[type='submit'],
    .antsand-search-form-section .antsand-search-ui-outside .antsand-search-control .antsand-search-button,
    .antsand-search-form-section .antsand-search-ui-outside .antsand-search-control button[type='submit'],
    .antsand-search-form-section .antsand-search-ui-stacked .antsand-search-control .antsand-search-button,
    .antsand-search-form-section .antsand-search-ui-stacked .antsand-search-control button[type='submit'],
    .antsand-search-results-section .antsand-search-ui-outside .antsand-search-control .antsand-search-button,
    .antsand-search-results-section .antsand-search-ui-outside .antsand-search-control button[type='submit'],
    .antsand-search-results-section .antsand-search-ui-stacked .antsand-search-control .antsand-search-button,
    .antsand-search-results-section .antsand-search-ui-stacked .antsand-search-control button[type='submit'] {
      justify-self: start;
      min-width: 8rem; }
  .antsand-search-page .antsand-search-input,
  .antsand-search-form-section .antsand-search-input,
  .antsand-search-results-section .antsand-search-input {
    width: 100%;
    min-height: 3.25rem;
    border: 0;
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.92);
    color: var(--antsand-search-ink);
    font-size: 1rem;
    outline: none;
    padding: 0 1rem; }
    .antsand-search-page .antsand-search-input::placeholder,
    .antsand-search-form-section .antsand-search-input::placeholder,
    .antsand-search-results-section .antsand-search-input::placeholder {
      color: rgba(111, 98, 91, 0.72); }
    .antsand-search-page .antsand-search-input:focus,
    .antsand-search-form-section .antsand-search-input:focus,
    .antsand-search-results-section .antsand-search-input:focus {
      box-shadow: 0 0 0 3px rgba(194, 59, 31, 0.18); }
  .antsand-search-page .antsand-search-button,
  .antsand-search-form-section .antsand-search-button,
  .antsand-search-results-section .antsand-search-button {
    min-height: 3.25rem;
    border: 0;
    border-radius: 0.95rem;
    background: linear-gradient(135deg, var(--antsand-search-accent), var(--antsand-search-accent-dark));
    color: #ffffff;
    cursor: pointer;
    font-weight: 850;
    padding: 0 1.35rem;
    transition: transform 180ms ease, box-shadow 180ms ease; }
    .antsand-search-page .antsand-search-button:hover,
    .antsand-search-form-section .antsand-search-button:hover,
    .antsand-search-results-section .antsand-search-button:hover {
      box-shadow: 0 14px 28px rgba(194, 59, 31, 0.24);
      transform: translateY(-1px); }
  .antsand-search-page .antsand-search-status,
  .antsand-search-form-section .antsand-search-status,
  .antsand-search-results-section .antsand-search-status {
    display: inline-flex;
    margin: 0.8rem 0 1.5rem;
    color: var(--antsand-search-muted);
    font-size: 0.98rem; }
    .antsand-search-page .antsand-search-status strong,
    .antsand-search-form-section .antsand-search-status strong,
    .antsand-search-results-section .antsand-search-status strong {
      color: var(--antsand-search-ink); }
  .antsand-search-page .antsand-search-results,
  .antsand-search-form-section .antsand-search-results,
  .antsand-search-results-section .antsand-search-results {
    display: grid;
    gap: 1rem; }
  .antsand-search-page .antsand-search-card,
  .antsand-search-form-section .antsand-search-card,
  .antsand-search-results-section .antsand-search-card {
    border: 1px solid var(--antsand-search-border);
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 50px rgba(17, 17, 17, 0.06);
    padding: clamp(1.15rem, 3vw, 1.75rem);
    transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease; }
    .antsand-search-page .antsand-search-card:hover,
    .antsand-search-form-section .antsand-search-card:hover,
    .antsand-search-results-section .antsand-search-card:hover {
      border-color: rgba(194, 59, 31, 0.38);
      box-shadow: 0 24px 64px rgba(87, 34, 15, 0.12);
      transform: translateY(-2px); }
  .antsand-search-page .antsand-search-card-meta,
  .antsand-search-form-section .antsand-search-card-meta,
  .antsand-search-results-section .antsand-search-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 0.75rem;
    color: var(--antsand-search-muted);
    font-size: 0.78rem;
    font-weight: 780;
    letter-spacing: 0.08em;
    text-transform: uppercase; }
  .antsand-search-page .antsand-search-card-type,
  .antsand-search-form-section .antsand-search-card-type,
  .antsand-search-results-section .antsand-search-card-type {
    color: var(--antsand-search-accent); }
  .antsand-search-page .antsand-search-card-title,
  .antsand-search-form-section .antsand-search-card-title,
  .antsand-search-results-section .antsand-search-card-title {
    margin: 0;
    font-size: clamp(1.35rem, 3vw, 2rem);
    line-height: 1.08;
    letter-spacing: -0.035em; }
    .antsand-search-page .antsand-search-card-title a,
    .antsand-search-form-section .antsand-search-card-title a,
    .antsand-search-results-section .antsand-search-card-title a {
      color: var(--antsand-search-ink);
      text-decoration: none; }
      .antsand-search-page .antsand-search-card-title a:hover,
      .antsand-search-form-section .antsand-search-card-title a:hover,
      .antsand-search-results-section .antsand-search-card-title a:hover {
        color: var(--antsand-search-accent); }
  .antsand-search-page .antsand-search-card-excerpt,
  .antsand-search-form-section .antsand-search-card-excerpt,
  .antsand-search-results-section .antsand-search-card-excerpt {
    max-width: 56rem;
    margin: 0.85rem 0 0;
    color: var(--antsand-search-muted);
    font-size: 1rem;
    line-height: 1.65; }
  .antsand-search-page .antsand-search-tags,
  .antsand-search-form-section .antsand-search-tags,
  .antsand-search-results-section .antsand-search-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 1rem; }
  .antsand-search-page .antsand-search-tag,
  .antsand-search-form-section .antsand-search-tag,
  .antsand-search-results-section .antsand-search-tag {
    border: 1px solid rgba(194, 59, 31, 0.16);
    border-radius: 999px;
    background: rgba(194, 59, 31, 0.06);
    color: var(--antsand-search-accent-dark);
    font-size: 0.82rem;
    font-weight: 750;
    padding: 0.35rem 0.65rem;
    text-decoration: none; }

.resume-full-container {
  max-width: 800px;
  margin: 0 auto;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #343a40;
  line-height: 1.6; }

.resume-full-header {
  text-align: center;
  padding: 2rem 1.5rem 1.5rem;
  border-bottom: 2px solid #dee2e6;
  margin-bottom: 2rem; }

.resume-full-name {
  font-size: 2.25rem;
  font-weight: 800;
  letter-spacing: -0.035em;
  margin: 0 0 6px;
  color: #212529;
  line-height: 1.1; }

.resume-full-headline {
  font-size: 1.125rem;
  color: #16a085;
  margin: 0 0 0.5rem;
  font-weight: 600; }

.resume-full-contact {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: 0.875rem;
  color: #6c757d;
  margin-bottom: 0.5rem; }
  .resume-full-contact a {
    color: #16a085;
    text-decoration: none; }
    .resume-full-contact a:hover {
      text-decoration: underline; }

.resume-full-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0.5rem 0; }

.resume-full-link {
  font-size: 0.8rem;
  color: #16a085;
  text-decoration: none;
  padding: 2px 10px;
  border: 1px solid #7cedd7;
  border-radius: 9999px;
  background: #d5f9f2;
  transition: background 150ms ease; }
  .resume-full-link:hover {
    background: #b6f5e9; }

.resume-full-summary {
  max-width: 640px;
  margin: 1rem auto 0;
  font-size: 0.875rem;
  line-height: 1.75;
  color: #495057;
  text-align: left; }

.resume-full-section {
  margin-bottom: 32px; }

.resume-section-title {
  font-size: 0.75rem;
  font-weight: 800;
  color: #16a085;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 6px;
  margin: 0 0 1rem; }

.resume-card {
  padding: 1rem 0;
  border-bottom: 1px solid #f8f9fa; }
  .resume-card:last-child {
    border-bottom: none; }

.resume-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap; }

.resume-card-title {
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
  color: #212529; }

.resume-card-org {
  font-size: 0.875rem;
  color: #495057;
  font-weight: 600;
  margin-top: 2px; }

.resume-card-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  flex-shrink: 0; }

.resume-card-date,
.resume-entry-date {
  font-size: 0.78rem;
  color: #6c757d;
  background: #f8f9fa;
  padding: 2px 10px;
  border-radius: 9999px;
  display: inline-block;
  width: fit-content; }

.resume-card-date {
  white-space: nowrap; }

.resume-card-location,
.resume-entry-location {
  font-size: 0.78rem;
  color: #adb5bd; }

.resume-card-link {
  font-size: 0.8rem;
  color: #16a085;
  text-decoration: none; }
  .resume-card-link:hover {
    text-decoration: underline; }

.resume-cert-logo {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  flex-shrink: 0;
  margin-right: 5px; }

.resume-card-highlights,
.resume-entry-highlights {
  list-style: none;
  padding: 0;
  margin: 0.5rem 0 0; }
  .resume-card-highlights li,
  .resume-entry-highlights li {
    position: relative;
    padding-left: 1rem;
    font-size: 0.87rem;
    color: #495057;
    line-height: 1.65; }
    .resume-card-highlights li::before,
    .resume-entry-highlights li::before {
      content: '▸';
      position: absolute;
      left: 0;
      color: #adb5bd; }

.resume-card-tags,
.resume-entry-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 0.5rem; }

.resume-skill-tag,
.resume-entry-tag {
  font-size: 0.72rem;
  padding: 2px 8px;
  border-radius: 9999px;
  background: #e5f9ee;
  color: #19703e;
  border: 1px solid #9ee9be;
  font-weight: 500; }

.resume-skills-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1rem; }

.resume-skill-group-title {
  font-size: 0.875rem;
  font-weight: 700;
  color: #495057;
  margin: 0 0 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em; }

.resume-certs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem; }
  .resume-certs-grid .resume-card {
    padding: 14px 1rem;
    background: #f9fafb;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem; }

.resume-timeline-container {
  position: relative;
  padding: 0 0 0 48px; }
  .resume-timeline-container::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, #dee2e6, #ced4da); }

.resume-timeline-entry {
  position: relative;
  padding: 20px 1.5rem;
  margin-bottom: 1rem;
  background: white;
  border-radius: 0.75rem;
  border: 1px solid #dee2e6;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: box-shadow 150ms ease, transform 150ms ease; }
  .resume-timeline-entry:hover {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transform: translateX(4px); }

.resume-timeline-dot {
  position: absolute;
  left: -40px;
  top: 1.5rem;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--dot-color, #6c757d);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  box-shadow: 0 0 0 4px white, 0 0 0 6px var(--dot-color, #6c757d); }

.resume-timeline-icon {
  font-size: 12px;
  line-height: 1; }

.resume-entry-content {
  display: flex;
  flex-direction: column;
  gap: 6px; }

.resume-entry-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #343a40;
  margin: 0; }

.resume-entry-subtitle {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: 0.875rem; }

.resume-entry-org {
  color: #495057;
  font-weight: 600; }

.resume-entry-desc {
  color: #495057;
  font-size: 0.875rem;
  line-height: 1.6;
  margin: 0.25rem 0; }

.resume-entry-kind {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--kind-color, #6c757d);
  font-weight: 700;
  margin-top: 0.25rem; }

.resume-theme-executive {
  font-family: Georgia, "Times New Roman", serif; }
  .resume-theme-executive .resume-full-header {
    background: #172033;
    color: #fff;
    border-bottom: none;
    border-radius: 6px 6px 0 0;
    padding: 2rem 1.5rem;
    margin: 0 0 2rem; }
  .resume-theme-executive .resume-full-name {
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 2.4rem;
    letter-spacing: -0.02em; }
  .resume-theme-executive .resume-full-headline {
    color: #94b8d8;
    font-weight: 500; }
  .resume-theme-executive .resume-full-contact {
    color: rgba(255, 255, 255, 0.7); }
    .resume-theme-executive .resume-full-contact a {
      color: #a3c4e0; }
      .resume-theme-executive .resume-full-contact a:hover {
        color: #fff; }
  .resume-theme-executive .resume-full-link {
    color: #a3c4e0;
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.08); }
    .resume-theme-executive .resume-full-link:hover {
      background: rgba(255, 255, 255, 0.15); }
  .resume-theme-executive .resume-section-title {
    color: #172033;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: none;
    letter-spacing: -0.01em;
    border-bottom: 2px solid #172033;
    padding-bottom: 4px; }
  .resume-theme-executive .resume-card-title,
  .resume-theme-executive .resume-entry-title {
    font-family: Georgia, "Times New Roman", serif; }
  .resume-theme-executive .resume-skill-tag,
  .resume-theme-executive .resume-entry-tag {
    background: #eef2f7;
    color: #334155;
    border-color: #d7dde8; }
  .resume-theme-executive .resume-timeline-dot {
    box-shadow: 0 0 0 4px white, 0 0 0 6px #172033; }
  .resume-theme-executive .resume-card-highlights li::before,
  .resume-theme-executive .resume-entry-highlights li::before {
    content: '—';
    font-weight: bold;
    color: #172033; }

.resume-theme-minimal {
  max-width: 720px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
  .resume-theme-minimal .resume-full-header {
    text-align: left;
    border-bottom: 1px solid #dee2e6;
    padding: 0 0 1.5rem;
    margin-bottom: 2rem; }
  .resume-theme-minimal .resume-full-name {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em; }
  .resume-theme-minimal .resume-full-headline {
    color: #adb5bd;
    font-size: 0.875rem;
    font-weight: normal; }
  .resume-theme-minimal .resume-full-contact {
    justify-content: flex-start;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: #adb5bd; }
  .resume-theme-minimal .resume-full-links {
    justify-content: flex-start; }
  .resume-theme-minimal .resume-full-link {
    border: none;
    background: none;
    padding: 0;
    color: #6c757d;
    text-decoration: underline;
    font-size: 0.78rem; }
    .resume-theme-minimal .resume-full-link:hover {
      color: #212529; }
  .resume-theme-minimal .resume-section-title {
    font-size: 0.7rem;
    color: #adb5bd;
    border-bottom: none;
    padding-bottom: 0;
    margin: 0 0 0.5rem; }
  .resume-theme-minimal .resume-card {
    border-bottom-color: #f8f9fa;
    padding: 0.5rem 0; }
  .resume-theme-minimal .resume-card-title,
  .resume-theme-minimal .resume-entry-title {
    font-size: 0.875rem;
    font-weight: 600; }
  .resume-theme-minimal .resume-card-org,
  .resume-theme-minimal .resume-entry-org {
    font-size: 0.8rem;
    font-weight: normal;
    color: #adb5bd; }
  .resume-theme-minimal .resume-card-date,
  .resume-theme-minimal .resume-entry-date {
    background: none;
    padding: 0;
    font-size: 0.75rem;
    color: #adb5bd; }
  .resume-theme-minimal .resume-card-highlights li,
  .resume-theme-minimal .resume-entry-highlights li {
    font-size: 0.82rem;
    color: #6c757d; }
  .resume-theme-minimal .resume-card-highlights li::before,
  .resume-theme-minimal .resume-entry-highlights li::before {
    content: '·';
    color: #ced4da; }
  .resume-theme-minimal .resume-skill-tag,
  .resume-theme-minimal .resume-entry-tag {
    background: none;
    border: 1px solid #dee2e6;
    color: #6c757d;
    font-size: 0.7rem; }
  .resume-theme-minimal .resume-timeline-entry {
    border: none;
    box-shadow: none;
    border-left: 2px solid #e9ecef;
    border-radius: 0;
    padding: 0.5rem 1rem; }
    .resume-theme-minimal .resume-timeline-entry:hover {
      box-shadow: none;
      transform: none;
      border-left-color: #adb5bd; }
  .resume-theme-minimal .resume-timeline-dot {
    width: 10px;
    height: 10px;
    background: #ced4da;
    box-shadow: 0 0 0 3px white;
    left: -38px; }
  .resume-theme-minimal .resume-timeline-icon {
    display: none; }
  .resume-theme-minimal .resume-timeline-container::before {
    background: #e9ecef;
    width: 1px; }

.resume-theme-creative .resume-full-header {
  text-align: left;
  border-bottom: none;
  border-left: 5px solid #4f46e5;
  padding: 1.5rem 1.5rem;
  margin-bottom: 2rem;
  background: linear-gradient(135deg, white 0%, #fff 60%);
  border-radius: 0.5rem; }

.resume-theme-creative .resume-full-name {
  color: #4f46e5;
  font-size: 2.4rem; }

.resume-theme-creative .resume-full-headline {
  color: #2d22e0;
  font-weight: 700; }

.resume-theme-creative .resume-full-contact {
  justify-content: flex-start; }
  .resume-theme-creative .resume-full-contact a {
    color: #4f46e5; }

.resume-theme-creative .resume-full-links {
  justify-content: flex-start; }

.resume-theme-creative .resume-full-link {
  color: #4f46e5;
  border-color: #cfccf8;
  background: white; }
  .resume-theme-creative .resume-full-link:hover {
    background: #f9f9fe; }

.resume-theme-creative .resume-section-title {
  color: #4f46e5;
  border-bottom: 2px solid #4f46e5; }

.resume-theme-creative .resume-full-section {
  background: #fff;
  border: 1px solid #f8f9fa;
  border-radius: 0.75rem;
  padding: 1.5rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  margin-bottom: 1.5rem; }

.resume-theme-creative .resume-card {
  border-bottom-color: #f8f9fa; }

.resume-theme-creative .resume-skill-tag,
.resume-theme-creative .resume-entry-tag {
  background: white;
  color: #4f46e5;
  border-color: #cfccf8; }

.resume-theme-creative .resume-certs-grid .resume-card {
  border-color: #cfccf8; }

.resume-theme-creative .resume-card-highlights li::before,
.resume-theme-creative .resume-entry-highlights li::before {
  color: #4f46e5; }

.resume-theme-creative .resume-timeline-dot {
  background: #4f46e5;
  box-shadow: 0 0 0 4px white, 0 0 0 6px #4f46e5; }

.resume-theme-creative .resume-timeline-entry:hover {
  border-color: #c6c3f7; }

.resume-theme-creative .resume-timeline-container::before {
  background: linear-gradient(to bottom, #4f46e5, #c6c3f7); }

@media (max-width: 640px) {
  .resume-full-name {
    font-size: 1.5rem; }
  .resume-full-contact {
    flex-direction: column;
    align-items: center;
    gap: 6px; }
  .resume-card-header {
    flex-direction: column; }
  .resume-card-meta {
    align-items: flex-start; }
  .resume-skills-grid,
  .resume-certs-grid {
    grid-template-columns: 1fr; }
  .resume-timeline-container {
    padding-left: 36px; }
    .resume-timeline-container::before {
      left: 14px; }
  .resume-timeline-dot {
    left: -30px;
    width: 20px;
    height: 20px; }
  .resume-timeline-icon {
    font-size: 10px; }
  .resume-timeline-entry {
    padding: 14px 1rem; }
  .resume-theme-creative .resume-full-section {
    padding: 1rem; } }

.ecommerce-store-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 3rem 1.5rem; }

.ecommerce-store-header {
  max-width: 760px;
  margin: 0 auto 3rem;
  text-align: center; }

.ecommerce-store-kicker {
  margin: 0 0 0.5rem;
  color: #27ae60;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase; }

.ecommerce-store-name {
  margin: 0;
  color: #212529;
  font-size: 2.5rem;
  line-height: 1.25; }

.ecommerce-store-description {
  margin: 1rem 0 0;
  color: #495057;
  font-size: 1.125rem;
  line-height: 1.75; }

.ecommerce-billing-toggle {
  display: inline-flex;
  gap: 0.25rem;
  margin: 2rem auto 0;
  padding: 0.25rem;
  border: 1px solid #e9ecef;
  border-radius: 9999px;
  background: #f8f9fa; }

.ecommerce-billing-toggle button {
  border: 0;
  border-radius: 9999px;
  background: transparent;
  color: #6c757d;
  cursor: pointer;
  font: inherit;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.45rem 1.15rem;
  transition: background 0.18s ease, box-shadow 0.18s ease, color 0.18s ease; }

.ecommerce-billing-toggle button.is-active {
  background: #fff;
  color: #212529;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }

.ecommerce-section-heading {
  max-width: 760px;
  margin: 0 auto 2rem;
  text-align: center; }
  .ecommerce-section-heading h3 {
    margin: 0 0 0.25rem;
    color: #212529;
    font-size: 1.5rem;
    font-weight: 700; }
  .ecommerce-section-heading p {
    margin: 0;
    color: #6c757d;
    font-size: 1rem; }

.ecommerce-pricing-grid,
.ecommerce-products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
  align-items: stretch;
  max-width: 960px;
  margin: 0 auto; }

.ecommerce-products-grid {
  margin-top: 3rem;
  max-width: 1280px; }

.ecommerce-plan-card,
.ecommerce-product-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 2rem 2rem 3rem;
  border: 1px solid #e9ecef;
  border-radius: 0.75rem;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease; }

.ecommerce-plan-card:hover,
.ecommerce-product-card:hover {
  border-color: rgba(39, 174, 96, 0.45);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px); }

.ecommerce-plan-featured {
  border-color: #27ae60;
  border-width: 2px;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }

.ecommerce-plan-badge {
  position: absolute;
  top: -0.75rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.25rem 1rem;
  border-radius: 9999px;
  background: #27ae60;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.ecommerce-plan-eyebrow {
  margin: 0 0 0.25rem;
  color: #ced4da;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: lowercase; }

.ecommerce-plan-title,
.ecommerce-product-title {
  margin: 0 0 0.5rem;
  color: #212529;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25; }

.ecommerce-plan-description,
.ecommerce-product-description {
  margin: 0 0 1.5rem;
  color: #6c757d;
  font-size: 1rem;
  line-height: 1.75; }

.ecommerce-plan-price,
.ecommerce-product-price {
  margin: 0 0 1.5rem;
  color: #212529;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: -0.02em; }
  .ecommerce-plan-price span,
  .ecommerce-product-price span {
    font-size: 1rem;
    font-weight: 400;
    color: #6c757d; }

.ecommerce-plan-savings {
  margin: -1rem 0 1.5rem;
  color: #27ae60;
  font-size: 0.875rem;
  font-weight: 600; }

.ecommerce-plan-benefits {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
  flex: 1; }

.ecommerce-plan-benefits li {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.625rem;
  color: #495057;
  font-size: 1rem;
  line-height: 1.5; }

.ecommerce-plan-benefits li::before {
  content: "✓";
  color: #27ae60;
  font-weight: 700;
  flex-shrink: 0; }

.ecommerce-content-rules {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 1.5rem; }

.ecommerce-content-tag {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.55rem;
  border-radius: 9999px;
  background: rgba(39, 174, 96, 0.1);
  color: #1e8449;
  font-size: 0.875rem;
  font-weight: 600; }

.ecommerce-plan-cta,
.ecommerce-product-link {
  display: inline-flex;
  justify-content: center;
  margin-top: auto;
  padding: 0.85rem 1.25rem;
  border: 2px solid transparent;
  border-radius: 0.5rem;
  background: #27ae60;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.12s ease; }

.ecommerce-plan-card:not(.ecommerce-plan-featured) .ecommerce-plan-cta {
  border: 2px solid #e9ecef;
  background: #fff;
  color: #212529; }

.ecommerce-plan-card:not(.ecommerce-plan-featured) .ecommerce-plan-cta:hover {
  border-color: #27ae60;
  background: rgba(39, 174, 96, 0.06);
  color: #1c7c44; }

.ecommerce-plan-featured .ecommerce-plan-cta:hover,
.ecommerce-product-link:hover {
  background: #208d4e;
  color: #fff;
  transform: translateY(-1px); }

.ecommerce-product-image {
  width: 100%;
  margin: -2rem -2rem 1.5rem;
  border-radius: 0.75rem 0.75rem 0 0; }

.ecommerce-product-body {
  display: flex;
  flex: 1;
  flex-direction: column; }

.ecommerce-store-compact {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }
  .ecommerce-store-compact .ecommerce-store-header {
    margin-bottom: 1.5rem; }
  .ecommerce-store-compact .ecommerce-plan-card,
  .ecommerce-store-compact .ecommerce-product-card {
    padding: 1.5rem; }

@media (max-width: 640px) {
  .ecommerce-store-container {
    padding: 1.5rem 1rem; }
  .ecommerce-store-name {
    font-size: 2rem; }
  .ecommerce-pricing-grid {
    grid-template-columns: 1fr; } }

.payment-checkout-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.72fr);
  gap: clamp(22px, 4vw, 54px);
  align-items: start;
  max-width: 1160px;
  margin: 0 auto;
  padding: clamp(20px, 4vw, 48px) 0; }

.payment-checkout-form-panel,
.payment-checkout-summary-card {
  background: #fff;
  border: 1px solid rgba(33, 37, 41, 0.12);
  border-radius: 22px;
  box-shadow: 0 18px 42px rgba(33, 37, 41, 0.08); }

.payment-checkout-form-panel {
  padding: clamp(20px, 3vw, 34px); }

.payment-checkout-panel-kicker,
.payment-checkout-summary-label {
  margin-bottom: 1.5rem;
  color: #b90000;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase; }

.payment-checkout-summary-panel {
  position: sticky;
  top: 24px; }

.payment-checkout-summary-panel.is-stuck .payment-checkout-summary-card {
  box-shadow: 0 22px 52px rgba(33, 37, 41, 0.12); }

.payment-checkout-summary-card {
  padding: clamp(18px, 3vw, 30px);
  background: linear-gradient(180deg, #fff 0%, #f9f9f7 100%);
  transition: box-shadow .18s ease; }

.payment-checkout-summary-image {
  width: 100%;
  max-height: 220px;
  margin-bottom: 1.5rem;
  border: 1px solid rgba(33, 37, 41, 0.1);
  border-radius: 16px;
  object-fit: cover; }

.payment-checkout-product-name {
  color: #212529;
  font-family: Merriweather, Georgia, serif;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 700;
  line-height: 1.25; }

.payment-checkout-product {
  margin-bottom: 1.5rem; }

.payment-checkout-store-name {
  margin-top: 0.5rem;
  color: rgba(33, 37, 41, 0.62);
  font-weight: 700; }

.payment-checkout-description {
  margin: 1rem 0 0;
  color: rgba(33, 37, 41, 0.72);
  line-height: 1.75; }

.payment-checkout-summary-row {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.5rem 0;
  border-top: 1px solid rgba(33, 37, 41, 0.1);
  color: rgba(33, 37, 41, 0.7); }

.payment-checkout-summary-row strong {
  color: #212529;
  text-align: right; }

.payment-checkout-total {
  color: #212529;
  font-size: 1.125rem; }

.payment-checkout-trust-note,
.payment-checkout-empty {
  margin-top: 1.5rem;
  padding: 1rem 1.5rem;
  border-radius: 14px;
  background: #fff0f0;
  color: rgba(33, 37, 41, 0.74);
  font-size: 0.875rem;
  line-height: 1.75; }

@media (max-width: 860px) {
  .payment-checkout-shell {
    grid-template-columns: 1fr; }
  .payment-checkout-summary-panel {
    position: static;
    order: -1; } }

.pco-form {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 14px;
  color: #212529; }

.pco-container {
  display: flex;
  flex-direction: column;
  gap: 0; }

.pco-signin-banner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 0.5rem;
  background: rgba(52, 152, 219, 0.06);
  font-size: 0.875rem;
  color: rgba(33, 37, 41, 0.7); }

.pco-signin-link {
  color: #3498db;
  font-weight: 600;
  text-decoration: none; }
  .pco-signin-link:hover {
    text-decoration: underline; }

.pco-section {
  padding: 2rem 0;
  border-bottom: 1px solid rgba(33, 37, 41, 0.1); }
  .pco-section:first-child {
    padding-top: 0; }
  .pco-section:last-of-type {
    border-bottom: none; }

.pco-section-header {
  margin-bottom: 1.5rem; }

.pco-section-title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1.3; }

.pco-section-note {
  margin: 0.25rem 0 0;
  color: rgba(33, 37, 41, 0.55);
  font-size: 0.875rem; }

.pco-section-hint {
  margin: 0.5rem 0 0;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  background: #fffbe6;
  color: #92400e;
  font-size: 12px;
  line-height: 1.5; }

.pco-input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.5;
  color: #212529;
  background: #fff;
  border: 1px solid rgba(33, 37, 41, 0.22);
  border-radius: 0.5rem;
  transition: border-color .15s ease, box-shadow .15s ease; }
  .pco-input::placeholder {
    color: rgba(33, 37, 41, 0.42); }
  .pco-input:focus {
    outline: none;
    border-color: #212529;
    box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.08); }
  .pco-input.error {
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1); }

.pco-label {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(33, 37, 41, 0.72); }

.pco-row {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem; }

.pco-row-2 {
  grid-template-columns: 1fr 1fr; }

.pco-row-3 {
  grid-template-columns: 1fr 1fr 1fr; }

@media (max-width: 560px) {
  .pco-row-2,
  .pco-row-3 {
    grid-template-columns: 1fr; } }

.pco-field-inline {
  margin: 0; }
  .pco-field-inline .input-container {
    margin: 0; }

.pco-section .form-row {
  margin-bottom: 1rem; }

.pco-section .form-elements {
  margin: 0; }

.pco-section .label-container {
  display: none; }

.pco-checkbox {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
  cursor: pointer;
  font-size: 0.875rem;
  color: rgba(33, 37, 41, 0.78); }
  .pco-checkbox input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #3498db;
    border-radius: 4px;
    cursor: pointer;
    flex-shrink: 0; }

.pco-same-as-billing {
  margin-top: 0.5rem;
  font-weight: 500; }

.pco-pay-btn {
  display: block;
  width: 100%;
  margin-top: 2rem;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background: #212529;
  border: none;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: background .15s ease, transform .1s ease; }
  .pco-pay-btn:hover {
    background: #3c444b; }
  .pco-pay-btn:active {
    transform: scale(0.985); }
  .pco-pay-btn:disabled {
    opacity: .5;
    cursor: not-allowed; }

.pco-error-message,
.error_form_antsand {
  margin-top: 1rem;
  padding: 0;
  color: #dc2626;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  line-height: 1.5; }

.antsand-stripe-payment-element .StripeElement--invalid {
  border-color: #dc2626; }

.antsand-spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.2em solid currentColor;
  border-right-color: transparent;
  border-radius: 9999px;
  animation: antsand-spin 0.75s linear infinite; }

.antsand-spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentColor;
  border-radius: 9999px;
  opacity: 0;
  animation: antsand-spinner-grow 0.75s linear infinite; }

@keyframes antsand-spinner-grow {
  0% {
    transform: scale(0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.antsand-spinner-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.15em; }

.antsand-spinner-lg {
  width: 3rem;
  height: 3rem;
  border-width: 0.25em; }

.antsand-spinner-center {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem 0; }

.antsand-toast-container {
  position: fixed;
  z-index: 1090;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  pointer-events: none;
  max-width: 380px;
  width: 100%; }
  .antsand-toast-container.antsand-toast-top-right {
    top: 0;
    right: 0; }
  .antsand-toast-container.antsand-toast-top-left {
    top: 0;
    left: 0; }
  .antsand-toast-container.antsand-toast-top-center {
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
  .antsand-toast-container.antsand-toast-bottom-right {
    bottom: 0;
    right: 0; }
  .antsand-toast-container.antsand-toast-bottom-left {
    bottom: 0;
    left: 0; }
  .antsand-toast-container.antsand-toast-bottom-center {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }

.antsand-toast {
  pointer-events: auto;
  background: var(--antsand-surface, #fff);
  border: 1px solid var(--antsand-border-color, #e9ecef);
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  animation: antsand-fade-in-up 0.3s ease both; }
  .antsand-toast.antsand-toast-hiding {
    animation: antsand-fade-in-up 0.2s ease reverse both; }

.antsand-toast-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--antsand-border-color, #e9ecef);
  font-size: 0.875rem;
  font-weight: 600; }

.antsand-toast-icon {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem; }

.antsand-toast-title {
  flex: 1; }

.antsand-toast-close {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  margin-left: auto;
  background: transparent;
  border: none;
  opacity: 0.5;
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1; }
  .antsand-toast-close:hover {
    opacity: 0.8; }

.antsand-toast-body {
  padding: 1rem;
  font-size: 0.875rem;
  color: var(--antsand-muted-color, #6c757d); }

.antsand-toast-success .antsand-toast-header {
  background: rgba(39, 174, 96, 0.08);
  color: #1e8449;
  border-bottom-color: rgba(39, 174, 96, 0.15); }

.antsand-toast-danger .antsand-toast-header {
  background: rgba(231, 76, 60, 0.08);
  color: #d62c1a;
  border-bottom-color: rgba(231, 76, 60, 0.15); }

.antsand-toast-warning .antsand-toast-header {
  background: rgba(243, 156, 18, 0.08);
  color: #b06f09;
  border-bottom-color: rgba(243, 156, 18, 0.15); }

.antsand-toast-info .antsand-toast-header {
  background: rgba(22, 160, 133, 0.08);
  color: #107360;
  border-bottom-color: rgba(22, 160, 133, 0.15); }

.antsand-toast-dark {
  background: #343a40;
  border-color: #495057;
  color: #f8f9fa; }
  .antsand-toast-dark .antsand-toast-header {
    background: rgba(255, 255, 255, 0.04);
    color: #fff;
    border-bottom-color: #495057; }
  .antsand-toast-dark .antsand-toast-body {
    color: #dee2e6; }

.antsand-progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.7rem;
  background-color: #e9ecef;
  border-radius: 9999px; }

.antsand-progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #3498db;
  border-radius: 9999px;
  transition: width 0.6s ease; }

.antsand-progress-sm {
  height: 0.5rem;
  font-size: 0; }

.antsand-progress-lg {
  height: 1.5rem;
  font-size: 0.8rem; }

.antsand-progress-bar-success {
  background-color: #27ae60; }

.antsand-progress-bar-danger {
  background-color: #e74c3c; }

.antsand-progress-bar-warning {
  background-color: #f39c12;
  color: #212529; }

.antsand-progress-bar-info {
  background-color: #16a085; }

.antsand-progress-bar-dark {
  background-color: #343a40; }

.antsand-progress-bar-striped, .antsand-progress-bar-animated {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.antsand-progress-bar-animated {
  animation: antsand-progress-stripes 1s linear infinite; }

@keyframes antsand-progress-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

.antsand-progress-label {
  padding: 0 0.5rem;
  font-weight: 600; }

.antsand-skeleton, .antsand-skeleton-btn, .antsand-skeleton-image, .antsand-skeleton-avatar, .antsand-skeleton-avatar-lg, .antsand-skeleton-avatar-sm, .antsand-skeleton-title, .antsand-skeleton-text {
  background: linear-gradient(90deg, #e9ecef 25%, #f8f9fa 37%, #e9ecef 63%);
  background-size: 400% 100%;
  animation: antsand-shimmer 1.4s ease infinite;
  border-radius: 0.25rem;
  color: transparent !important;
  pointer-events: none;
  user-select: none; }
  .antsand-skeleton *, .antsand-skeleton-btn *, .antsand-skeleton-image *, .antsand-skeleton-avatar *, .antsand-skeleton-avatar-lg *, .antsand-skeleton-avatar-sm *, .antsand-skeleton-title *, .antsand-skeleton-text * {
    visibility: hidden; }

.antsand-skeleton-text {
  height: 1em;
  margin-bottom: 0.5rem;
  width: 100%; }
  .antsand-skeleton-text:last-child {
    width: 80%; }
  .antsand-skeleton-text:nth-child(even) {
    width: 90%; }

.antsand-skeleton-title {
  height: 1.5em;
  width: 60%;
  margin-bottom: 1rem; }

.antsand-skeleton-avatar, .antsand-skeleton-avatar-lg, .antsand-skeleton-avatar-sm {
  width: 3rem;
  height: 3rem;
  border-radius: 9999px;
  flex-shrink: 0; }

.antsand-skeleton-avatar-sm {
  width: 2rem;
  height: 2rem; }

.antsand-skeleton-avatar-lg {
  width: 4rem;
  height: 4rem; }

.antsand-skeleton-image {
  width: 100%;
  height: 200px;
  border-radius: 0.5rem;
  margin-bottom: 1rem; }

.antsand-skeleton-btn {
  display: inline-block;
  width: 120px;
  height: 2.4rem;
  border-radius: 0.5rem; }

.antsand-skeleton-card {
  background: var(--antsand-surface, #fff);
  border: 1px solid var(--antsand-border-color, #e9ecef);
  border-radius: 0.5rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem; }

.antsand-skeleton-wave {
  background: #e9ecef;
  overflow: hidden;
  position: relative; }
  .antsand-skeleton-wave::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    animation: antsand-skeleton-wave 1.6s ease infinite; }

@keyframes antsand-skeleton-wave {
  100% {
    transform: translateX(100%); } }

.antsand-pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  gap: 0.25rem;
  flex-wrap: wrap; }

.antsand-page-item:first-child .antsand-page-link {
  border-radius: 0.5rem 0 0 0.5rem; }

.antsand-page-item:last-child .antsand-page-link {
  border-radius: 0 0.5rem 0.5rem 0; }

.antsand-page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--antsand-body-color, #495057);
  background-color: var(--antsand-surface, #fff);
  border: 1px solid var(--antsand-border-color, #dee2e6);
  text-decoration: none;
  cursor: pointer;
  transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease; }
  .antsand-page-link:hover {
    color: #3498db;
    background-color: #f9fafb;
    border-color: #dee2e6; }

.antsand-page-item.active .antsand-page-link {
  color: #fff;
  background-color: #3498db;
  border-color: #3498db;
  pointer-events: none; }

.antsand-page-item.disabled .antsand-page-link {
  color: #ced4da;
  pointer-events: none;
  background-color: var(--antsand-surface, #fff);
  border-color: var(--antsand-border-color, #e9ecef);
  opacity: 0.6; }

.antsand-pagination-sm .antsand-page-link {
  min-width: 2rem;
  min-height: 2rem;
  padding: 0.15rem 0.25rem;
  font-size: 0.78rem; }

.antsand-pagination-lg .antsand-page-link {
  min-width: 3rem;
  min-height: 3rem;
  padding: 0.5rem 1rem;
  font-size: 1rem; }

.antsand-pagination-centered {
  justify-content: center; }

.antsand-pagination-pill {
  gap: 0.25rem; }
  .antsand-pagination-pill .antsand-page-link {
    border-radius: 9999px; }
  .antsand-pagination-pill .antsand-page-item:first-child .antsand-page-link,
  .antsand-pagination-pill .antsand-page-item:last-child .antsand-page-link {
    border-radius: 9999px; }

.antsand-pagination-simple {
  gap: 0.5rem; }
  .antsand-pagination-simple .antsand-page-link {
    border-radius: 0.5rem;
    border: none;
    background: transparent;
    font-weight: 600; }
    .antsand-pagination-simple .antsand-page-link:hover {
      background-color: #f8f9fa; }

.antsand-offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1039;
  width: 100vw;
  height: 100vh;
  background-color: rgba(33, 37, 41, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease; }
  .antsand-offcanvas-backdrop.show {
    opacity: 1;
    visibility: visible; }

.antsand-offcanvas {
  position: fixed;
  z-index: 1040;
  display: flex;
  flex-direction: column;
  background-color: var(--antsand-surface, #fff);
  background-clip: padding-box;
  border: 1px solid var(--antsand-border-color, rgba(33, 37, 41, 0.1));
  outline: 0;
  visibility: hidden;
  transition: transform 0.3s ease, visibility 0.3s ease; }

.antsand-offcanvas-start {
  top: 0;
  left: 0;
  width: 320px;
  max-width: 85vw;
  height: 100vh;
  transform: translateX(-100%); }
  .antsand-offcanvas-start.show {
    transform: translateX(0);
    visibility: visible; }

.antsand-offcanvas-end {
  top: 0;
  right: 0;
  width: 320px;
  max-width: 85vw;
  height: 100vh;
  transform: translateX(100%); }
  .antsand-offcanvas-end.show {
    transform: translateX(0);
    visibility: visible; }

.antsand-offcanvas-top {
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  max-height: 80vh;
  transform: translateY(-100%); }
  .antsand-offcanvas-top.show {
    transform: translateY(0);
    visibility: visible; }

.antsand-offcanvas-bottom {
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  max-height: 80vh;
  transform: translateY(100%); }
  .antsand-offcanvas-bottom.show {
    transform: translateY(0);
    visibility: visible; }

.antsand-offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--antsand-border-color, #e9ecef); }

.antsand-offcanvas-title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3; }

.antsand-offcanvas-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  margin-left: auto;
  background: transparent;
  border: none;
  border-radius: 0.25rem;
  font-size: 1.25rem;
  line-height: 1;
  color: var(--antsand-muted-color, #adb5bd);
  cursor: pointer;
  transition: background-color 150ms ease, color 150ms ease; }
  .antsand-offcanvas-close:hover {
    background-color: #f8f9fa;
    color: var(--antsand-body-color, #212529); }

.antsand-offcanvas-body {
  flex: 1 1 auto;
  padding: 1.5rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

body.antsand-offcanvas-open {
  overflow: hidden; }

@media (min-width: 1024px) {
  .antsand-offcanvas-responsive {
    position: static;
    transform: none;
    visibility: visible;
    border: none;
    background: transparent;
    width: auto;
    height: auto; }
  .antsand-offcanvas-responsive + .antsand-offcanvas-backdrop {
    display: none; } }

@media (prefers-reduced-motion: reduce) {
  .antsand-offcanvas {
    transition: none; }
  .antsand-offcanvas-backdrop {
    transition: none; } }

.ant-gallery, .antsand-gallery {
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }

.ant-gallery__controls, .antsand-gallery__controls {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
  flex-wrap: wrap; }

.ant-gallery__search, .antsand-gallery__search {
  position: relative;
  flex: 1;
  max-width: 280px; }
  .ant-gallery__search input, .antsand-gallery__search input {
    width: 100%;
    padding: 10px 16px 10px 40px;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    font-size: 0.875rem;
    background: white;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); }
    .ant-gallery__search input:focus, .antsand-gallery__search input:focus {
      outline: none;
      border-color: #3498db;
      box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1); }
    .ant-gallery__search input::placeholder, .antsand-gallery__search input::placeholder {
      color: #ced4da; }
  .ant-gallery__search::before, .antsand-gallery__search::before {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: #ced4da;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") no-repeat center; }

.ant-gallery__filter, .antsand-gallery__filter {
  display: flex;
  gap: 6px;
  flex-wrap: wrap; }

.ant-gallery__filter-btn, .antsand-gallery__filter-btn {
  padding: 6px 14px;
  border: 1px solid #e9ecef;
  border-radius: 100px;
  background: white;
  font-size: 13px;
  font-weight: 500;
  color: #6c757d;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); }
  .ant-gallery__filter-btn:hover, .antsand-gallery__filter-btn:hover {
    border-color: #3498db;
    color: #3498db; }
  .ant-gallery__filter-btn.active, .active.antsand-gallery__filter-btn {
    background: #3498db;
    border-color: #3498db;
    color: white; }

.ant-gallery__count, .antsand-gallery__count {
  font-size: 12px;
  color: #adb5bd;
  font-weight: 500;
  padding: 4px 10px;
  background: #f8f9fa;
  border-radius: 12px;
  margin-left: auto; }

.ant-gallery__grid, .antsand-gallery__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px; }
  @media (max-width: 640px) {
    .ant-gallery__grid, .antsand-gallery__grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 8px; } }
.ant-gallery__item, .antsand-gallery__item {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); }
  .ant-gallery__item:hover .ant-gallery__overlay, .ant-gallery__item:hover .antsand-gallery__overlay, .antsand-gallery__item:hover .ant-gallery__overlay, .antsand-gallery__item:hover .antsand-gallery__overlay {
    opacity: 1; }
  .ant-gallery__item:hover .ant-gallery__image img, .ant-gallery__item:hover .antsand-gallery__image img, .antsand-gallery__item:hover .ant-gallery__image img, .antsand-gallery__item:hover .antsand-gallery__image img {
    transform: scale(1.05); }

.ant-gallery__image, .antsand-gallery__image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #f8f9fa; }
  .ant-gallery__image img, .antsand-gallery__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

.ant-gallery__overlay, .antsand-gallery__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease; }
  .ant-gallery__overlay::after, .antsand-gallery__overlay::after {
    content: '';
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23333'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7'/%3E%3C/svg%3E") no-repeat center;
    mask-size: 28px;
    transition: transform 0.2s ease; }
  .ant-gallery__overlay:hover::after, .antsand-gallery__overlay:hover::after {
    transform: scale(1.15); }

.ant-gallery__caption, .antsand-gallery__caption {
  padding: 10px 0 4px; }

.ant-gallery__title, .antsand-gallery__title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #212529;
  margin: 0 0 2px;
  line-height: 1.3; }

.ant-gallery__desc, .antsand-gallery__desc {
  font-size: 12px;
  color: #adb5bd;
  margin: 0;
  line-height: 1.4; }

.ant-gallery__meta, .antsand-gallery__meta {
  font-size: 11px;
  color: #ced4da;
  margin-top: 4px; }

.ant-gallery__lightbox, .antsand-gallery__lightbox {
  position: fixed;
  inset: 0;
  z-index: 1060;
  display: none;
  align-items: center;
  justify-content: center; }
  .ant-gallery__lightbox.active, .active.antsand-gallery__lightbox {
    display: flex; }

.ant-gallery__lightbox-backdrop, .antsand-gallery__lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.92);
  animation: fadeIn 0.2s ease-out; }

.ant-gallery__lightbox-content, .antsand-gallery__lightbox-content {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 60px 80px; }
  @media (max-width: 768px) {
    .ant-gallery__lightbox-content, .antsand-gallery__lightbox-content {
      padding: 50px 16px; } }
.ant-gallery__lightbox-img, .antsand-gallery__lightbox-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 4px;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
  animation: lightboxZoomIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none; }
  .ant-gallery__lightbox-img.zoomed, .zoomed.antsand-gallery__lightbox-img {
    cursor: zoom-out;
    max-width: none;
    max-height: none; }

.ant-gallery__lightbox-close, .antsand-gallery__lightbox-close,
.ant-gallery__lightbox-prev,
.antsand-gallery__lightbox-prev,
.ant-gallery__lightbox-next,
.antsand-gallery__lightbox-next {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: white;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(8px); }
  .ant-gallery__lightbox-close:hover, .antsand-gallery__lightbox-close:hover,
  .ant-gallery__lightbox-prev:hover,
  .antsand-gallery__lightbox-prev:hover,
  .ant-gallery__lightbox-next:hover,
  .antsand-gallery__lightbox-next:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3); }

.ant-gallery__lightbox-close, .antsand-gallery__lightbox-close {
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 20px;
  line-height: 1; }

.ant-gallery__lightbox-prev, .antsand-gallery__lightbox-prev,
.ant-gallery__lightbox-next,
.antsand-gallery__lightbox-next {
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font-size: 24px; }
  @media (max-width: 640px) {
    .ant-gallery__lightbox-prev, .antsand-gallery__lightbox-prev,
    .ant-gallery__lightbox-next,
    .antsand-gallery__lightbox-next {
      width: 36px;
      height: 36px;
      font-size: 18px; } }
.ant-gallery__lightbox-prev, .antsand-gallery__lightbox-prev {
  left: 16px; }

.ant-gallery__lightbox-next, .antsand-gallery__lightbox-next {
  right: 16px; }

.ant-gallery__lightbox-counter, .antsand-gallery__lightbox-counter {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 0.5px; }

.ant-gallery__lightbox-info, .antsand-gallery__lightbox-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 24px 24px 20px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); }

.ant-gallery__lightbox-title, .antsand-gallery__lightbox-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: white;
  margin: 0 0 4px; }

.ant-gallery__lightbox-desc, .antsand-gallery__lightbox-desc {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.7);
  margin: 0; }

.ant-gallery__lightbox-thumbs, .antsand-gallery__lightbox-thumbs {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  gap: 6px;
  padding: 6px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  backdrop-filter: blur(8px);
  max-width: 80%;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .ant-gallery__lightbox-thumbs::-webkit-scrollbar, .antsand-gallery__lightbox-thumbs::-webkit-scrollbar {
    display: none; }
  @media (max-width: 640px) {
    .ant-gallery__lightbox-thumbs, .antsand-gallery__lightbox-thumbs {
      display: none; } }
.ant-gallery__lightbox-thumb, .antsand-gallery__lightbox-thumb {
  flex-shrink: 0;
  width: 56px;
  height: 40px;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.5;
  border: 2px solid transparent;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); }
  .ant-gallery__lightbox-thumb:hover, .antsand-gallery__lightbox-thumb:hover {
    opacity: 0.8; }
  .ant-gallery__lightbox-thumb.active, .active.antsand-gallery__lightbox-thumb {
    opacity: 1;
    border-color: white; }
  .ant-gallery__lightbox-thumb img, .antsand-gallery__lightbox-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

@keyframes lightboxZoomIn {
  from {
    opacity: 0;
    transform: scale(0.9); }
  to {
    opacity: 1;
    transform: scale(1); } }

.ant-gallery.grid .ant-gallery__grid, .ant-gallery.grid .antsand-gallery__grid, .grid.antsand-gallery .ant-gallery__grid, .grid.antsand-gallery .antsand-gallery__grid {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }

.ant-gallery.grid .ant-gallery__item, .ant-gallery.grid .antsand-gallery__item, .grid.antsand-gallery .ant-gallery__item, .grid.antsand-gallery .antsand-gallery__item {
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
  .ant-gallery.grid .ant-gallery__item:hover, .ant-gallery.grid .antsand-gallery__item:hover, .grid.antsand-gallery .ant-gallery__item:hover, .grid.antsand-gallery .antsand-gallery__item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px); }

.ant-gallery.masonry .ant-gallery__grid, .ant-gallery.masonry .antsand-gallery__grid, .masonry.antsand-gallery .ant-gallery__grid, .masonry.antsand-gallery .antsand-gallery__grid {
  display: block;
  column-count: 4;
  column-gap: 16px; }
  @media (max-width: 1024px) {
    .ant-gallery.masonry .ant-gallery__grid, .ant-gallery.masonry .antsand-gallery__grid, .masonry.antsand-gallery .ant-gallery__grid, .masonry.antsand-gallery .antsand-gallery__grid {
      column-count: 3; } }
  @media (max-width: 768px) {
    .ant-gallery.masonry .ant-gallery__grid, .ant-gallery.masonry .antsand-gallery__grid, .masonry.antsand-gallery .ant-gallery__grid, .masonry.antsand-gallery .antsand-gallery__grid {
      column-count: 2; } }
  @media (max-width: 640px) {
    .ant-gallery.masonry .ant-gallery__grid, .ant-gallery.masonry .antsand-gallery__grid, .masonry.antsand-gallery .ant-gallery__grid, .masonry.antsand-gallery .antsand-gallery__grid {
      column-count: 2; } }
.ant-gallery.masonry .ant-gallery__item, .ant-gallery.masonry .antsand-gallery__item, .masonry.antsand-gallery .ant-gallery__item, .masonry.antsand-gallery .antsand-gallery__item {
  break-inside: avoid;
  margin-bottom: 16px;
  border-radius: 12px; }

.ant-gallery.masonry .ant-gallery__image, .ant-gallery.masonry .antsand-gallery__image, .masonry.antsand-gallery .ant-gallery__image, .masonry.antsand-gallery .antsand-gallery__image {
  aspect-ratio: auto; }

.ant-gallery.cards .ant-gallery__grid, .ant-gallery.cards .antsand-gallery__grid, .cards.antsand-gallery .ant-gallery__grid, .cards.antsand-gallery .antsand-gallery__grid {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }

.ant-gallery.cards .ant-gallery__item, .ant-gallery.cards .antsand-gallery__item, .cards.antsand-gallery .ant-gallery__item, .cards.antsand-gallery .antsand-gallery__item {
  background: white;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); }
  .ant-gallery.cards .ant-gallery__item:hover, .ant-gallery.cards .antsand-gallery__item:hover, .cards.antsand-gallery .ant-gallery__item:hover, .cards.antsand-gallery .antsand-gallery__item:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08), 0 12px 28px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px); }

.ant-gallery.cards .ant-gallery__image, .ant-gallery.cards .antsand-gallery__image, .cards.antsand-gallery .ant-gallery__image, .cards.antsand-gallery .antsand-gallery__image {
  border-radius: 0; }

.ant-gallery.cards .ant-gallery__caption, .ant-gallery.cards .antsand-gallery__caption, .cards.antsand-gallery .ant-gallery__caption, .cards.antsand-gallery .antsand-gallery__caption {
  padding: 14px 16px 16px; }

.ant-gallery.cards .ant-gallery__title, .ant-gallery.cards .antsand-gallery__title, .cards.antsand-gallery .ant-gallery__title, .cards.antsand-gallery .antsand-gallery__title {
  font-size: 1rem; }

.ant-gallery.minimal .ant-gallery__grid, .ant-gallery.minimal .antsand-gallery__grid, .minimal.antsand-gallery .ant-gallery__grid, .minimal.antsand-gallery .antsand-gallery__grid {
  gap: 4px; }

.ant-gallery.minimal .ant-gallery__item, .ant-gallery.minimal .antsand-gallery__item, .minimal.antsand-gallery .ant-gallery__item, .minimal.antsand-gallery .antsand-gallery__item {
  border-radius: 2px; }

.ant-gallery.minimal .ant-gallery__image, .ant-gallery.minimal .antsand-gallery__image, .minimal.antsand-gallery .ant-gallery__image, .minimal.antsand-gallery .antsand-gallery__image {
  aspect-ratio: 1; }

.ant-gallery.minimal .ant-gallery__overlay, .ant-gallery.minimal .antsand-gallery__overlay, .minimal.antsand-gallery .ant-gallery__overlay, .minimal.antsand-gallery .antsand-gallery__overlay {
  background: rgba(0, 0, 0, 0.3); }
  .ant-gallery.minimal .ant-gallery__overlay::after, .ant-gallery.minimal .antsand-gallery__overlay::after, .minimal.antsand-gallery .ant-gallery__overlay::after, .minimal.antsand-gallery .antsand-gallery__overlay::after {
    display: none; }

.ant-gallery.minimal .ant-gallery__caption, .ant-gallery.minimal .antsand-gallery__caption, .minimal.antsand-gallery .ant-gallery__caption, .minimal.antsand-gallery .antsand-gallery__caption {
  display: none; }

.ant-gallery.showcase .ant-gallery__grid, .ant-gallery.showcase .antsand-gallery__grid, .showcase.antsand-gallery .ant-gallery__grid, .showcase.antsand-gallery .antsand-gallery__grid {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto; }
  @media (max-width: 768px) {
    .ant-gallery.showcase .ant-gallery__grid, .ant-gallery.showcase .antsand-gallery__grid, .showcase.antsand-gallery .ant-gallery__grid, .showcase.antsand-gallery .antsand-gallery__grid {
      grid-template-columns: repeat(2, 1fr); } }
.ant-gallery.showcase .ant-gallery__item:first-child, .ant-gallery.showcase .antsand-gallery__item:first-child, .showcase.antsand-gallery .ant-gallery__item:first-child, .showcase.antsand-gallery .antsand-gallery__item:first-child {
  grid-column: 1 / 3;
  grid-row: 1 / 3; }
  .ant-gallery.showcase .ant-gallery__item:first-child .ant-gallery__image, .ant-gallery.showcase .ant-gallery__item:first-child .antsand-gallery__image, .ant-gallery.showcase .antsand-gallery__item:first-child .ant-gallery__image, .ant-gallery.showcase .antsand-gallery__item:first-child .antsand-gallery__image, .showcase.antsand-gallery .ant-gallery__item:first-child .ant-gallery__image, .showcase.antsand-gallery .ant-gallery__item:first-child .antsand-gallery__image, .showcase.antsand-gallery .antsand-gallery__item:first-child .ant-gallery__image, .showcase.antsand-gallery .antsand-gallery__item:first-child .antsand-gallery__image {
    aspect-ratio: auto;
    height: 100%; }
  @media (max-width: 768px) {
    .ant-gallery.showcase .ant-gallery__item:first-child, .ant-gallery.showcase .antsand-gallery__item:first-child, .showcase.antsand-gallery .ant-gallery__item:first-child, .showcase.antsand-gallery .antsand-gallery__item:first-child {
      grid-column: 1 / -1;
      grid-row: auto; }
      .ant-gallery.showcase .ant-gallery__item:first-child .ant-gallery__image, .ant-gallery.showcase .ant-gallery__item:first-child .antsand-gallery__image, .ant-gallery.showcase .antsand-gallery__item:first-child .ant-gallery__image, .ant-gallery.showcase .antsand-gallery__item:first-child .antsand-gallery__image, .showcase.antsand-gallery .ant-gallery__item:first-child .ant-gallery__image, .showcase.antsand-gallery .ant-gallery__item:first-child .antsand-gallery__image, .showcase.antsand-gallery .antsand-gallery__item:first-child .ant-gallery__image, .showcase.antsand-gallery .antsand-gallery__item:first-child .antsand-gallery__image {
        aspect-ratio: 16 / 9;
        height: auto; } }
.ant-gallery.showcase .ant-gallery__item, .ant-gallery.showcase .antsand-gallery__item, .showcase.antsand-gallery .ant-gallery__item, .showcase.antsand-gallery .antsand-gallery__item {
  border-radius: 8px;
  overflow: hidden; }
  .ant-gallery.showcase .ant-gallery__item:hover, .ant-gallery.showcase .antsand-gallery__item:hover, .showcase.antsand-gallery .ant-gallery__item:hover, .showcase.antsand-gallery .antsand-gallery__item:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); }

.ant-gallery.dark .ant-gallery__search input, .ant-gallery.dark .antsand-gallery__search input, .dark.antsand-gallery .ant-gallery__search input, .dark.antsand-gallery .antsand-gallery__search input {
  background: #1e1e1e;
  border-color: #333;
  color: #e5e5e5; }
  .ant-gallery.dark .ant-gallery__search input::placeholder, .ant-gallery.dark .antsand-gallery__search input::placeholder, .dark.antsand-gallery .ant-gallery__search input::placeholder, .dark.antsand-gallery .antsand-gallery__search input::placeholder {
    color: #666; }
  .ant-gallery.dark .ant-gallery__search input:focus, .ant-gallery.dark .antsand-gallery__search input:focus, .dark.antsand-gallery .ant-gallery__search input:focus, .dark.antsand-gallery .antsand-gallery__search input:focus {
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15); }

.ant-gallery.dark .ant-gallery__search::before, .ant-gallery.dark .antsand-gallery__search::before, .dark.antsand-gallery .ant-gallery__search::before, .dark.antsand-gallery .antsand-gallery__search::before {
  background: #666; }

.ant-gallery.dark .ant-gallery__filter-btn, .ant-gallery.dark .antsand-gallery__filter-btn, .dark.antsand-gallery .ant-gallery__filter-btn, .dark.antsand-gallery .antsand-gallery__filter-btn {
  background: #1e1e1e;
  border-color: #333;
  color: #a0a0a0; }
  .ant-gallery.dark .ant-gallery__filter-btn:hover, .ant-gallery.dark .antsand-gallery__filter-btn:hover, .dark.antsand-gallery .ant-gallery__filter-btn:hover, .dark.antsand-gallery .antsand-gallery__filter-btn:hover {
    border-color: #60a5fa;
    color: #60a5fa; }
  .ant-gallery.dark .ant-gallery__filter-btn.active, .ant-gallery.dark .active.antsand-gallery__filter-btn, .dark.antsand-gallery .ant-gallery__filter-btn.active, .dark.antsand-gallery .active.antsand-gallery__filter-btn {
    background: #60a5fa;
    border-color: #60a5fa;
    color: white; }

.ant-gallery.dark .ant-gallery__count, .ant-gallery.dark .antsand-gallery__count, .dark.antsand-gallery .ant-gallery__count, .dark.antsand-gallery .antsand-gallery__count {
  background: rgba(255, 255, 255, 0.06);
  color: #888; }

.ant-gallery.dark .ant-gallery__item, .ant-gallery.dark .antsand-gallery__item, .dark.antsand-gallery .ant-gallery__item, .dark.antsand-gallery .antsand-gallery__item {
  background: #1e1e1e; }

.ant-gallery.dark .ant-gallery__image, .ant-gallery.dark .antsand-gallery__image, .dark.antsand-gallery .ant-gallery__image, .dark.antsand-gallery .antsand-gallery__image {
  background: #252525; }

.ant-gallery.dark .ant-gallery__title, .ant-gallery.dark .antsand-gallery__title, .dark.antsand-gallery .ant-gallery__title, .dark.antsand-gallery .antsand-gallery__title {
  color: #e5e5e5; }

.ant-gallery.dark .ant-gallery__desc, .ant-gallery.dark .antsand-gallery__desc, .dark.antsand-gallery .ant-gallery__desc, .dark.antsand-gallery .antsand-gallery__desc {
  color: #888; }

.ant-gallery.dark .ant-gallery__meta, .ant-gallery.dark .antsand-gallery__meta, .dark.antsand-gallery .ant-gallery__meta, .dark.antsand-gallery .antsand-gallery__meta {
  color: #666; }

.ant-gallery.dark.cards .ant-gallery__item, .ant-gallery.dark.cards .antsand-gallery__item, .dark.cards.antsand-gallery .ant-gallery__item, .dark.cards.antsand-gallery .antsand-gallery__item {
  background: #1e1e1e;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(0, 0, 0, 0.15); }
  .ant-gallery.dark.cards .ant-gallery__item:hover, .ant-gallery.dark.cards .antsand-gallery__item:hover, .dark.cards.antsand-gallery .ant-gallery__item:hover, .dark.cards.antsand-gallery .antsand-gallery__item:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3), 0 12px 28px rgba(0, 0, 0, 0.25); }

@media (max-width: 640px) {
  .ant-gallery__controls, .antsand-gallery__controls {
    flex-direction: column;
    align-items: stretch; }
  .ant-gallery__search, .antsand-gallery__search {
    max-width: none; }
  .ant-gallery__filter, .antsand-gallery__filter {
    overflow-x: auto;
    flex-wrap: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .ant-gallery__filter::-webkit-scrollbar, .antsand-gallery__filter::-webkit-scrollbar {
      display: none; }
  .ant-gallery__lightbox-content, .antsand-gallery__lightbox-content {
    padding: 50px 8px; } }

.antsand-ai-bar {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0;
  margin: 0.5rem 0 1.5rem;
  border-bottom: 1px solid #e9ecef;
  flex-wrap: wrap; }

.antsand-ai-bar__action {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #6c757d;
  background: none;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: color 150ms ease, background 150ms ease;
  line-height: 1.4; }
  .antsand-ai-bar__action:hover {
    color: #212529;
    background: #f8f9fa; }
  .antsand-ai-bar__action--active {
    color: #3498db;
    background: rgba(52, 152, 219, 0.06); }
  .antsand-ai-bar__action-icon {
    font-size: 0.9rem;
    line-height: 1;
    display: inline-flex;
    align-items: center; }
  .antsand-ai-bar__action-label {
    display: inline; }
  .antsand-ai-bar__action-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.1rem;
    height: 1.1rem;
    padding: 0 0.3rem;
    font-size: 0.65rem;
    font-weight: 700;
    background: #3498db;
    color: white;
    border-radius: 9999px;
    margin-left: 0.25rem; }

.antsand-ai-bar__divider {
  width: 1px;
  height: 1rem;
  background: #dee2e6;
  margin: 0 0.25rem; }

.antsand-ai-bar__toast {
  position: fixed;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  padding: 0.6rem 1.25rem;
  background: #212529;
  color: white;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 9999px;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: none;
  z-index: 1070;
  transition: opacity 200ms ease, transform 200ms ease; }
  .antsand-ai-bar__toast--visible {
    opacity: 1;
    transform: translateX(-50%) translateY(0); }

.antsand-ai-bar__md-view {
  display: none;
  background: #f9fafb;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  padding: 1.5rem 2rem;
  margin: 1rem 0;
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
  font-size: 0.85rem;
  line-height: 1.7;
  white-space: pre-wrap;
  word-break: break-word;
  color: #343a40;
  max-height: 70vh;
  overflow-y: auto;
  position: relative; }
  .antsand-ai-bar__md-view--visible {
    display: block; }
  .antsand-ai-bar__md-view-actions {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    display: flex;
    gap: 0.5rem; }
  .antsand-ai-bar__md-view-copy, .antsand-ai-bar__md-view-close {
    padding: 0.3rem 0.6rem;
    font-size: 0.75rem;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    cursor: pointer;
    color: #6c757d; }
    .antsand-ai-bar__md-view-copy:hover, .antsand-ai-bar__md-view-close:hover {
      background: #f8f9fa;
      color: #212529; }

.antsand-ai-bar--compact {
  padding: 0.25rem 0;
  margin: 0.25rem 0;
  border-bottom: none;
  gap: 0.25rem; }
  .antsand-ai-bar--compact .antsand-ai-bar__action {
    padding: 0.2rem 0.5rem;
    font-size: 0.75rem; }

.antsand-ai-bar--pill {
  gap: 0.5rem;
  border-bottom: none; }
  .antsand-ai-bar--pill .antsand-ai-bar__action {
    border-radius: 9999px;
    padding: 0.35rem 0.9rem;
    background: #f8f9fa;
    border: 1px solid transparent; }
    .antsand-ai-bar--pill .antsand-ai-bar__action:hover {
      background: #e9ecef; }
    .antsand-ai-bar--pill .antsand-ai-bar__action--active {
      background: rgba(52, 152, 219, 0.1);
      color: #3498db;
      border-color: rgba(52, 152, 219, 0.2); }
  .antsand-ai-bar--pill .antsand-ai-bar__divider {
    display: none; }

.antsand-ai-bar--bordered {
  gap: 0.5rem;
  border-bottom: none; }
  .antsand-ai-bar--bordered .antsand-ai-bar__action {
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 0.4rem 0.85rem; }
    .antsand-ai-bar--bordered .antsand-ai-bar__action:hover {
      border-color: #3498db;
      color: #3498db;
      background: rgba(52, 152, 219, 0.03); }
    .antsand-ai-bar--bordered .antsand-ai-bar__action--active {
      border-color: #3498db;
      color: #3498db;
      background: rgba(52, 152, 219, 0.06); }
  .antsand-ai-bar--bordered .antsand-ai-bar__divider {
    display: none; }

.antsand-ai-bar--filled {
  gap: 0.5rem;
  border-bottom: none; }
  .antsand-ai-bar--filled .antsand-ai-bar__action {
    background: #212529;
    color: white;
    border-radius: 0.25rem;
    padding: 0.4rem 0.85rem; }
    .antsand-ai-bar--filled .antsand-ai-bar__action:hover {
      background: #3498db; }
    .antsand-ai-bar--filled .antsand-ai-bar__action--active {
      background: #3498db; }
  .antsand-ai-bar--filled .antsand-ai-bar__divider {
    display: none; }

.antsand-ai-bar--floating {
  position: fixed;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1020;
  background: white;
  border: 1px solid #e9ecef;
  border-radius: 9999px;
  padding: 0.5rem 1.5rem;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  margin: 0;
  gap: 0.5rem; }
  .antsand-ai-bar--floating .antsand-ai-bar__action {
    border-radius: 9999px;
    padding: 0.35rem 0.85rem; }

.antsand-ai-bar--vertical {
  flex-direction: column;
  align-items: stretch;
  border-bottom: none;
  border-right: 2px solid #e9ecef;
  padding: 0.5rem 1rem;
  gap: 0.25rem; }
  .antsand-ai-bar--vertical .antsand-ai-bar__action {
    justify-content: flex-start;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem; }
    .antsand-ai-bar--vertical .antsand-ai-bar__action:hover {
      background: #f8f9fa; }
    .antsand-ai-bar--vertical .antsand-ai-bar__action--active {
      border-left: 2px solid #3498db;
      color: #3498db;
      background: rgba(52, 152, 219, 0.04);
      margin-left: -2px; }
  .antsand-ai-bar--vertical .antsand-ai-bar__divider {
    width: 100%;
    height: 1px;
    margin: 0.25rem 0; }

.antsand-ai-bar--minimal {
  gap: 0.15rem;
  border-bottom: none; }
  .antsand-ai-bar--minimal .antsand-ai-bar__action {
    padding: 0.4rem;
    border-radius: 0.25rem;
    position: relative; }
    .antsand-ai-bar--minimal .antsand-ai-bar__action-label {
      display: none;
      position: absolute;
      bottom: calc(100% + 6px);
      left: 50%;
      transform: translateX(-50%);
      background: #212529;
      color: white;
      padding: 0.2rem 0.5rem;
      border-radius: 0.25rem;
      font-size: 0.7rem;
      white-space: nowrap;
      pointer-events: none; }
    .antsand-ai-bar--minimal .antsand-ai-bar__action:hover .antsand-ai-bar--minimal .antsand-ai-bar__action-label {
      display: block; }
    .antsand-ai-bar--minimal .antsand-ai-bar__action-icon {
      font-size: 1.1rem; }
  .antsand-ai-bar--minimal .antsand-ai-bar__divider {
    height: 0.8rem;
    margin: 0 0.1rem; }

.antsand-ai-bar--gradient {
  background: linear-gradient(135deg, rgba(52, 152, 219, 0.05), rgba(155, 89, 182, 0.05));
  border: 1px solid rgba(52, 152, 219, 0.12);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  border-bottom: none; }
  .antsand-ai-bar--gradient .antsand-ai-bar__action {
    color: #495057; }
    .antsand-ai-bar--gradient .antsand-ai-bar__action:hover {
      color: #3498db;
      background: rgba(52, 152, 219, 0.08); }
    .antsand-ai-bar--gradient .antsand-ai-bar__action--active {
      color: #3498db;
      background: rgba(52, 152, 219, 0.1); }

.antsand-ai-bar--dark {
  border-bottom-color: rgba(255, 255, 255, 0.1); }
  .antsand-ai-bar--dark .antsand-ai-bar__action {
    color: rgba(255, 255, 255, 0.6); }
    .antsand-ai-bar--dark .antsand-ai-bar__action:hover {
      color: white;
      background: rgba(255, 255, 255, 0.08); }
    .antsand-ai-bar--dark .antsand-ai-bar__action--active {
      color: #60a5fa;
      background: rgba(96, 165, 250, 0.1); }
  .antsand-ai-bar--dark .antsand-ai-bar__divider {
    background: rgba(255, 255, 255, 0.15); }

.antsand-ai-bar--glass {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  border-bottom: none; }
  .antsand-ai-bar--glass .antsand-ai-bar__action:hover {
    background: rgba(255, 255, 255, 0.5); }

.antsand-ai-bar--glass-dark {
  background: rgba(15, 23, 42, 0.65);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
  border-bottom: none; }
  .antsand-ai-bar--glass-dark .antsand-ai-bar__action {
    color: rgba(255, 255, 255, 0.7); }
    .antsand-ai-bar--glass-dark .antsand-ai-bar__action:hover {
      color: white;
      background: rgba(255, 255, 255, 0.1); }
    .antsand-ai-bar--glass-dark .antsand-ai-bar__action--active {
      color: #818cf8;
      background: rgba(129, 140, 248, 0.12); }
  .antsand-ai-bar--glass-dark .antsand-ai-bar__divider {
    background: rgba(255, 255, 255, 0.1); }

.antsand-ai-bar--toolbar {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  padding: 0.3rem 0.5rem;
  gap: 0.15rem;
  border-bottom: none; }
  .antsand-ai-bar--toolbar .antsand-ai-bar__action {
    padding: 0.3rem 0.6rem;
    font-size: 0.78rem;
    border-radius: 0.25rem; }
    .antsand-ai-bar--toolbar .antsand-ai-bar__action:hover {
      background: white;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); }
    .antsand-ai-bar--toolbar .antsand-ai-bar__action--active {
      background: white;
      color: #3498db;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
  .antsand-ai-bar--toolbar .antsand-ai-bar__divider {
    height: 0.9rem; }

.antsand-ai-bar--card {
  background: white;
  border: 1px solid #e9ecef;
  border-radius: 0.75rem;
  padding: 1rem 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  gap: 1rem;
  border-bottom: none; }
  .antsand-ai-bar--card .antsand-ai-bar__action {
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    text-align: center; }
    .antsand-ai-bar--card .antsand-ai-bar__action-icon {
      font-size: 1.25rem; }
    .antsand-ai-bar--card .antsand-ai-bar__action:hover {
      background: #f9fafb; }
  .antsand-ai-bar--card .antsand-ai-bar__divider {
    height: 2rem; }

.antsand-ai-bar--inline {
  display: inline-flex;
  margin: 0 0.25rem;
  padding: 0;
  border: none;
  gap: 0.15rem;
  vertical-align: middle; }
  .antsand-ai-bar--inline .antsand-ai-bar__action {
    padding: 0.15rem 0.4rem;
    font-size: 0.78rem;
    color: #3498db;
    opacity: 0.7; }
    .antsand-ai-bar--inline .antsand-ai-bar__action:hover {
      opacity: 1;
      background: rgba(52, 152, 219, 0.06); }
  .antsand-ai-bar--inline .antsand-ai-bar__divider {
    height: 0.7rem; }

.antsand-image-lightbox-trigger {
  cursor: zoom-in;
  transition: filter 180ms ease, transform 180ms ease, box-shadow 180ms ease; }
  .antsand-image-lightbox-trigger:hover, .antsand-image-lightbox-trigger:focus-visible {
    filter: brightness(0.96);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.16); }
  .antsand-image-lightbox-trigger:focus-visible {
    outline: 3px solid rgba(241, 91, 42, 0.55);
    outline-offset: 4px; }

.antsand-image-lightbox-open {
  overflow: hidden; }

.antsand-image-lightbox {
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: none;
  align-items: center;
  justify-content: center;
  padding: clamp(1rem, 3vw, 2rem);
  color: white; }
  .antsand-image-lightbox.active {
    display: flex; }

.antsand-image-lightbox__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: radial-gradient(circle at 50% 20%, rgba(241, 91, 42, 0.12), transparent 35%), rgba(2, 6, 23, 0.86);
  backdrop-filter: blur(14px);
  cursor: zoom-out; }

.antsand-image-lightbox__dialog {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-rows: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  width: min(100%, 1180px);
  max-height: calc(100vh - 2rem); }

.antsand-image-lightbox__stage {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 0; }

.antsand-image-lightbox__image,
.antsand-image-lightbox__svg {
  display: block;
  max-width: 100%;
  max-height: calc(100vh - 8rem);
  width: auto;
  height: auto;
  margin: 0 auto;
  border-radius: 1rem;
  object-fit: contain;
  background: rgba(15, 23, 42, 0.75);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.48); }

.antsand-image-lightbox__svg {
  width: min(100%, 1180px);
  overflow: auto;
  background: rgba(248, 250, 252, 0.98); }

.antsand-image-lightbox__svg-clone {
  display: block;
  width: 100%;
  height: auto;
  max-height: calc(100vh - 8rem); }

.antsand-image-lightbox__close,
.antsand-image-lightbox__nav {
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(15, 23, 42, 0.72);
  color: white;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease; }
  .antsand-image-lightbox__close:hover, .antsand-image-lightbox__close:focus-visible,
  .antsand-image-lightbox__nav:hover,
  .antsand-image-lightbox__nav:focus-visible {
    background: rgba(241, 91, 42, 0.92);
    border-color: rgba(241, 91, 42, 0.95);
    transform: translateY(-1px); }
  .antsand-image-lightbox__close:focus-visible,
  .antsand-image-lightbox__nav:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.35);
    outline-offset: 3px; }

.antsand-image-lightbox__close {
  position: absolute;
  top: -0.5rem;
  right: 0;
  z-index: 2;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 999px;
  font-size: 1.8rem;
  line-height: 1; }

.antsand-image-lightbox__nav {
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  font-size: 2.4rem;
  line-height: 1; }

.antsand-image-lightbox__prev {
  grid-column: 1;
  grid-row: 1; }

.antsand-image-lightbox__next {
  grid-column: 3;
  grid-row: 1; }

.antsand-image-lightbox__meta {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.95rem; }

.antsand-image-lightbox__caption {
  margin: 0;
  line-height: 1.5; }

.antsand-image-lightbox__counter {
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.54);
  font-variant-numeric: tabular-nums; }

@media (max-width: 640px) {
  .antsand-image-lightbox {
    padding: 0.75rem; }
  .antsand-image-lightbox__dialog {
    grid-template-columns: 1fr;
    gap: 0.75rem; }
  .antsand-image-lightbox__stage,
  .antsand-image-lightbox__image,
  .antsand-image-lightbox__svg,
  .antsand-image-lightbox__meta {
    grid-column: 1; }
  .antsand-image-lightbox__image,
  .antsand-image-lightbox__svg,
  .antsand-image-lightbox__svg-clone {
    max-height: calc(100vh - 7rem);
    border-radius: 0.75rem; }
  .antsand-image-lightbox__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem; }
  .antsand-image-lightbox__prev {
    left: 0.5rem; }
  .antsand-image-lightbox__next {
    right: 0.5rem; }
  .antsand-image-lightbox__meta {
    flex-direction: column;
    align-items: flex-start; } }

@media (prefers-reduced-motion: reduce) {
  .antsand-image-lightbox-trigger,
  .antsand-image-lightbox__close,
  .antsand-image-lightbox__nav {
    transition: none; } }

.antsand-layout-explorer {
  background: linear-gradient(180deg, #151515 0%, #111827 100%);
  color: #f8fafc;
  padding: 5rem 1.5rem 6rem; }
  .antsand-layout-explorer__inner {
    display: flex;
    flex-direction: column;
    max-width: 1280px;
    margin: 0 auto;
    width: 100%; }
  .antsand-layout-explorer > .antsand-layout-explorer__inner > div:not(.antsand-layout-explorer__body) {
    margin: 0 auto 2.25rem;
    max-width: 900px;
    order: 1;
    text-align: center;
    width: 100%; }
    .antsand-layout-explorer > .antsand-layout-explorer__inner > div:not(.antsand-layout-explorer__body) > div {
      align-items: center;
      display: flex;
      flex-direction: column; }
    .antsand-layout-explorer > .antsand-layout-explorer__inner > div:not(.antsand-layout-explorer__body) span {
      color: #ff6b35;
      display: inline-flex;
      font-size: 0.78rem;
      font-weight: 850;
      letter-spacing: 0.12em;
      margin-bottom: 0.9rem;
      order: -1;
      text-transform: uppercase; }
    .antsand-layout-explorer > .antsand-layout-explorer__inner > div:not(.antsand-layout-explorer__body) h1 {
      color: #ffffff;
      font-size: clamp(2.35rem, 5vw, 4.2rem);
      font-weight: 900;
      letter-spacing: -0.055em;
      line-height: 1.02;
      margin: 0 0 1rem; }
    .antsand-layout-explorer > .antsand-layout-explorer__inner > div:not(.antsand-layout-explorer__body) p {
      color: rgba(226, 232, 240, 0.72);
      font-size: 1.04rem;
      line-height: 1.72;
      margin: 0.3rem auto 0;
      max-width: 780px; }
  .antsand-layout-explorer__body {
    margin: 0 auto;
    max-width: 1280px;
    order: 2;
    width: 100%; }
  .antsand-layout-explorer__hero {
    text-align: center;
    margin: 0 auto 2rem; }
  .antsand-layout-explorer__hero-inner {
    max-width: 840px;
    margin: 0 auto; }
  .antsand-layout-explorer__kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.9rem;
    color: #ff6b35;
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase; }
  .antsand-layout-explorer__title {
    color: #ffffff;
    font-size: clamp(2.25rem, 5vw, 4rem);
    font-weight: 900;
    letter-spacing: -0.055em;
    line-height: 1.05;
    margin: 0 0 1rem; }
  .antsand-layout-explorer__lede {
    color: rgba(226, 232, 240, 0.72);
    font-size: 1.08rem;
    line-height: 1.75;
    margin: 0.35rem auto 0; }
  .antsand-layout-explorer__callout {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 1.5rem auto 0;
    padding: 0.85rem 1.2rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.065);
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.92rem; }
  .antsand-layout-explorer__tabs {
    display: grid;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    gap: clamp(1.5rem, 3vw, 3rem);
    align-items: start;
    margin: 2.25rem auto 0;
    max-width: 1220px;
    width: 100%; }
  .antsand-layout-explorer__rail {
    position: sticky;
    top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
    padding: 1rem 0.9rem;
    border-right: 1px solid rgba(255, 255, 255, 0.12); }
  .antsand-layout-explorer__tab {
    align-items: center;
    display: inline-flex;
    width: 100%;
    justify-content: flex-start;
    gap: 0.7rem;
    min-height: 2.75rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: rgba(255, 255, 255, 0.56);
    font-weight: 650;
    text-align: left; }
    .antsand-layout-explorer__tab.active {
      background: rgba(255, 107, 53, 0.16);
      box-shadow: inset 3px 0 0 #ff6b35;
      color: #ffffff; }
    .antsand-layout-explorer__tab:hover, .antsand-layout-explorer__tab:focus-visible {
      background: rgba(255, 255, 255, 0.06);
      color: #ffffff; }
  .antsand-layout-explorer__tab-icon {
    color: #ff6b35;
    font-size: 0.75rem; }
  .antsand-layout-explorer__panels {
    min-width: 0;
    width: 100%; }
  .antsand-layout-explorer__panel {
    color: #f8fafc;
    min-width: 0;
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
    width: 100%; }
  .antsand-layout-explorer__panel-kicker {
    color: #ff6b35;
    font-size: 0.8rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    margin: 0 0 0.65rem;
    text-transform: uppercase; }
  .antsand-layout-explorer__panel-title {
    color: #ffffff;
    font-size: clamp(1.4rem, 3vw, 2.15rem);
    font-weight: 850;
    letter-spacing: -0.035em;
    margin: 0 0 0.7rem; }
  .antsand-layout-explorer__panel-copy {
    color: rgba(226, 232, 240, 0.68);
    line-height: 1.7;
    margin: 0 0 1rem; }
  .antsand-layout-explorer__preview {
    margin: 1.5rem 0;
    padding: 1.4rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.22);
    overflow: hidden; }
    .antsand-layout-explorer__preview svg {
      display: block;
      width: 100%;
      height: auto; }
  .antsand-layout-explorer__fields {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin: 1.5rem 0; }
  .antsand-layout-explorer__field-card {
    border-left: 4px solid #ff6b35;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.58);
    min-width: 0;
    padding: 1rem; }
  .antsand-layout-explorer__field-name {
    color: #ff6b35;
    font-family: "JetBrains Mono", "SF Mono", monospace;
    font-size: 0.82rem;
    margin: 0 0 0.4rem;
    overflow-wrap: anywhere; }
  .antsand-layout-explorer__field-type {
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.8rem;
    margin: 0 0 0.45rem; }
  .antsand-layout-explorer__field-note {
    color: rgba(255, 255, 255, 0.52);
    font-size: 0.82rem;
    line-height: 1.55;
    margin: 0; }
  .antsand-layout-explorer__code, .antsand-layout-explorer__panel-footer {
    margin-top: 1.5rem; }
  .antsand-layout-explorer__code .antsand-codepreview-section, .antsand-layout-explorer__panel-footer .antsand-codepreview-section {
    margin: 0; }
  .antsand-layout-explorer .antsand-layout-explorer__tabs.antsand-tabs-vertical {
    display: grid;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    width: 100%; }
  .antsand-layout-explorer .antsand-layout-explorer__tabs.antsand-tabs-vertical .antsand-layout-explorer__rail.tabs-header {
    flex-direction: column;
    min-width: 0;
    padding-right: 0.9rem; }
  .antsand-layout-explorer .antsand-layout-explorer__tabs.antsand-tabs-vertical .antsand-layout-explorer__tab.tabs-item {
    background: transparent;
    border: 0;
    color: rgba(255, 255, 255, 0.56);
    padding: 0.75rem 0.85rem; }
  .antsand-layout-explorer .antsand-layout-explorer__tabs.antsand-tabs-vertical .antsand-layout-explorer__tab.tabs-item:hover,
  .antsand-layout-explorer .antsand-layout-explorer__tabs.antsand-tabs-vertical .antsand-layout-explorer__tab.tabs-item:focus-visible {
    background: rgba(255, 255, 255, 0.075);
    color: #ffffff; }
  .antsand-layout-explorer .antsand-layout-explorer__tabs.antsand-tabs-vertical .antsand-layout-explorer__tab.tabs-item.active {
    background: rgba(255, 107, 53, 0.16);
    box-shadow: inset 3px 0 0 #ff6b35;
    color: #ffffff; }
  .antsand-layout-explorer .antsand-layout-explorer__tabs.antsand-tabs-vertical .antsand-layout-explorer__tab.tabs-item.active:hover,
  .antsand-layout-explorer .antsand-layout-explorer__tabs.antsand-tabs-vertical .antsand-layout-explorer__tab.tabs-item.active:focus-visible {
    background: rgba(255, 107, 53, 0.22);
    color: #ffffff; }
  .antsand-layout-explorer .antsand-layout-explorer__panel.tabs-content {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025));
    border-color: rgba(255, 255, 255, 0.12);
    color: #f8fafc;
    display: none;
    min-height: 0; }
  .antsand-layout-explorer .antsand-layout-explorer__panel.tabs-content.active {
    display: block; }
  .antsand-layout-explorer .antsand-code-block, .antsand-layout-explorer code-section, .antsand-layout-explorer .antsand-blog-code,
  .antsand-layout-explorer .antsand-code-preview {
    max-width: 100%;
    overflow: hidden; }
  .antsand-layout-explorer .antsand-code-pre, .antsand-layout-explorer code-body {
    max-height: 340px;
    overflow: auto;
    white-space: pre; }

@media (max-width: 900px) {
  .antsand-layout-explorer__tabs {
    grid-template-columns: 1fr; }
  .antsand-layout-explorer__rail {
    position: static;
    flex-direction: row;
    overflow-x: auto;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
  .antsand-layout-explorer__tab {
    width: auto;
    white-space: nowrap; }
  .antsand-layout-explorer__fields {
    grid-template-columns: 1fr; } }

svg-interactive-section,
svg-interactive-header,
svg-interactive-title,
svg-interactive-eyebrow,
svg-interactive-controls,
svg-interactive-body,
svg-interactive-static,
svg-interactive-canvas,
svg-interactive-panel,
svg-interactive-card,
svg-interactive-stats,
svg-interactive-stat,
svg-interactive-code,
svg-interactive-tooltip {
  display: block; }

svg-interactive-section,
.antsand-svg-interactive,
[data-antsand-svg-interactive] {
  --asi-bg: #0c1824;
  --asi-panel: #142430;
  --asi-panel-soft: rgba(241, 245, 249, 0.06);
  --asi-border: rgba(94, 234, 212, 0.28);
  --asi-border-soft: rgba(241, 245, 249, 0.12);
  --asi-text: #f1f5f9;
  --asi-muted: #94a3b8;
  --asi-heading-text: #f8fafc;
  --asi-body-text: #dbeafe;
  --asi-stat-text: #f8fafc;
  --asi-code-text: #d1fae5;
  --asi-accent: #5eead4;
  --asi-accent-2: #fbbf24;
  --asi-accent-3: #a78bfa;
  --asi-svg-min-width: 820px;
  --asi-canvas-min-height: 500px;
  --asi-max-width: 1180px;
  --asi-half-width: 590px;
  --asi-mobile-svg-min-width: 560px;
  box-sizing: border-box;
  width: min(var(--asi-max-width), calc(100vw - 2rem));
  max-width: none;
  margin: 2.8rem auto;
  margin-left: calc(50% - min(var(--asi-half-width), calc(50vw - 1rem)));
  margin-right: calc(50% - min(var(--asi-half-width), calc(50vw - 1rem)));
  border: 1px solid var(--asi-border);
  border-radius: 24px;
  overflow: hidden;
  isolation: isolate;
  color: var(--asi-text);
  background: linear-gradient(135deg, rgba(12, 24, 36, 0.97), rgba(8, 16, 28, 0.99)), radial-gradient(circle at 80% 20%, rgba(94, 234, 212, 0.12), transparent 42%);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.3); }

[data-antsand-svg-interactive][data-svg-theme="violet"] {
  --asi-border: rgba(167, 139, 250, 0.30);
  --asi-accent: #a78bfa;
  --asi-accent-2: #5eead4;
  --asi-accent-3: #fbbf24;
  background: linear-gradient(135deg, rgba(12, 24, 36, 0.97), rgba(8, 16, 28, 0.99)), radial-gradient(circle at 18% 80%, rgba(167, 139, 250, 0.14), transparent 42%); }

[data-antsand-svg-interactive][data-svg-theme="amber"] {
  --asi-border: rgba(251, 191, 36, 0.30);
  --asi-accent: #fbbf24;
  --asi-accent-2: #5eead4;
  --asi-accent-3: #fb923c;
  background: linear-gradient(135deg, rgba(16, 24, 36, 0.97), rgba(20, 16, 8, 0.99)), radial-gradient(circle at 80% 20%, rgba(251, 191, 36, 0.13), transparent 42%); }

[data-antsand-svg-interactive][data-svg-theme="light"] {
  --asi-bg: #f8fafc;
  --asi-panel: #ffffff;
  --asi-panel-soft: rgba(15, 23, 42, 0.04);
  --asi-border: rgba(15, 118, 110, 0.24);
  --asi-border-soft: rgba(15, 23, 42, 0.14);
  --asi-text: #0f172a;
  --asi-muted: #475569;
  --asi-heading-text: #0f172a;
  --asi-body-text: #334155;
  --asi-stat-text: #0f172a;
  --asi-code-text: #064e3b;
  --asi-accent: #0f766e;
  --asi-accent-2: #b45309;
  --asi-accent-3: #6d28d9;
  background: linear-gradient(135deg, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.98)), radial-gradient(circle at 80% 20%, rgba(15, 118, 110, 0.1), transparent 42%);
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.12); }

[data-antsand-svg-interactive][data-svg-size="compact"] {
  --asi-max-width: 1040px;
  --asi-half-width: 520px;
  --asi-svg-min-width: 760px;
  --asi-canvas-min-height: 430px; }

[data-antsand-svg-interactive][data-svg-size="wide"] {
  --asi-max-width: 1280px;
  --asi-half-width: 640px;
  --asi-svg-min-width: 900px;
  --asi-canvas-min-height: 540px; }

[data-antsand-svg-interactive][data-svg-layout="portrait"] {
  --asi-svg-min-width: 400px;
  --asi-mobile-svg-min-width: 400px;
  --asi-canvas-min-height: 580px; }

[data-antsand-svg-interactive][data-svg-layout="portrait"] svg-interactive-canvas svg {
  width: min(100%, 480px);
  min-height: 0;
  margin-inline: auto; }

[data-antsand-svg-interactive] *,
[data-antsand-svg-interactive] *::before,
[data-antsand-svg-interactive] *::after {
  box-sizing: border-box; }

[data-antsand-svg-interactive] p,
[data-antsand-svg-interactive] h1,
[data-antsand-svg-interactive] h2,
[data-antsand-svg-interactive] h3,
[data-antsand-svg-interactive] h4,
[data-antsand-svg-interactive] h5,
[data-antsand-svg-interactive] h6,
[data-antsand-svg-interactive] a,
[data-antsand-svg-interactive] li,
[data-antsand-svg-interactive] span,
[data-antsand-svg-interactive] strong,
[data-antsand-svg-interactive] code,
[data-antsand-svg-interactive] pre,
[data-antsand-svg-interactive] button,
[data-antsand-svg-interactive] svg-interactive-eyebrow,
[data-antsand-svg-interactive] svg-interactive-title,
[data-antsand-svg-interactive] svg-interactive-card,
[data-antsand-svg-interactive] svg-interactive-stat {
  color: inherit; }

[data-antsand-svg-interactive] h1,
[data-antsand-svg-interactive] h2,
[data-antsand-svg-interactive] h3,
[data-antsand-svg-interactive] h4,
[data-antsand-svg-interactive] h5,
[data-antsand-svg-interactive] h6 {
  color: var(--asi-heading-text) !important; }

[data-antsand-svg-interactive] p,
[data-antsand-svg-interactive] li {
  color: var(--asi-body-text) !important; }

[data-antsand-svg-interactive] a {
  color: var(--asi-accent-2) !important; }

svg-interactive-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: start;
  padding: 1.4rem 1.5rem 0.6rem; }

svg-interactive-eyebrow {
  margin-bottom: 0.4rem;
  color: var(--asi-accent-2);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase; }

svg-interactive-title h3,
[data-antsand-svg-interactive] h3 {
  margin: 0;
  color: var(--asi-text);
  font-size: clamp(1.22rem, 2.4vw, 1.65rem);
  line-height: 1.1; }

svg-interactive-title p {
  max-width: 52rem;
  margin: 0.65rem 0 0;
  color: var(--asi-muted);
  font-size: 0.88rem;
  line-height: 1.55; }

svg-interactive-controls {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.45rem; }

svg-interactive-controls button {
  border: 1px solid rgba(241, 245, 249, 0.25);
  border-radius: 999px;
  padding: 0.55rem 0.85rem;
  background: rgba(241, 245, 249, 0.08);
  color: var(--asi-text);
  cursor: pointer;
  font-weight: 750;
  font-size: 0.85rem;
  line-height: 1;
  transition: border-color 180ms ease, background 180ms ease, transform 180ms ease; }

svg-interactive-controls button:hover,
svg-interactive-controls button:focus {
  border-color: var(--asi-accent);
  background: color-mix(in srgb, var(--asi-accent) 16%, transparent);
  outline: none;
  transform: translateY(-1px); }

svg-interactive-body {
  display: grid;
  grid-template-columns: minmax(640px, 1.55fr) minmax(300px, 0.85fr);
  gap: 1.15rem;
  padding: 1rem 1.5rem 1.5rem; }

svg-interactive-static {
  display: none;
  box-sizing: border-box;
  width: min(var(--asi-max-width, 1180px), calc(100vw - 2rem));
  max-width: none;
  margin: 2.8rem auto;
  margin-left: calc(50% - min(var(--asi-half-width, 590px), calc(50vw - 1rem)));
  margin-right: calc(50% - min(var(--asi-half-width, 590px), calc(50vw - 1rem))); }

svg-interactive-static.display-mobile {
  display: block;
  padding: clamp(0.75rem, 2vw, 1.25rem);
  border: 1px solid rgba(94, 234, 212, 0.22);
  border-radius: 24px;
  background: radial-gradient(circle at 16% 12%, rgba(94, 234, 212, 0.16), transparent 34%), radial-gradient(circle at 82% 10%, rgba(167, 139, 250, 0.12), transparent 38%), linear-gradient(135deg, #050b12, #08121d 56%, #050816);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.34); }

svg-interactive-static img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  border: 1px solid rgba(241, 245, 249, 0.14);
  border-radius: 20px;
  background: rgba(4, 10, 18, 0.52);
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.18); }

svg-interactive-canvas {
  position: relative;
  display: grid;
  align-items: center;
  min-height: var(--asi-canvas-min-height);
  overflow: auto;
  border: 1px solid rgba(241, 245, 249, 0.1);
  border-radius: 20px;
  background: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px), rgba(4, 10, 18, 0.52);
  background-size: 32px 32px; }

svg-interactive-canvas svg {
  display: block;
  width: max(100%, var(--asi-svg-min-width));
  max-width: none;
  height: auto;
  min-height: min(var(--asi-canvas-min-height), 540px); }

svg-interactive-panel {
  display: grid;
  gap: 0.85rem;
  align-content: start; }

svg-interactive-card,
svg-interactive-code {
  border: 1px solid var(--asi-border-soft);
  border-radius: 18px;
  background: var(--asi-panel-soft);
  padding: 1rem; }

[data-antsand-svg-interactive]:not([data-svg-theme="light"]) svg-interactive-card,
[data-antsand-svg-interactive]:not([data-svg-theme="light"]) svg-interactive-code {
  background: linear-gradient(180deg, rgba(18, 32, 46, 0.92), rgba(8, 16, 28, 0.92)), var(--asi-panel-soft); }

[data-antsand-svg-interactive] [data-svg-stage] {
  margin: 0;
  color: var(--asi-accent) !important;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.10em;
  text-transform: uppercase; }

[data-antsand-svg-interactive] [data-svg-headline] {
  margin: 0.25rem 0 0.55rem;
  color: var(--asi-heading-text) !important;
  font-size: 1.05rem;
  font-weight: 850;
  line-height: 1.25; }

[data-antsand-svg-interactive] [data-svg-copy] {
  margin: 0;
  color: var(--asi-body-text) !important;
  font-size: 0.84rem;
  line-height: 1.55; }

svg-interactive-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem; }

svg-interactive-stat {
  border: 1px solid color-mix(in srgb, var(--asi-accent) 18%, transparent);
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.25);
  padding: 0.85rem; }

svg-interactive-stat strong {
  display: block;
  color: var(--asi-stat-text) !important;
  font-size: 1.08rem;
  line-height: 1; }

svg-interactive-stat span {
  display: block;
  margin-top: 0.25rem;
  color: var(--asi-body-text) !important;
  font-size: 0.78rem; }

svg-interactive-code pre {
  margin: 0;
  white-space: pre-wrap;
  color: var(--asi-code-text) !important;
  font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;
  font-size: 0.72rem;
  line-height: 1.48; }

[data-antsand-svg-interactive] svg text {
  fill-opacity: 0.94; }

[data-antsand-svg-interactive] [data-svg-node].is-active text,
[data-antsand-svg-interactive] [data-svg-block].is-active text,
[data-antsand-svg-interactive] [data-svg-zone].is-active text,
[data-antsand-svg-interactive] [data-svg-node].is-done text,
[data-antsand-svg-interactive] [data-svg-block].is-done text,
[data-antsand-svg-interactive] [data-svg-zone].is-done text {
  fill-opacity: 1; }

[data-svg-node],
[data-svg-block],
[data-svg-zone] {
  cursor: pointer;
  opacity: 0.34;
  transition: opacity 220ms ease, filter 220ms ease; }

[data-svg-node]:hover,
[data-svg-block]:hover,
[data-svg-zone]:hover {
  opacity: 0.82; }

[data-svg-node].is-done,
[data-svg-block].is-done,
[data-svg-zone].is-done {
  opacity: 0.70; }

[data-svg-node].is-active,
[data-svg-block].is-active,
[data-svg-zone].is-active {
  opacity: 1;
  filter: drop-shadow(0 4px 14px rgba(94, 234, 212, 0.18)); }

[data-svg-node] text,
[data-svg-block] text,
[data-svg-zone] text {
  pointer-events: none; }

[data-svg-connector],
[data-svg-arrow] {
  opacity: 0.16;
  transition: opacity 220ms ease; }

[data-svg-connector].is-done,
[data-svg-connector].is-active,
[data-svg-arrow].is-done,
[data-svg-arrow].is-active {
  opacity: 1; }

[data-svg-connector].is-active,
[data-svg-arrow].is-active {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation: antsand-svg-trace 600ms ease forwards; }

@keyframes antsand-svg-trace {
  to {
    stroke-dashoffset: 0; } }

[data-svg-bump] {
  transition: width 420ms ease; }

[data-svg-bump].is-active {
  animation: antsand-svg-bump-grow 1.2s ease forwards; }

@keyframes antsand-svg-bump-grow {
  from {
    width: 80px; }
  to {
    width: 200px; } }

.is-active .qa-nibble-cell {
  animation: antsand-svg-nibble-pulse 1.2s ease-in-out infinite; }

@keyframes antsand-svg-nibble-pulse {
  0%, 100% {
    opacity: 0.70; }
  50% {
    opacity: 1; } }

svg-interactive-tooltip {
  position: absolute;
  z-index: 10;
  max-width: 240px;
  padding: 6px 10px;
  border: 1px solid var(--asi-accent);
  border-radius: 8px;
  background: rgba(8, 16, 28, 0.96);
  color: var(--asi-muted);
  font-size: 0.75rem;
  pointer-events: none;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 180ms ease, transform 180ms ease; }

svg-interactive-tooltip.is-visible {
  opacity: 1;
  transform: translateY(0); }

[data-antsand-svg-interactive].is-fullscreen,
[data-antsand-svg-interactive]:fullscreen {
  width: 100vw;
  height: 100vh;
  max-width: none;
  margin: 0;
  border-radius: 0;
  overflow: auto;
  padding: 1.2rem; }

[data-antsand-svg-interactive].is-fullscreen {
  position: fixed;
  inset: 0;
  z-index: 2147483000; }

body.svg-interactive-fullscreen-open {
  overflow: hidden; }

[data-antsand-svg-interactive].is-fullscreen svg-interactive-header,
[data-antsand-svg-interactive].is-fullscreen svg-interactive-body,
[data-antsand-svg-interactive]:fullscreen svg-interactive-header,
[data-antsand-svg-interactive]:fullscreen svg-interactive-body {
  max-width: 1500px;
  margin-inline: auto; }

[data-antsand-svg-interactive].is-fullscreen svg-interactive-body,
[data-antsand-svg-interactive]:fullscreen svg-interactive-body {
  grid-template-columns: minmax(0, 1.7fr) minmax(360px, 0.8fr); }

[data-antsand-svg-interactive].is-fullscreen svg-interactive-canvas,
[data-antsand-svg-interactive]:fullscreen svg-interactive-canvas {
  min-height: 68vh; }

[data-antsand-svg-interactive].is-fullscreen svg-interactive-canvas svg,
[data-antsand-svg-interactive]:fullscreen svg-interactive-canvas svg {
  width: 100%;
  min-height: 68vh; }

[data-antsand-svg-interactive][data-svg-layout="portrait"].is-fullscreen svg-interactive-canvas svg,
[data-antsand-svg-interactive][data-svg-layout="portrait"]:fullscreen svg-interactive-canvas svg {
  width: min(100%, 480px);
  min-height: 0;
  margin-inline: auto; }

@media (max-width: 1100px) {
  [data-antsand-svg-interactive] {
    width: min(100%, calc(100vw - 1.25rem));
    margin-left: auto;
    margin-right: auto; }
  svg-interactive-body {
    grid-template-columns: 1fr; } }

@media (max-width: 760px) {
  [data-antsand-svg-interactive] {
    width: min(100%, calc(100vw - 0.75rem));
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
    border-radius: 18px; }
  svg-interactive-header,
  svg-interactive-body {
    grid-template-columns: 1fr; }
  svg-interactive-header {
    padding: 1rem 1rem 0.5rem; }
  svg-interactive-title h3,
  [data-antsand-svg-interactive] h3 {
    font-size: clamp(1.05rem, 6vw, 1.35rem); }
  svg-interactive-title p {
    font-size: 0.82rem;
    line-height: 1.45; }
  svg-interactive-controls {
    justify-content: flex-start; }
  svg-interactive-controls button:not([data-svg-action="fullscreen"]) {
    display: none; }
  svg-interactive-controls button[data-svg-action="fullscreen"] {
    width: 100%;
    justify-content: center;
    padding-block: 0.7rem; }
  svg-interactive-body {
    padding: 0.75rem 1rem 1rem; }
  svg-interactive-static.display-mobile {
    width: min(100%, calc(100vw - 0.75rem));
    margin: 1.6rem auto;
    padding: 0.55rem;
    border-radius: 18px; }
  svg-interactive-static.display-mobile img {
    border-radius: 16px; }
  svg-interactive-canvas {
    align-items: start;
    min-height: auto;
    max-height: 62vh;
    -webkit-overflow-scrolling: touch; }
  svg-interactive-canvas::before {
    content: "Static mobile view. Tap Fullscreen for the interactive walkthrough.";
    position: sticky;
    top: 0;
    z-index: 2;
    display: block;
    padding: 0.55rem 0.75rem;
    border-bottom: 1px solid var(--asi-border-soft);
    background: rgba(8, 16, 28, 0.92);
    color: var(--asi-muted);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.02em; }
  [data-svg-theme="light"] svg-interactive-canvas::before {
    background: rgba(248, 250, 252, 0.94); }
  svg-interactive-canvas svg {
    width: max(100%, var(--asi-mobile-svg-min-width));
    min-height: 0; }
  svg-interactive-panel {
    display: none; }
  [data-svg-node],
  [data-svg-block],
  [data-svg-zone],
  [data-svg-connector],
  [data-svg-arrow] {
    opacity: 1; }
  [data-antsand-svg-interactive].is-fullscreen svg-interactive-controls button,
  [data-antsand-svg-interactive]:fullscreen svg-interactive-controls button {
    display: inline-flex;
    width: auto; }
  [data-antsand-svg-interactive].is-fullscreen svg-interactive-panel,
  [data-antsand-svg-interactive]:fullscreen svg-interactive-panel {
    display: grid; }
  [data-antsand-svg-interactive].is-fullscreen svg-interactive-canvas,
  [data-antsand-svg-interactive]:fullscreen svg-interactive-canvas {
    max-height: none; }
  [data-antsand-svg-interactive].is-fullscreen svg-interactive-canvas::before,
  [data-antsand-svg-interactive]:fullscreen svg-interactive-canvas::before {
    display: none; } }

.hero-1, .antsand-hero-gradient {
  position: relative;
  min-height: 70vh;
  display: flex;
  align-items: center;
  padding: 6rem 0;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white; }
  .hero-1 > .container, .hero-1 > .antsand-footer-grid, .antsand-hero-gradient > .container, .antsand-hero-gradient > .antsand-footer-grid {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3rem; }
    @media (min-width: 768px) {
      .hero-1 > .container, .hero-1 > .antsand-footer-grid, .antsand-hero-gradient > .container, .antsand-hero-gradient > .antsand-footer-grid {
        flex-direction: row;
        align-items: center; } }
  .hero-1 .sub-container, .hero-1 .antsand-footer-column, .hero-1 .antsand-pricing-card, .hero-1 .antsand-feature-item, .antsand-hero-gradient .sub-container, .antsand-hero-gradient .antsand-footer-column, .antsand-hero-gradient .antsand-pricing-card, .antsand-hero-gradient .antsand-feature-item {
    flex: 1; }
    .hero-1 .sub-container .eyebrow, .hero-1 .antsand-footer-column .eyebrow, .hero-1 .antsand-pricing-card .eyebrow, .hero-1 .antsand-feature-item .eyebrow, .antsand-hero-gradient .sub-container .eyebrow, .antsand-hero-gradient .antsand-footer-column .eyebrow, .antsand-hero-gradient .antsand-pricing-card .eyebrow, .antsand-hero-gradient .antsand-feature-item .eyebrow {
      font-size: 0.875rem;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      margin-bottom: 0.5rem;
      font-weight: 500; }
    .hero-1 .sub-container .title, .hero-1 .antsand-footer-column .title, .hero-1 .antsand-pricing-card .title, .hero-1 .sub-container .antsand-feature-title, .hero-1 .antsand-footer-column .antsand-feature-title, .hero-1 .antsand-pricing-card .antsand-feature-title, .hero-1 .antsand-feature-item .title, .hero-1 .antsand-feature-item .antsand-feature-title, .hero-1 .sub-container .antsand-hero-title, .hero-1 .antsand-footer-column .antsand-hero-title, .hero-1 .antsand-pricing-card .antsand-hero-title, .hero-1 .antsand-feature-item .antsand-hero-title, .antsand-hero-gradient .sub-container .title, .antsand-hero-gradient .antsand-footer-column .title, .antsand-hero-gradient .antsand-pricing-card .title, .antsand-hero-gradient .sub-container .antsand-feature-title, .antsand-hero-gradient .antsand-footer-column .antsand-feature-title, .antsand-hero-gradient .antsand-pricing-card .antsand-feature-title, .antsand-hero-gradient .antsand-feature-item .title, .antsand-hero-gradient .antsand-feature-item .antsand-feature-title, .antsand-hero-gradient .sub-container .antsand-hero-title, .antsand-hero-gradient .antsand-footer-column .antsand-hero-title, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-title, .antsand-hero-gradient .antsand-feature-item .antsand-hero-title {
      font-size: 2rem;
      font-weight: 700;
      line-height: 1.25;
      margin-bottom: 1.5rem; }
      @media (min-width: 768px) {
        .hero-1 .sub-container .title, .hero-1 .antsand-footer-column .title, .hero-1 .antsand-pricing-card .title, .hero-1 .sub-container .antsand-feature-title, .hero-1 .antsand-footer-column .antsand-feature-title, .hero-1 .antsand-pricing-card .antsand-feature-title, .hero-1 .antsand-feature-item .title, .hero-1 .antsand-feature-item .antsand-feature-title, .hero-1 .sub-container .antsand-hero-title, .hero-1 .antsand-footer-column .antsand-hero-title, .hero-1 .antsand-pricing-card .antsand-hero-title, .hero-1 .antsand-feature-item .antsand-hero-title, .antsand-hero-gradient .sub-container .title, .antsand-hero-gradient .antsand-footer-column .title, .antsand-hero-gradient .antsand-pricing-card .title, .antsand-hero-gradient .sub-container .antsand-feature-title, .antsand-hero-gradient .antsand-footer-column .antsand-feature-title, .antsand-hero-gradient .antsand-pricing-card .antsand-feature-title, .antsand-hero-gradient .antsand-feature-item .title, .antsand-hero-gradient .antsand-feature-item .antsand-feature-title, .antsand-hero-gradient .sub-container .antsand-hero-title, .antsand-hero-gradient .antsand-footer-column .antsand-hero-title, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-title, .antsand-hero-gradient .antsand-feature-item .antsand-hero-title {
          font-size: 2.5rem; } }
      @media (min-width: 1024px) {
        .hero-1 .sub-container .title, .hero-1 .antsand-footer-column .title, .hero-1 .antsand-pricing-card .title, .hero-1 .sub-container .antsand-feature-title, .hero-1 .antsand-footer-column .antsand-feature-title, .hero-1 .antsand-pricing-card .antsand-feature-title, .hero-1 .antsand-feature-item .title, .hero-1 .antsand-feature-item .antsand-feature-title, .hero-1 .sub-container .antsand-hero-title, .hero-1 .antsand-footer-column .antsand-hero-title, .hero-1 .antsand-pricing-card .antsand-hero-title, .hero-1 .antsand-feature-item .antsand-hero-title, .antsand-hero-gradient .sub-container .title, .antsand-hero-gradient .antsand-footer-column .title, .antsand-hero-gradient .antsand-pricing-card .title, .antsand-hero-gradient .sub-container .antsand-feature-title, .antsand-hero-gradient .antsand-footer-column .antsand-feature-title, .antsand-hero-gradient .antsand-pricing-card .antsand-feature-title, .antsand-hero-gradient .antsand-feature-item .title, .antsand-hero-gradient .antsand-feature-item .antsand-feature-title, .antsand-hero-gradient .sub-container .antsand-hero-title, .antsand-hero-gradient .antsand-footer-column .antsand-hero-title, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-title, .antsand-hero-gradient .antsand-feature-item .antsand-hero-title {
          font-size: 3rem; } }
    .hero-1 .sub-container .description, .hero-1 .antsand-footer-column .description, .hero-1 .antsand-pricing-card .description, .hero-1 .sub-container .antsand-feature-desc, .hero-1 .antsand-footer-column .antsand-feature-desc, .hero-1 .antsand-pricing-card .antsand-feature-desc, .hero-1 .antsand-feature-item .description, .hero-1 .antsand-feature-item .antsand-feature-desc, .hero-1 .sub-container .antsand-hero-subtitle, .hero-1 .antsand-footer-column .antsand-hero-subtitle, .hero-1 .antsand-pricing-card .antsand-hero-subtitle, .hero-1 .antsand-feature-item .antsand-hero-subtitle, .antsand-hero-gradient .sub-container .description, .antsand-hero-gradient .antsand-footer-column .description, .antsand-hero-gradient .antsand-pricing-card .description, .antsand-hero-gradient .sub-container .antsand-feature-desc, .antsand-hero-gradient .antsand-footer-column .antsand-feature-desc, .antsand-hero-gradient .antsand-pricing-card .antsand-feature-desc, .antsand-hero-gradient .antsand-feature-item .description, .antsand-hero-gradient .antsand-feature-item .antsand-feature-desc, .antsand-hero-gradient .sub-container .antsand-hero-subtitle, .antsand-hero-gradient .antsand-footer-column .antsand-hero-subtitle, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-subtitle, .antsand-hero-gradient .antsand-feature-item .antsand-hero-subtitle {
      font-size: 1.125rem;
      line-height: 1.75;
      margin-bottom: 2rem;
      max-width: 540px; }
      @media (min-width: 768px) {
        .hero-1 .sub-container .description, .hero-1 .antsand-footer-column .description, .hero-1 .antsand-pricing-card .description, .hero-1 .sub-container .antsand-feature-desc, .hero-1 .antsand-footer-column .antsand-feature-desc, .hero-1 .antsand-pricing-card .antsand-feature-desc, .hero-1 .antsand-feature-item .description, .hero-1 .antsand-feature-item .antsand-feature-desc, .hero-1 .sub-container .antsand-hero-subtitle, .hero-1 .antsand-footer-column .antsand-hero-subtitle, .hero-1 .antsand-pricing-card .antsand-hero-subtitle, .hero-1 .antsand-feature-item .antsand-hero-subtitle, .antsand-hero-gradient .sub-container .description, .antsand-hero-gradient .antsand-footer-column .description, .antsand-hero-gradient .antsand-pricing-card .description, .antsand-hero-gradient .sub-container .antsand-feature-desc, .antsand-hero-gradient .antsand-footer-column .antsand-feature-desc, .antsand-hero-gradient .antsand-pricing-card .antsand-feature-desc, .antsand-hero-gradient .antsand-feature-item .description, .antsand-hero-gradient .antsand-feature-item .antsand-feature-desc, .antsand-hero-gradient .sub-container .antsand-hero-subtitle, .antsand-hero-gradient .antsand-footer-column .antsand-hero-subtitle, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-subtitle, .antsand-hero-gradient .antsand-feature-item .antsand-hero-subtitle {
          font-size: 1.25rem; } }
    .hero-1 .sub-container .cta-container, .hero-1 .antsand-footer-column .cta-container, .hero-1 .antsand-pricing-card .cta-container, .hero-1 .antsand-feature-item .cta-container, .hero-1 .sub-container .antsand-hero-cta, .hero-1 .antsand-footer-column .antsand-hero-cta, .hero-1 .antsand-pricing-card .antsand-hero-cta, .hero-1 .antsand-feature-item .antsand-hero-cta, .antsand-hero-gradient .sub-container .cta-container, .antsand-hero-gradient .antsand-footer-column .cta-container, .antsand-hero-gradient .antsand-pricing-card .cta-container, .antsand-hero-gradient .antsand-feature-item .cta-container, .antsand-hero-gradient .sub-container .antsand-hero-cta, .antsand-hero-gradient .antsand-footer-column .antsand-hero-cta, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-cta, .antsand-hero-gradient .antsand-feature-item .antsand-hero-cta {
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
      margin-top: 1.5rem; }
      .hero-1 .sub-container .cta-container .cta, .hero-1 .antsand-footer-column .cta-container .cta, .hero-1 .sub-container .cta-container .antsand-pricing-cta, .hero-1 .antsand-footer-column .cta-container .antsand-pricing-cta, .hero-1 .antsand-pricing-card .cta-container .cta, .hero-1 .antsand-pricing-card .cta-container .antsand-pricing-cta, .hero-1 .antsand-feature-item .cta-container .cta, .hero-1 .antsand-feature-item .cta-container .antsand-pricing-cta, .hero-1 .sub-container .antsand-hero-cta .cta, .hero-1 .antsand-footer-column .antsand-hero-cta .cta, .hero-1 .sub-container .antsand-hero-cta .antsand-pricing-cta, .hero-1 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .hero-1 .antsand-pricing-card .antsand-hero-cta .cta, .hero-1 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .hero-1 .antsand-feature-item .antsand-hero-cta .cta, .hero-1 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-gradient .sub-container .cta-container .cta, .antsand-hero-gradient .antsand-footer-column .cta-container .cta, .antsand-hero-gradient .sub-container .cta-container .antsand-pricing-cta, .antsand-hero-gradient .antsand-footer-column .cta-container .antsand-pricing-cta, .antsand-hero-gradient .antsand-pricing-card .cta-container .cta, .antsand-hero-gradient .antsand-pricing-card .cta-container .antsand-pricing-cta, .antsand-hero-gradient .antsand-feature-item .cta-container .cta, .antsand-hero-gradient .antsand-feature-item .cta-container .antsand-pricing-cta, .antsand-hero-gradient .sub-container .antsand-hero-cta .cta, .antsand-hero-gradient .antsand-footer-column .antsand-hero-cta .cta, .antsand-hero-gradient .sub-container .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-gradient .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-cta .cta, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-gradient .antsand-feature-item .antsand-hero-cta .cta, .antsand-hero-gradient .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 1rem 2rem;
        border-radius: 0.5rem;
        font-weight: 600;
        text-decoration: none;
        transition: all 250ms ease;
        cursor: pointer;
        border: none; }
    .hero-1 .sub-container .img-container img, .hero-1 .antsand-footer-column .img-container img, .hero-1 .antsand-pricing-card .img-container img, .hero-1 .antsand-feature-item .img-container img, .hero-1 .sub-container .antsand-hero-image img, .hero-1 .antsand-footer-column .antsand-hero-image img, .hero-1 .antsand-pricing-card .antsand-hero-image img, .hero-1 .antsand-feature-item .antsand-hero-image img, .antsand-hero-gradient .sub-container .img-container img, .antsand-hero-gradient .antsand-footer-column .img-container img, .antsand-hero-gradient .antsand-pricing-card .img-container img, .antsand-hero-gradient .antsand-feature-item .img-container img, .antsand-hero-gradient .sub-container .antsand-hero-image img, .antsand-hero-gradient .antsand-footer-column .antsand-hero-image img, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-image img, .antsand-hero-gradient .antsand-feature-item .antsand-hero-image img {
      max-width: 100%;
      height: auto;
      border-radius: 0.75rem; }
  @media (max-width: 767px) {
    .hero-1, .antsand-hero-gradient {
      text-align: center; }
      .hero-1 .sub-container .description, .hero-1 .antsand-footer-column .description, .hero-1 .antsand-pricing-card .description, .hero-1 .sub-container .antsand-feature-desc, .hero-1 .antsand-footer-column .antsand-feature-desc, .hero-1 .antsand-pricing-card .antsand-feature-desc, .hero-1 .antsand-feature-item .description, .hero-1 .antsand-feature-item .antsand-feature-desc, .hero-1 .sub-container .antsand-hero-subtitle, .hero-1 .antsand-footer-column .antsand-hero-subtitle, .hero-1 .antsand-pricing-card .antsand-hero-subtitle, .hero-1 .antsand-feature-item .antsand-hero-subtitle, .antsand-hero-gradient .sub-container .description, .antsand-hero-gradient .antsand-footer-column .description, .antsand-hero-gradient .antsand-pricing-card .description, .antsand-hero-gradient .sub-container .antsand-feature-desc, .antsand-hero-gradient .antsand-footer-column .antsand-feature-desc, .antsand-hero-gradient .antsand-pricing-card .antsand-feature-desc, .antsand-hero-gradient .antsand-feature-item .description, .antsand-hero-gradient .antsand-feature-item .antsand-feature-desc, .antsand-hero-gradient .sub-container .antsand-hero-subtitle, .antsand-hero-gradient .antsand-footer-column .antsand-hero-subtitle, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-subtitle, .antsand-hero-gradient .antsand-feature-item .antsand-hero-subtitle {
        margin-left: auto;
        margin-right: auto; }
      .hero-1 .sub-container .cta-container, .hero-1 .antsand-footer-column .cta-container, .hero-1 .antsand-pricing-card .cta-container, .hero-1 .antsand-feature-item .cta-container, .hero-1 .sub-container .antsand-hero-cta, .hero-1 .antsand-footer-column .antsand-hero-cta, .hero-1 .antsand-pricing-card .antsand-hero-cta, .hero-1 .antsand-feature-item .antsand-hero-cta, .antsand-hero-gradient .sub-container .cta-container, .antsand-hero-gradient .antsand-footer-column .cta-container, .antsand-hero-gradient .antsand-pricing-card .cta-container, .antsand-hero-gradient .antsand-feature-item .cta-container, .antsand-hero-gradient .sub-container .antsand-hero-cta, .antsand-hero-gradient .antsand-footer-column .antsand-hero-cta, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-cta, .antsand-hero-gradient .antsand-feature-item .antsand-hero-cta {
        justify-content: center; } }
  .hero-1 .sub-container .eyebrow, .hero-1 .antsand-footer-column .eyebrow, .hero-1 .antsand-pricing-card .eyebrow, .hero-1 .antsand-feature-item .eyebrow, .antsand-hero-gradient .sub-container .eyebrow, .antsand-hero-gradient .antsand-footer-column .eyebrow, .antsand-hero-gradient .antsand-pricing-card .eyebrow, .antsand-hero-gradient .antsand-feature-item .eyebrow {
    color: rgba(255, 255, 255, 0.7); }
  .hero-1 .sub-container .title, .hero-1 .antsand-footer-column .title, .hero-1 .antsand-pricing-card .title, .hero-1 .sub-container .antsand-feature-title, .hero-1 .antsand-footer-column .antsand-feature-title, .hero-1 .antsand-pricing-card .antsand-feature-title, .hero-1 .antsand-feature-item .title, .hero-1 .antsand-feature-item .antsand-feature-title, .hero-1 .sub-container .antsand-hero-title, .hero-1 .antsand-footer-column .antsand-hero-title, .hero-1 .antsand-pricing-card .antsand-hero-title, .hero-1 .antsand-feature-item .antsand-hero-title, .antsand-hero-gradient .sub-container .title, .antsand-hero-gradient .antsand-footer-column .title, .antsand-hero-gradient .antsand-pricing-card .title, .antsand-hero-gradient .sub-container .antsand-feature-title, .antsand-hero-gradient .antsand-footer-column .antsand-feature-title, .antsand-hero-gradient .antsand-pricing-card .antsand-feature-title, .antsand-hero-gradient .antsand-feature-item .title, .antsand-hero-gradient .antsand-feature-item .antsand-feature-title, .antsand-hero-gradient .sub-container .antsand-hero-title, .antsand-hero-gradient .antsand-footer-column .antsand-hero-title, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-title, .antsand-hero-gradient .antsand-feature-item .antsand-hero-title {
    color: white; }
  .hero-1 .sub-container .description, .hero-1 .antsand-footer-column .description, .hero-1 .antsand-pricing-card .description, .hero-1 .sub-container .antsand-feature-desc, .hero-1 .antsand-footer-column .antsand-feature-desc, .hero-1 .antsand-pricing-card .antsand-feature-desc, .hero-1 .antsand-feature-item .description, .hero-1 .antsand-feature-item .antsand-feature-desc, .hero-1 .sub-container .antsand-hero-subtitle, .hero-1 .antsand-footer-column .antsand-hero-subtitle, .hero-1 .antsand-pricing-card .antsand-hero-subtitle, .hero-1 .antsand-feature-item .antsand-hero-subtitle, .antsand-hero-gradient .sub-container .description, .antsand-hero-gradient .antsand-footer-column .description, .antsand-hero-gradient .antsand-pricing-card .description, .antsand-hero-gradient .sub-container .antsand-feature-desc, .antsand-hero-gradient .antsand-footer-column .antsand-feature-desc, .antsand-hero-gradient .antsand-pricing-card .antsand-feature-desc, .antsand-hero-gradient .antsand-feature-item .description, .antsand-hero-gradient .antsand-feature-item .antsand-feature-desc, .antsand-hero-gradient .sub-container .antsand-hero-subtitle, .antsand-hero-gradient .antsand-footer-column .antsand-hero-subtitle, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-subtitle, .antsand-hero-gradient .antsand-feature-item .antsand-hero-subtitle {
    color: rgba(255, 255, 255, 0.85); }
  .hero-1 .sub-container .cta-container .cta, .hero-1 .antsand-footer-column .cta-container .cta, .hero-1 .sub-container .cta-container .antsand-pricing-cta, .hero-1 .antsand-footer-column .cta-container .antsand-pricing-cta, .hero-1 .antsand-pricing-card .cta-container .cta, .hero-1 .antsand-pricing-card .cta-container .antsand-pricing-cta, .hero-1 .antsand-feature-item .cta-container .cta, .hero-1 .antsand-feature-item .cta-container .antsand-pricing-cta, .hero-1 .sub-container .antsand-hero-cta .cta, .hero-1 .antsand-footer-column .antsand-hero-cta .cta, .hero-1 .sub-container .antsand-hero-cta .antsand-pricing-cta, .hero-1 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .hero-1 .antsand-pricing-card .antsand-hero-cta .cta, .hero-1 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .hero-1 .antsand-feature-item .antsand-hero-cta .cta, .hero-1 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-gradient .sub-container .cta-container .cta, .antsand-hero-gradient .antsand-footer-column .cta-container .cta, .antsand-hero-gradient .sub-container .cta-container .antsand-pricing-cta, .antsand-hero-gradient .antsand-footer-column .cta-container .antsand-pricing-cta, .antsand-hero-gradient .antsand-pricing-card .cta-container .cta, .antsand-hero-gradient .antsand-pricing-card .cta-container .antsand-pricing-cta, .antsand-hero-gradient .antsand-feature-item .cta-container .cta, .antsand-hero-gradient .antsand-feature-item .cta-container .antsand-pricing-cta, .antsand-hero-gradient .sub-container .antsand-hero-cta .cta, .antsand-hero-gradient .antsand-footer-column .antsand-hero-cta .cta, .antsand-hero-gradient .sub-container .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-gradient .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-cta .cta, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-gradient .antsand-feature-item .antsand-hero-cta .cta, .antsand-hero-gradient .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta {
    background: white;
    color: #764ba2; }
    .hero-1 .sub-container .cta-container .cta:hover, .hero-1 .antsand-footer-column .cta-container .cta:hover, .hero-1 .sub-container .cta-container .antsand-pricing-cta:hover, .hero-1 .antsand-footer-column .cta-container .antsand-pricing-cta:hover, .hero-1 .antsand-pricing-card .cta-container .cta:hover, .hero-1 .antsand-pricing-card .cta-container .antsand-pricing-cta:hover, .hero-1 .antsand-feature-item .cta-container .cta:hover, .hero-1 .antsand-feature-item .cta-container .antsand-pricing-cta:hover, .hero-1 .sub-container .antsand-hero-cta .cta:hover, .hero-1 .antsand-footer-column .antsand-hero-cta .cta:hover, .hero-1 .sub-container .antsand-hero-cta .antsand-pricing-cta:hover, .hero-1 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta:hover, .hero-1 .antsand-pricing-card .antsand-hero-cta .cta:hover, .hero-1 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta:hover, .hero-1 .antsand-feature-item .antsand-hero-cta .cta:hover, .hero-1 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta:hover, .antsand-hero-gradient .sub-container .cta-container .cta:hover, .antsand-hero-gradient .antsand-footer-column .cta-container .cta:hover, .antsand-hero-gradient .sub-container .cta-container .antsand-pricing-cta:hover, .antsand-hero-gradient .antsand-footer-column .cta-container .antsand-pricing-cta:hover, .antsand-hero-gradient .antsand-pricing-card .cta-container .cta:hover, .antsand-hero-gradient .antsand-pricing-card .cta-container .antsand-pricing-cta:hover, .antsand-hero-gradient .antsand-feature-item .cta-container .cta:hover, .antsand-hero-gradient .antsand-feature-item .cta-container .antsand-pricing-cta:hover, .antsand-hero-gradient .sub-container .antsand-hero-cta .cta:hover, .antsand-hero-gradient .antsand-footer-column .antsand-hero-cta .cta:hover, .antsand-hero-gradient .sub-container .antsand-hero-cta .antsand-pricing-cta:hover, .antsand-hero-gradient .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta:hover, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-cta .cta:hover, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta:hover, .antsand-hero-gradient .antsand-feature-item .antsand-hero-cta .cta:hover, .antsand-hero-gradient .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta:hover {
      background: rgba(255, 255, 255, 0.9);
      transform: translateY(-2px);
      box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }
    .hero-1 .sub-container .cta-container .cta.cta-secondary, .hero-1 .antsand-footer-column .cta-container .cta.cta-secondary, .hero-1 .sub-container .cta-container .cta-secondary.antsand-pricing-cta, .hero-1 .antsand-footer-column .cta-container .cta-secondary.antsand-pricing-cta, .hero-1 .antsand-pricing-card .cta-container .cta.cta-secondary, .hero-1 .antsand-pricing-card .cta-container .cta-secondary.antsand-pricing-cta, .hero-1 .antsand-feature-item .cta-container .cta.cta-secondary, .hero-1 .antsand-feature-item .cta-container .cta-secondary.antsand-pricing-cta, .hero-1 .sub-container .antsand-hero-cta .cta.cta-secondary, .hero-1 .antsand-footer-column .antsand-hero-cta .cta.cta-secondary, .hero-1 .sub-container .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .hero-1 .antsand-footer-column .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .hero-1 .antsand-pricing-card .antsand-hero-cta .cta.cta-secondary, .hero-1 .antsand-pricing-card .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .hero-1 .antsand-feature-item .antsand-hero-cta .cta.cta-secondary, .hero-1 .antsand-feature-item .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .antsand-hero-gradient .sub-container .cta-container .cta.cta-secondary, .antsand-hero-gradient .antsand-footer-column .cta-container .cta.cta-secondary, .antsand-hero-gradient .sub-container .cta-container .cta-secondary.antsand-pricing-cta, .antsand-hero-gradient .antsand-footer-column .cta-container .cta-secondary.antsand-pricing-cta, .antsand-hero-gradient .antsand-pricing-card .cta-container .cta.cta-secondary, .antsand-hero-gradient .antsand-pricing-card .cta-container .cta-secondary.antsand-pricing-cta, .antsand-hero-gradient .antsand-feature-item .cta-container .cta.cta-secondary, .antsand-hero-gradient .antsand-feature-item .cta-container .cta-secondary.antsand-pricing-cta, .antsand-hero-gradient .sub-container .antsand-hero-cta .cta.cta-secondary, .antsand-hero-gradient .antsand-footer-column .antsand-hero-cta .cta.cta-secondary, .antsand-hero-gradient .sub-container .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .antsand-hero-gradient .antsand-footer-column .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-cta .cta.cta-secondary, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .antsand-hero-gradient .antsand-feature-item .antsand-hero-cta .cta.cta-secondary, .antsand-hero-gradient .antsand-feature-item .antsand-hero-cta .cta-secondary.antsand-pricing-cta {
      background: transparent;
      color: white;
      border: 2px solid rgba(255, 255, 255, 0.5); }
      .hero-1 .sub-container .cta-container .cta.cta-secondary:hover, .hero-1 .antsand-footer-column .cta-container .cta.cta-secondary:hover, .hero-1 .sub-container .cta-container .cta-secondary.antsand-pricing-cta:hover, .hero-1 .antsand-footer-column .cta-container .cta-secondary.antsand-pricing-cta:hover, .hero-1 .antsand-pricing-card .cta-container .cta.cta-secondary:hover, .hero-1 .antsand-pricing-card .cta-container .cta-secondary.antsand-pricing-cta:hover, .hero-1 .antsand-feature-item .cta-container .cta.cta-secondary:hover, .hero-1 .antsand-feature-item .cta-container .cta-secondary.antsand-pricing-cta:hover, .hero-1 .sub-container .antsand-hero-cta .cta.cta-secondary:hover, .hero-1 .antsand-footer-column .antsand-hero-cta .cta.cta-secondary:hover, .hero-1 .sub-container .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .hero-1 .antsand-footer-column .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .hero-1 .antsand-pricing-card .antsand-hero-cta .cta.cta-secondary:hover, .hero-1 .antsand-pricing-card .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .hero-1 .antsand-feature-item .antsand-hero-cta .cta.cta-secondary:hover, .hero-1 .antsand-feature-item .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-gradient .sub-container .cta-container .cta.cta-secondary:hover, .antsand-hero-gradient .antsand-footer-column .cta-container .cta.cta-secondary:hover, .antsand-hero-gradient .sub-container .cta-container .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-gradient .antsand-footer-column .cta-container .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-gradient .antsand-pricing-card .cta-container .cta.cta-secondary:hover, .antsand-hero-gradient .antsand-pricing-card .cta-container .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-gradient .antsand-feature-item .cta-container .cta.cta-secondary:hover, .antsand-hero-gradient .antsand-feature-item .cta-container .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-gradient .sub-container .antsand-hero-cta .cta.cta-secondary:hover, .antsand-hero-gradient .antsand-footer-column .antsand-hero-cta .cta.cta-secondary:hover, .antsand-hero-gradient .sub-container .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-gradient .antsand-footer-column .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-cta .cta.cta-secondary:hover, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-gradient .antsand-feature-item .antsand-hero-cta .cta.cta-secondary:hover, .antsand-hero-gradient .antsand-feature-item .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover {
        border-color: white;
        background: rgba(255, 255, 255, 0.1); }
  .hero-1 .sub-container .img-container img, .hero-1 .antsand-footer-column .img-container img, .hero-1 .antsand-pricing-card .img-container img, .hero-1 .antsand-feature-item .img-container img, .hero-1 .sub-container .antsand-hero-image img, .hero-1 .antsand-footer-column .antsand-hero-image img, .hero-1 .antsand-pricing-card .antsand-hero-image img, .hero-1 .antsand-feature-item .antsand-hero-image img, .antsand-hero-gradient .sub-container .img-container img, .antsand-hero-gradient .antsand-footer-column .img-container img, .antsand-hero-gradient .antsand-pricing-card .img-container img, .antsand-hero-gradient .antsand-feature-item .img-container img, .antsand-hero-gradient .sub-container .antsand-hero-image img, .antsand-hero-gradient .antsand-footer-column .antsand-hero-image img, .antsand-hero-gradient .antsand-pricing-card .antsand-hero-image img, .antsand-hero-gradient .antsand-feature-item .antsand-hero-image img {
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25); }

.hero-2, .antsand-hero-split, .antsand-hero {
  position: relative;
  min-height: 70vh;
  display: flex;
  align-items: center;
  padding: 6rem 0;
  background: #f9fafb;
  color: #212529; }
  .hero-2 > .container, .hero-2 > .antsand-footer-grid, .antsand-hero-split > .container, .antsand-hero-split > .antsand-footer-grid, .antsand-hero > .container, .antsand-hero > .antsand-footer-grid {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3rem; }
    @media (min-width: 768px) {
      .hero-2 > .container, .hero-2 > .antsand-footer-grid, .antsand-hero-split > .container, .antsand-hero-split > .antsand-footer-grid, .antsand-hero > .container, .antsand-hero > .antsand-footer-grid {
        flex-direction: row;
        align-items: center; } }
  .hero-2 .sub-container, .hero-2 .antsand-footer-column, .hero-2 .antsand-pricing-card, .hero-2 .antsand-feature-item, .antsand-hero-split .sub-container, .antsand-hero-split .antsand-footer-column, .antsand-hero-split .antsand-pricing-card, .antsand-hero-split .antsand-feature-item, .antsand-hero .sub-container, .antsand-hero .antsand-footer-column, .antsand-hero .antsand-pricing-card, .antsand-hero .antsand-feature-item {
    flex: 1; }
    .hero-2 .sub-container .eyebrow, .hero-2 .antsand-footer-column .eyebrow, .hero-2 .antsand-pricing-card .eyebrow, .hero-2 .antsand-feature-item .eyebrow, .antsand-hero-split .sub-container .eyebrow, .antsand-hero-split .antsand-footer-column .eyebrow, .antsand-hero-split .antsand-pricing-card .eyebrow, .antsand-hero-split .antsand-feature-item .eyebrow, .antsand-hero .sub-container .eyebrow, .antsand-hero .antsand-footer-column .eyebrow, .antsand-hero .antsand-pricing-card .eyebrow, .antsand-hero .antsand-feature-item .eyebrow {
      font-size: 0.875rem;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      margin-bottom: 0.5rem;
      font-weight: 500; }
    .hero-2 .sub-container .title, .hero-2 .antsand-footer-column .title, .hero-2 .antsand-pricing-card .title, .hero-2 .sub-container .antsand-feature-title, .hero-2 .antsand-footer-column .antsand-feature-title, .hero-2 .antsand-pricing-card .antsand-feature-title, .hero-2 .antsand-feature-item .title, .hero-2 .antsand-feature-item .antsand-feature-title, .hero-2 .sub-container .antsand-hero-title, .hero-2 .antsand-footer-column .antsand-hero-title, .hero-2 .antsand-pricing-card .antsand-hero-title, .hero-2 .antsand-feature-item .antsand-hero-title, .antsand-hero-split .sub-container .title, .antsand-hero-split .antsand-footer-column .title, .antsand-hero-split .antsand-pricing-card .title, .antsand-hero-split .sub-container .antsand-feature-title, .antsand-hero-split .antsand-footer-column .antsand-feature-title, .antsand-hero-split .antsand-pricing-card .antsand-feature-title, .antsand-hero-split .antsand-feature-item .title, .antsand-hero-split .antsand-feature-item .antsand-feature-title, .antsand-hero-split .sub-container .antsand-hero-title, .antsand-hero-split .antsand-footer-column .antsand-hero-title, .antsand-hero-split .antsand-pricing-card .antsand-hero-title, .antsand-hero-split .antsand-feature-item .antsand-hero-title, .antsand-hero .sub-container .title, .antsand-hero .antsand-footer-column .title, .antsand-hero .antsand-pricing-card .title, .antsand-hero .sub-container .antsand-feature-title, .antsand-hero .antsand-footer-column .antsand-feature-title, .antsand-hero .antsand-pricing-card .antsand-feature-title, .antsand-hero .antsand-feature-item .title, .antsand-hero .antsand-feature-item .antsand-feature-title, .antsand-hero .sub-container .antsand-hero-title, .antsand-hero .antsand-footer-column .antsand-hero-title, .antsand-hero .antsand-pricing-card .antsand-hero-title, .antsand-hero .antsand-feature-item .antsand-hero-title {
      font-size: 2rem;
      font-weight: 700;
      line-height: 1.25;
      margin-bottom: 1.5rem; }
      @media (min-width: 768px) {
        .hero-2 .sub-container .title, .hero-2 .antsand-footer-column .title, .hero-2 .antsand-pricing-card .title, .hero-2 .sub-container .antsand-feature-title, .hero-2 .antsand-footer-column .antsand-feature-title, .hero-2 .antsand-pricing-card .antsand-feature-title, .hero-2 .antsand-feature-item .title, .hero-2 .antsand-feature-item .antsand-feature-title, .hero-2 .sub-container .antsand-hero-title, .hero-2 .antsand-footer-column .antsand-hero-title, .hero-2 .antsand-pricing-card .antsand-hero-title, .hero-2 .antsand-feature-item .antsand-hero-title, .antsand-hero-split .sub-container .title, .antsand-hero-split .antsand-footer-column .title, .antsand-hero-split .antsand-pricing-card .title, .antsand-hero-split .sub-container .antsand-feature-title, .antsand-hero-split .antsand-footer-column .antsand-feature-title, .antsand-hero-split .antsand-pricing-card .antsand-feature-title, .antsand-hero-split .antsand-feature-item .title, .antsand-hero-split .antsand-feature-item .antsand-feature-title, .antsand-hero-split .sub-container .antsand-hero-title, .antsand-hero-split .antsand-footer-column .antsand-hero-title, .antsand-hero-split .antsand-pricing-card .antsand-hero-title, .antsand-hero-split .antsand-feature-item .antsand-hero-title, .antsand-hero .sub-container .title, .antsand-hero .antsand-footer-column .title, .antsand-hero .antsand-pricing-card .title, .antsand-hero .sub-container .antsand-feature-title, .antsand-hero .antsand-footer-column .antsand-feature-title, .antsand-hero .antsand-pricing-card .antsand-feature-title, .antsand-hero .antsand-feature-item .title, .antsand-hero .antsand-feature-item .antsand-feature-title, .antsand-hero .sub-container .antsand-hero-title, .antsand-hero .antsand-footer-column .antsand-hero-title, .antsand-hero .antsand-pricing-card .antsand-hero-title, .antsand-hero .antsand-feature-item .antsand-hero-title {
          font-size: 2.5rem; } }
      @media (min-width: 1024px) {
        .hero-2 .sub-container .title, .hero-2 .antsand-footer-column .title, .hero-2 .antsand-pricing-card .title, .hero-2 .sub-container .antsand-feature-title, .hero-2 .antsand-footer-column .antsand-feature-title, .hero-2 .antsand-pricing-card .antsand-feature-title, .hero-2 .antsand-feature-item .title, .hero-2 .antsand-feature-item .antsand-feature-title, .hero-2 .sub-container .antsand-hero-title, .hero-2 .antsand-footer-column .antsand-hero-title, .hero-2 .antsand-pricing-card .antsand-hero-title, .hero-2 .antsand-feature-item .antsand-hero-title, .antsand-hero-split .sub-container .title, .antsand-hero-split .antsand-footer-column .title, .antsand-hero-split .antsand-pricing-card .title, .antsand-hero-split .sub-container .antsand-feature-title, .antsand-hero-split .antsand-footer-column .antsand-feature-title, .antsand-hero-split .antsand-pricing-card .antsand-feature-title, .antsand-hero-split .antsand-feature-item .title, .antsand-hero-split .antsand-feature-item .antsand-feature-title, .antsand-hero-split .sub-container .antsand-hero-title, .antsand-hero-split .antsand-footer-column .antsand-hero-title, .antsand-hero-split .antsand-pricing-card .antsand-hero-title, .antsand-hero-split .antsand-feature-item .antsand-hero-title, .antsand-hero .sub-container .title, .antsand-hero .antsand-footer-column .title, .antsand-hero .antsand-pricing-card .title, .antsand-hero .sub-container .antsand-feature-title, .antsand-hero .antsand-footer-column .antsand-feature-title, .antsand-hero .antsand-pricing-card .antsand-feature-title, .antsand-hero .antsand-feature-item .title, .antsand-hero .antsand-feature-item .antsand-feature-title, .antsand-hero .sub-container .antsand-hero-title, .antsand-hero .antsand-footer-column .antsand-hero-title, .antsand-hero .antsand-pricing-card .antsand-hero-title, .antsand-hero .antsand-feature-item .antsand-hero-title {
          font-size: 3rem; } }
    .hero-2 .sub-container .description, .hero-2 .antsand-footer-column .description, .hero-2 .antsand-pricing-card .description, .hero-2 .sub-container .antsand-feature-desc, .hero-2 .antsand-footer-column .antsand-feature-desc, .hero-2 .antsand-pricing-card .antsand-feature-desc, .hero-2 .antsand-feature-item .description, .hero-2 .antsand-feature-item .antsand-feature-desc, .hero-2 .sub-container .antsand-hero-subtitle, .hero-2 .antsand-footer-column .antsand-hero-subtitle, .hero-2 .antsand-pricing-card .antsand-hero-subtitle, .hero-2 .antsand-feature-item .antsand-hero-subtitle, .antsand-hero-split .sub-container .description, .antsand-hero-split .antsand-footer-column .description, .antsand-hero-split .antsand-pricing-card .description, .antsand-hero-split .sub-container .antsand-feature-desc, .antsand-hero-split .antsand-footer-column .antsand-feature-desc, .antsand-hero-split .antsand-pricing-card .antsand-feature-desc, .antsand-hero-split .antsand-feature-item .description, .antsand-hero-split .antsand-feature-item .antsand-feature-desc, .antsand-hero-split .sub-container .antsand-hero-subtitle, .antsand-hero-split .antsand-footer-column .antsand-hero-subtitle, .antsand-hero-split .antsand-pricing-card .antsand-hero-subtitle, .antsand-hero-split .antsand-feature-item .antsand-hero-subtitle, .antsand-hero .sub-container .description, .antsand-hero .antsand-footer-column .description, .antsand-hero .antsand-pricing-card .description, .antsand-hero .sub-container .antsand-feature-desc, .antsand-hero .antsand-footer-column .antsand-feature-desc, .antsand-hero .antsand-pricing-card .antsand-feature-desc, .antsand-hero .antsand-feature-item .description, .antsand-hero .antsand-feature-item .antsand-feature-desc, .antsand-hero .sub-container .antsand-hero-subtitle, .antsand-hero .antsand-footer-column .antsand-hero-subtitle, .antsand-hero .antsand-pricing-card .antsand-hero-subtitle, .antsand-hero .antsand-feature-item .antsand-hero-subtitle {
      font-size: 1.125rem;
      line-height: 1.75;
      margin-bottom: 2rem;
      max-width: 540px; }
      @media (min-width: 768px) {
        .hero-2 .sub-container .description, .hero-2 .antsand-footer-column .description, .hero-2 .antsand-pricing-card .description, .hero-2 .sub-container .antsand-feature-desc, .hero-2 .antsand-footer-column .antsand-feature-desc, .hero-2 .antsand-pricing-card .antsand-feature-desc, .hero-2 .antsand-feature-item .description, .hero-2 .antsand-feature-item .antsand-feature-desc, .hero-2 .sub-container .antsand-hero-subtitle, .hero-2 .antsand-footer-column .antsand-hero-subtitle, .hero-2 .antsand-pricing-card .antsand-hero-subtitle, .hero-2 .antsand-feature-item .antsand-hero-subtitle, .antsand-hero-split .sub-container .description, .antsand-hero-split .antsand-footer-column .description, .antsand-hero-split .antsand-pricing-card .description, .antsand-hero-split .sub-container .antsand-feature-desc, .antsand-hero-split .antsand-footer-column .antsand-feature-desc, .antsand-hero-split .antsand-pricing-card .antsand-feature-desc, .antsand-hero-split .antsand-feature-item .description, .antsand-hero-split .antsand-feature-item .antsand-feature-desc, .antsand-hero-split .sub-container .antsand-hero-subtitle, .antsand-hero-split .antsand-footer-column .antsand-hero-subtitle, .antsand-hero-split .antsand-pricing-card .antsand-hero-subtitle, .antsand-hero-split .antsand-feature-item .antsand-hero-subtitle, .antsand-hero .sub-container .description, .antsand-hero .antsand-footer-column .description, .antsand-hero .antsand-pricing-card .description, .antsand-hero .sub-container .antsand-feature-desc, .antsand-hero .antsand-footer-column .antsand-feature-desc, .antsand-hero .antsand-pricing-card .antsand-feature-desc, .antsand-hero .antsand-feature-item .description, .antsand-hero .antsand-feature-item .antsand-feature-desc, .antsand-hero .sub-container .antsand-hero-subtitle, .antsand-hero .antsand-footer-column .antsand-hero-subtitle, .antsand-hero .antsand-pricing-card .antsand-hero-subtitle, .antsand-hero .antsand-feature-item .antsand-hero-subtitle {
          font-size: 1.25rem; } }
    .hero-2 .sub-container .cta-container, .hero-2 .antsand-footer-column .cta-container, .hero-2 .antsand-pricing-card .cta-container, .hero-2 .antsand-feature-item .cta-container, .hero-2 .sub-container .antsand-hero-cta, .hero-2 .antsand-footer-column .antsand-hero-cta, .hero-2 .antsand-pricing-card .antsand-hero-cta, .hero-2 .antsand-feature-item .antsand-hero-cta, .antsand-hero-split .sub-container .cta-container, .antsand-hero-split .antsand-footer-column .cta-container, .antsand-hero-split .antsand-pricing-card .cta-container, .antsand-hero-split .antsand-feature-item .cta-container, .antsand-hero-split .sub-container .antsand-hero-cta, .antsand-hero-split .antsand-footer-column .antsand-hero-cta, .antsand-hero-split .antsand-pricing-card .antsand-hero-cta, .antsand-hero-split .antsand-feature-item .antsand-hero-cta, .antsand-hero .sub-container .cta-container, .antsand-hero .antsand-footer-column .cta-container, .antsand-hero .antsand-pricing-card .cta-container, .antsand-hero .antsand-feature-item .cta-container, .antsand-hero .sub-container .antsand-hero-cta, .antsand-hero .antsand-footer-column .antsand-hero-cta, .antsand-hero .antsand-pricing-card .antsand-hero-cta, .antsand-hero .antsand-feature-item .antsand-hero-cta {
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
      margin-top: 1.5rem; }
      .hero-2 .sub-container .cta-container .cta, .hero-2 .antsand-footer-column .cta-container .cta, .hero-2 .sub-container .cta-container .antsand-pricing-cta, .hero-2 .antsand-footer-column .cta-container .antsand-pricing-cta, .hero-2 .antsand-pricing-card .cta-container .cta, .hero-2 .antsand-pricing-card .cta-container .antsand-pricing-cta, .hero-2 .antsand-feature-item .cta-container .cta, .hero-2 .antsand-feature-item .cta-container .antsand-pricing-cta, .hero-2 .sub-container .antsand-hero-cta .cta, .hero-2 .antsand-footer-column .antsand-hero-cta .cta, .hero-2 .sub-container .antsand-hero-cta .antsand-pricing-cta, .hero-2 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .hero-2 .antsand-pricing-card .antsand-hero-cta .cta, .hero-2 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .hero-2 .antsand-feature-item .antsand-hero-cta .cta, .hero-2 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-split .sub-container .cta-container .cta, .antsand-hero-split .antsand-footer-column .cta-container .cta, .antsand-hero-split .sub-container .cta-container .antsand-pricing-cta, .antsand-hero-split .antsand-footer-column .cta-container .antsand-pricing-cta, .antsand-hero-split .antsand-pricing-card .cta-container .cta, .antsand-hero-split .antsand-pricing-card .cta-container .antsand-pricing-cta, .antsand-hero-split .antsand-feature-item .cta-container .cta, .antsand-hero-split .antsand-feature-item .cta-container .antsand-pricing-cta, .antsand-hero-split .sub-container .antsand-hero-cta .cta, .antsand-hero-split .antsand-footer-column .antsand-hero-cta .cta, .antsand-hero-split .sub-container .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-split .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-split .antsand-pricing-card .antsand-hero-cta .cta, .antsand-hero-split .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-split .antsand-feature-item .antsand-hero-cta .cta, .antsand-hero-split .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta, .antsand-hero .sub-container .cta-container .cta, .antsand-hero .antsand-footer-column .cta-container .cta, .antsand-hero .sub-container .cta-container .antsand-pricing-cta, .antsand-hero .antsand-footer-column .cta-container .antsand-pricing-cta, .antsand-hero .antsand-pricing-card .cta-container .cta, .antsand-hero .antsand-pricing-card .cta-container .antsand-pricing-cta, .antsand-hero .antsand-feature-item .cta-container .cta, .antsand-hero .antsand-feature-item .cta-container .antsand-pricing-cta, .antsand-hero .sub-container .antsand-hero-cta .cta, .antsand-hero .antsand-footer-column .antsand-hero-cta .cta, .antsand-hero .sub-container .antsand-hero-cta .antsand-pricing-cta, .antsand-hero .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .antsand-hero .antsand-pricing-card .antsand-hero-cta .cta, .antsand-hero .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .antsand-hero .antsand-feature-item .antsand-hero-cta .cta, .antsand-hero .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 1rem 2rem;
        border-radius: 0.5rem;
        font-weight: 600;
        text-decoration: none;
        transition: all 250ms ease;
        cursor: pointer;
        border: none; }
    .hero-2 .sub-container .img-container img, .hero-2 .antsand-footer-column .img-container img, .hero-2 .antsand-pricing-card .img-container img, .hero-2 .antsand-feature-item .img-container img, .hero-2 .sub-container .antsand-hero-image img, .hero-2 .antsand-footer-column .antsand-hero-image img, .hero-2 .antsand-pricing-card .antsand-hero-image img, .hero-2 .antsand-feature-item .antsand-hero-image img, .antsand-hero-split .sub-container .img-container img, .antsand-hero-split .antsand-footer-column .img-container img, .antsand-hero-split .antsand-pricing-card .img-container img, .antsand-hero-split .antsand-feature-item .img-container img, .antsand-hero-split .sub-container .antsand-hero-image img, .antsand-hero-split .antsand-footer-column .antsand-hero-image img, .antsand-hero-split .antsand-pricing-card .antsand-hero-image img, .antsand-hero-split .antsand-feature-item .antsand-hero-image img, .antsand-hero .sub-container .img-container img, .antsand-hero .antsand-footer-column .img-container img, .antsand-hero .antsand-pricing-card .img-container img, .antsand-hero .antsand-feature-item .img-container img, .antsand-hero .sub-container .antsand-hero-image img, .antsand-hero .antsand-footer-column .antsand-hero-image img, .antsand-hero .antsand-pricing-card .antsand-hero-image img, .antsand-hero .antsand-feature-item .antsand-hero-image img {
      max-width: 100%;
      height: auto;
      border-radius: 0.75rem; }
  @media (max-width: 767px) {
    .hero-2, .antsand-hero-split, .antsand-hero {
      text-align: center; }
      .hero-2 .sub-container .description, .hero-2 .antsand-footer-column .description, .hero-2 .antsand-pricing-card .description, .hero-2 .sub-container .antsand-feature-desc, .hero-2 .antsand-footer-column .antsand-feature-desc, .hero-2 .antsand-pricing-card .antsand-feature-desc, .hero-2 .antsand-feature-item .description, .hero-2 .antsand-feature-item .antsand-feature-desc, .hero-2 .sub-container .antsand-hero-subtitle, .hero-2 .antsand-footer-column .antsand-hero-subtitle, .hero-2 .antsand-pricing-card .antsand-hero-subtitle, .hero-2 .antsand-feature-item .antsand-hero-subtitle, .antsand-hero-split .sub-container .description, .antsand-hero-split .antsand-footer-column .description, .antsand-hero-split .antsand-pricing-card .description, .antsand-hero-split .sub-container .antsand-feature-desc, .antsand-hero-split .antsand-footer-column .antsand-feature-desc, .antsand-hero-split .antsand-pricing-card .antsand-feature-desc, .antsand-hero-split .antsand-feature-item .description, .antsand-hero-split .antsand-feature-item .antsand-feature-desc, .antsand-hero-split .sub-container .antsand-hero-subtitle, .antsand-hero-split .antsand-footer-column .antsand-hero-subtitle, .antsand-hero-split .antsand-pricing-card .antsand-hero-subtitle, .antsand-hero-split .antsand-feature-item .antsand-hero-subtitle, .antsand-hero .sub-container .description, .antsand-hero .antsand-footer-column .description, .antsand-hero .antsand-pricing-card .description, .antsand-hero .sub-container .antsand-feature-desc, .antsand-hero .antsand-footer-column .antsand-feature-desc, .antsand-hero .antsand-pricing-card .antsand-feature-desc, .antsand-hero .antsand-feature-item .description, .antsand-hero .antsand-feature-item .antsand-feature-desc, .antsand-hero .sub-container .antsand-hero-subtitle, .antsand-hero .antsand-footer-column .antsand-hero-subtitle, .antsand-hero .antsand-pricing-card .antsand-hero-subtitle, .antsand-hero .antsand-feature-item .antsand-hero-subtitle {
        margin-left: auto;
        margin-right: auto; }
      .hero-2 .sub-container .cta-container, .hero-2 .antsand-footer-column .cta-container, .hero-2 .antsand-pricing-card .cta-container, .hero-2 .antsand-feature-item .cta-container, .hero-2 .sub-container .antsand-hero-cta, .hero-2 .antsand-footer-column .antsand-hero-cta, .hero-2 .antsand-pricing-card .antsand-hero-cta, .hero-2 .antsand-feature-item .antsand-hero-cta, .antsand-hero-split .sub-container .cta-container, .antsand-hero-split .antsand-footer-column .cta-container, .antsand-hero-split .antsand-pricing-card .cta-container, .antsand-hero-split .antsand-feature-item .cta-container, .antsand-hero-split .sub-container .antsand-hero-cta, .antsand-hero-split .antsand-footer-column .antsand-hero-cta, .antsand-hero-split .antsand-pricing-card .antsand-hero-cta, .antsand-hero-split .antsand-feature-item .antsand-hero-cta, .antsand-hero .sub-container .cta-container, .antsand-hero .antsand-footer-column .cta-container, .antsand-hero .antsand-pricing-card .cta-container, .antsand-hero .antsand-feature-item .cta-container, .antsand-hero .sub-container .antsand-hero-cta, .antsand-hero .antsand-footer-column .antsand-hero-cta, .antsand-hero .antsand-pricing-card .antsand-hero-cta, .antsand-hero .antsand-feature-item .antsand-hero-cta {
        justify-content: center; } }
  .hero-2 .sub-container .eyebrow, .hero-2 .antsand-footer-column .eyebrow, .hero-2 .antsand-pricing-card .eyebrow, .hero-2 .antsand-feature-item .eyebrow, .antsand-hero-split .sub-container .eyebrow, .antsand-hero-split .antsand-footer-column .eyebrow, .antsand-hero-split .antsand-pricing-card .eyebrow, .antsand-hero-split .antsand-feature-item .eyebrow, .antsand-hero .sub-container .eyebrow, .antsand-hero .antsand-footer-column .eyebrow, .antsand-hero .antsand-pricing-card .eyebrow, .antsand-hero .antsand-feature-item .eyebrow {
    color: #3498db; }
  .hero-2 .sub-container .title, .hero-2 .antsand-footer-column .title, .hero-2 .antsand-pricing-card .title, .hero-2 .sub-container .antsand-feature-title, .hero-2 .antsand-footer-column .antsand-feature-title, .hero-2 .antsand-pricing-card .antsand-feature-title, .hero-2 .antsand-feature-item .title, .hero-2 .antsand-feature-item .antsand-feature-title, .hero-2 .sub-container .antsand-hero-title, .hero-2 .antsand-footer-column .antsand-hero-title, .hero-2 .antsand-pricing-card .antsand-hero-title, .hero-2 .antsand-feature-item .antsand-hero-title, .antsand-hero-split .sub-container .title, .antsand-hero-split .antsand-footer-column .title, .antsand-hero-split .antsand-pricing-card .title, .antsand-hero-split .sub-container .antsand-feature-title, .antsand-hero-split .antsand-footer-column .antsand-feature-title, .antsand-hero-split .antsand-pricing-card .antsand-feature-title, .antsand-hero-split .antsand-feature-item .title, .antsand-hero-split .antsand-feature-item .antsand-feature-title, .antsand-hero-split .sub-container .antsand-hero-title, .antsand-hero-split .antsand-footer-column .antsand-hero-title, .antsand-hero-split .antsand-pricing-card .antsand-hero-title, .antsand-hero-split .antsand-feature-item .antsand-hero-title, .antsand-hero .sub-container .title, .antsand-hero .antsand-footer-column .title, .antsand-hero .antsand-pricing-card .title, .antsand-hero .sub-container .antsand-feature-title, .antsand-hero .antsand-footer-column .antsand-feature-title, .antsand-hero .antsand-pricing-card .antsand-feature-title, .antsand-hero .antsand-feature-item .title, .antsand-hero .antsand-feature-item .antsand-feature-title, .antsand-hero .sub-container .antsand-hero-title, .antsand-hero .antsand-footer-column .antsand-hero-title, .antsand-hero .antsand-pricing-card .antsand-hero-title, .antsand-hero .antsand-feature-item .antsand-hero-title {
    color: #212529; }
  .hero-2 .sub-container .description, .hero-2 .antsand-footer-column .description, .hero-2 .antsand-pricing-card .description, .hero-2 .sub-container .antsand-feature-desc, .hero-2 .antsand-footer-column .antsand-feature-desc, .hero-2 .antsand-pricing-card .antsand-feature-desc, .hero-2 .antsand-feature-item .description, .hero-2 .antsand-feature-item .antsand-feature-desc, .hero-2 .sub-container .antsand-hero-subtitle, .hero-2 .antsand-footer-column .antsand-hero-subtitle, .hero-2 .antsand-pricing-card .antsand-hero-subtitle, .hero-2 .antsand-feature-item .antsand-hero-subtitle, .antsand-hero-split .sub-container .description, .antsand-hero-split .antsand-footer-column .description, .antsand-hero-split .antsand-pricing-card .description, .antsand-hero-split .sub-container .antsand-feature-desc, .antsand-hero-split .antsand-footer-column .antsand-feature-desc, .antsand-hero-split .antsand-pricing-card .antsand-feature-desc, .antsand-hero-split .antsand-feature-item .description, .antsand-hero-split .antsand-feature-item .antsand-feature-desc, .antsand-hero-split .sub-container .antsand-hero-subtitle, .antsand-hero-split .antsand-footer-column .antsand-hero-subtitle, .antsand-hero-split .antsand-pricing-card .antsand-hero-subtitle, .antsand-hero-split .antsand-feature-item .antsand-hero-subtitle, .antsand-hero .sub-container .description, .antsand-hero .antsand-footer-column .description, .antsand-hero .antsand-pricing-card .description, .antsand-hero .sub-container .antsand-feature-desc, .antsand-hero .antsand-footer-column .antsand-feature-desc, .antsand-hero .antsand-pricing-card .antsand-feature-desc, .antsand-hero .antsand-feature-item .description, .antsand-hero .antsand-feature-item .antsand-feature-desc, .antsand-hero .sub-container .antsand-hero-subtitle, .antsand-hero .antsand-footer-column .antsand-hero-subtitle, .antsand-hero .antsand-pricing-card .antsand-hero-subtitle, .antsand-hero .antsand-feature-item .antsand-hero-subtitle {
    color: #6c757d; }
  .hero-2 .sub-container .cta-container .cta, .hero-2 .antsand-footer-column .cta-container .cta, .hero-2 .sub-container .cta-container .antsand-pricing-cta, .hero-2 .antsand-footer-column .cta-container .antsand-pricing-cta, .hero-2 .antsand-pricing-card .cta-container .cta, .hero-2 .antsand-pricing-card .cta-container .antsand-pricing-cta, .hero-2 .antsand-feature-item .cta-container .cta, .hero-2 .antsand-feature-item .cta-container .antsand-pricing-cta, .hero-2 .sub-container .antsand-hero-cta .cta, .hero-2 .antsand-footer-column .antsand-hero-cta .cta, .hero-2 .sub-container .antsand-hero-cta .antsand-pricing-cta, .hero-2 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .hero-2 .antsand-pricing-card .antsand-hero-cta .cta, .hero-2 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .hero-2 .antsand-feature-item .antsand-hero-cta .cta, .hero-2 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-split .sub-container .cta-container .cta, .antsand-hero-split .antsand-footer-column .cta-container .cta, .antsand-hero-split .sub-container .cta-container .antsand-pricing-cta, .antsand-hero-split .antsand-footer-column .cta-container .antsand-pricing-cta, .antsand-hero-split .antsand-pricing-card .cta-container .cta, .antsand-hero-split .antsand-pricing-card .cta-container .antsand-pricing-cta, .antsand-hero-split .antsand-feature-item .cta-container .cta, .antsand-hero-split .antsand-feature-item .cta-container .antsand-pricing-cta, .antsand-hero-split .sub-container .antsand-hero-cta .cta, .antsand-hero-split .antsand-footer-column .antsand-hero-cta .cta, .antsand-hero-split .sub-container .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-split .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-split .antsand-pricing-card .antsand-hero-cta .cta, .antsand-hero-split .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-split .antsand-feature-item .antsand-hero-cta .cta, .antsand-hero-split .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta, .antsand-hero .sub-container .cta-container .cta, .antsand-hero .antsand-footer-column .cta-container .cta, .antsand-hero .sub-container .cta-container .antsand-pricing-cta, .antsand-hero .antsand-footer-column .cta-container .antsand-pricing-cta, .antsand-hero .antsand-pricing-card .cta-container .cta, .antsand-hero .antsand-pricing-card .cta-container .antsand-pricing-cta, .antsand-hero .antsand-feature-item .cta-container .cta, .antsand-hero .antsand-feature-item .cta-container .antsand-pricing-cta, .antsand-hero .sub-container .antsand-hero-cta .cta, .antsand-hero .antsand-footer-column .antsand-hero-cta .cta, .antsand-hero .sub-container .antsand-hero-cta .antsand-pricing-cta, .antsand-hero .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .antsand-hero .antsand-pricing-card .antsand-hero-cta .cta, .antsand-hero .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .antsand-hero .antsand-feature-item .antsand-hero-cta .cta, .antsand-hero .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta {
    background: #3498db;
    color: white; }
    .hero-2 .sub-container .cta-container .cta:hover, .hero-2 .antsand-footer-column .cta-container .cta:hover, .hero-2 .sub-container .cta-container .antsand-pricing-cta:hover, .hero-2 .antsand-footer-column .cta-container .antsand-pricing-cta:hover, .hero-2 .antsand-pricing-card .cta-container .cta:hover, .hero-2 .antsand-pricing-card .cta-container .antsand-pricing-cta:hover, .hero-2 .antsand-feature-item .cta-container .cta:hover, .hero-2 .antsand-feature-item .cta-container .antsand-pricing-cta:hover, .hero-2 .sub-container .antsand-hero-cta .cta:hover, .hero-2 .antsand-footer-column .antsand-hero-cta .cta:hover, .hero-2 .sub-container .antsand-hero-cta .antsand-pricing-cta:hover, .hero-2 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta:hover, .hero-2 .antsand-pricing-card .antsand-hero-cta .cta:hover, .hero-2 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta:hover, .hero-2 .antsand-feature-item .antsand-hero-cta .cta:hover, .hero-2 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta:hover, .antsand-hero-split .sub-container .cta-container .cta:hover, .antsand-hero-split .antsand-footer-column .cta-container .cta:hover, .antsand-hero-split .sub-container .cta-container .antsand-pricing-cta:hover, .antsand-hero-split .antsand-footer-column .cta-container .antsand-pricing-cta:hover, .antsand-hero-split .antsand-pricing-card .cta-container .cta:hover, .antsand-hero-split .antsand-pricing-card .cta-container .antsand-pricing-cta:hover, .antsand-hero-split .antsand-feature-item .cta-container .cta:hover, .antsand-hero-split .antsand-feature-item .cta-container .antsand-pricing-cta:hover, .antsand-hero-split .sub-container .antsand-hero-cta .cta:hover, .antsand-hero-split .antsand-footer-column .antsand-hero-cta .cta:hover, .antsand-hero-split .sub-container .antsand-hero-cta .antsand-pricing-cta:hover, .antsand-hero-split .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta:hover, .antsand-hero-split .antsand-pricing-card .antsand-hero-cta .cta:hover, .antsand-hero-split .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta:hover, .antsand-hero-split .antsand-feature-item .antsand-hero-cta .cta:hover, .antsand-hero-split .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta:hover, .antsand-hero .sub-container .cta-container .cta:hover, .antsand-hero .antsand-footer-column .cta-container .cta:hover, .antsand-hero .sub-container .cta-container .antsand-pricing-cta:hover, .antsand-hero .antsand-footer-column .cta-container .antsand-pricing-cta:hover, .antsand-hero .antsand-pricing-card .cta-container .cta:hover, .antsand-hero .antsand-pricing-card .cta-container .antsand-pricing-cta:hover, .antsand-hero .antsand-feature-item .cta-container .cta:hover, .antsand-hero .antsand-feature-item .cta-container .antsand-pricing-cta:hover, .antsand-hero .sub-container .antsand-hero-cta .cta:hover, .antsand-hero .antsand-footer-column .antsand-hero-cta .cta:hover, .antsand-hero .sub-container .antsand-hero-cta .antsand-pricing-cta:hover, .antsand-hero .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta:hover, .antsand-hero .antsand-pricing-card .antsand-hero-cta .cta:hover, .antsand-hero .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta:hover, .antsand-hero .antsand-feature-item .antsand-hero-cta .cta:hover, .antsand-hero .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta:hover {
      background: #217dbb;
      transform: translateY(-2px);
      box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }
    .hero-2 .sub-container .cta-container .cta.cta-secondary, .hero-2 .antsand-footer-column .cta-container .cta.cta-secondary, .hero-2 .sub-container .cta-container .cta-secondary.antsand-pricing-cta, .hero-2 .antsand-footer-column .cta-container .cta-secondary.antsand-pricing-cta, .hero-2 .antsand-pricing-card .cta-container .cta.cta-secondary, .hero-2 .antsand-pricing-card .cta-container .cta-secondary.antsand-pricing-cta, .hero-2 .antsand-feature-item .cta-container .cta.cta-secondary, .hero-2 .antsand-feature-item .cta-container .cta-secondary.antsand-pricing-cta, .hero-2 .sub-container .antsand-hero-cta .cta.cta-secondary, .hero-2 .antsand-footer-column .antsand-hero-cta .cta.cta-secondary, .hero-2 .sub-container .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .hero-2 .antsand-footer-column .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .hero-2 .antsand-pricing-card .antsand-hero-cta .cta.cta-secondary, .hero-2 .antsand-pricing-card .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .hero-2 .antsand-feature-item .antsand-hero-cta .cta.cta-secondary, .hero-2 .antsand-feature-item .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .antsand-hero-split .sub-container .cta-container .cta.cta-secondary, .antsand-hero-split .antsand-footer-column .cta-container .cta.cta-secondary, .antsand-hero-split .sub-container .cta-container .cta-secondary.antsand-pricing-cta, .antsand-hero-split .antsand-footer-column .cta-container .cta-secondary.antsand-pricing-cta, .antsand-hero-split .antsand-pricing-card .cta-container .cta.cta-secondary, .antsand-hero-split .antsand-pricing-card .cta-container .cta-secondary.antsand-pricing-cta, .antsand-hero-split .antsand-feature-item .cta-container .cta.cta-secondary, .antsand-hero-split .antsand-feature-item .cta-container .cta-secondary.antsand-pricing-cta, .antsand-hero-split .sub-container .antsand-hero-cta .cta.cta-secondary, .antsand-hero-split .antsand-footer-column .antsand-hero-cta .cta.cta-secondary, .antsand-hero-split .sub-container .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .antsand-hero-split .antsand-footer-column .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .antsand-hero-split .antsand-pricing-card .antsand-hero-cta .cta.cta-secondary, .antsand-hero-split .antsand-pricing-card .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .antsand-hero-split .antsand-feature-item .antsand-hero-cta .cta.cta-secondary, .antsand-hero-split .antsand-feature-item .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .antsand-hero .sub-container .cta-container .cta.cta-secondary, .antsand-hero .antsand-footer-column .cta-container .cta.cta-secondary, .antsand-hero .sub-container .cta-container .cta-secondary.antsand-pricing-cta, .antsand-hero .antsand-footer-column .cta-container .cta-secondary.antsand-pricing-cta, .antsand-hero .antsand-pricing-card .cta-container .cta.cta-secondary, .antsand-hero .antsand-pricing-card .cta-container .cta-secondary.antsand-pricing-cta, .antsand-hero .antsand-feature-item .cta-container .cta.cta-secondary, .antsand-hero .antsand-feature-item .cta-container .cta-secondary.antsand-pricing-cta, .antsand-hero .sub-container .antsand-hero-cta .cta.cta-secondary, .antsand-hero .antsand-footer-column .antsand-hero-cta .cta.cta-secondary, .antsand-hero .sub-container .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .antsand-hero .antsand-footer-column .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .antsand-hero .antsand-pricing-card .antsand-hero-cta .cta.cta-secondary, .antsand-hero .antsand-pricing-card .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .antsand-hero .antsand-feature-item .antsand-hero-cta .cta.cta-secondary, .antsand-hero .antsand-feature-item .antsand-hero-cta .cta-secondary.antsand-pricing-cta {
      background: white;
      color: #495057;
      border: 1px solid #dee2e6; }
      .hero-2 .sub-container .cta-container .cta.cta-secondary:hover, .hero-2 .antsand-footer-column .cta-container .cta.cta-secondary:hover, .hero-2 .sub-container .cta-container .cta-secondary.antsand-pricing-cta:hover, .hero-2 .antsand-footer-column .cta-container .cta-secondary.antsand-pricing-cta:hover, .hero-2 .antsand-pricing-card .cta-container .cta.cta-secondary:hover, .hero-2 .antsand-pricing-card .cta-container .cta-secondary.antsand-pricing-cta:hover, .hero-2 .antsand-feature-item .cta-container .cta.cta-secondary:hover, .hero-2 .antsand-feature-item .cta-container .cta-secondary.antsand-pricing-cta:hover, .hero-2 .sub-container .antsand-hero-cta .cta.cta-secondary:hover, .hero-2 .antsand-footer-column .antsand-hero-cta .cta.cta-secondary:hover, .hero-2 .sub-container .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .hero-2 .antsand-footer-column .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .hero-2 .antsand-pricing-card .antsand-hero-cta .cta.cta-secondary:hover, .hero-2 .antsand-pricing-card .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .hero-2 .antsand-feature-item .antsand-hero-cta .cta.cta-secondary:hover, .hero-2 .antsand-feature-item .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-split .sub-container .cta-container .cta.cta-secondary:hover, .antsand-hero-split .antsand-footer-column .cta-container .cta.cta-secondary:hover, .antsand-hero-split .sub-container .cta-container .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-split .antsand-footer-column .cta-container .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-split .antsand-pricing-card .cta-container .cta.cta-secondary:hover, .antsand-hero-split .antsand-pricing-card .cta-container .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-split .antsand-feature-item .cta-container .cta.cta-secondary:hover, .antsand-hero-split .antsand-feature-item .cta-container .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-split .sub-container .antsand-hero-cta .cta.cta-secondary:hover, .antsand-hero-split .antsand-footer-column .antsand-hero-cta .cta.cta-secondary:hover, .antsand-hero-split .sub-container .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-split .antsand-footer-column .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-split .antsand-pricing-card .antsand-hero-cta .cta.cta-secondary:hover, .antsand-hero-split .antsand-pricing-card .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-split .antsand-feature-item .antsand-hero-cta .cta.cta-secondary:hover, .antsand-hero-split .antsand-feature-item .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .antsand-hero .sub-container .cta-container .cta.cta-secondary:hover, .antsand-hero .antsand-footer-column .cta-container .cta.cta-secondary:hover, .antsand-hero .sub-container .cta-container .cta-secondary.antsand-pricing-cta:hover, .antsand-hero .antsand-footer-column .cta-container .cta-secondary.antsand-pricing-cta:hover, .antsand-hero .antsand-pricing-card .cta-container .cta.cta-secondary:hover, .antsand-hero .antsand-pricing-card .cta-container .cta-secondary.antsand-pricing-cta:hover, .antsand-hero .antsand-feature-item .cta-container .cta.cta-secondary:hover, .antsand-hero .antsand-feature-item .cta-container .cta-secondary.antsand-pricing-cta:hover, .antsand-hero .sub-container .antsand-hero-cta .cta.cta-secondary:hover, .antsand-hero .antsand-footer-column .antsand-hero-cta .cta.cta-secondary:hover, .antsand-hero .sub-container .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .antsand-hero .antsand-footer-column .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .antsand-hero .antsand-pricing-card .antsand-hero-cta .cta.cta-secondary:hover, .antsand-hero .antsand-pricing-card .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .antsand-hero .antsand-feature-item .antsand-hero-cta .cta.cta-secondary:hover, .antsand-hero .antsand-feature-item .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover {
        border-color: #ced4da;
        background: #f9fafb; }
  .hero-2 .sub-container .img-container img, .hero-2 .antsand-footer-column .img-container img, .hero-2 .antsand-pricing-card .img-container img, .hero-2 .antsand-feature-item .img-container img, .hero-2 .sub-container .antsand-hero-image img, .hero-2 .antsand-footer-column .antsand-hero-image img, .hero-2 .antsand-pricing-card .antsand-hero-image img, .hero-2 .antsand-feature-item .antsand-hero-image img, .antsand-hero-split .sub-container .img-container img, .antsand-hero-split .antsand-footer-column .img-container img, .antsand-hero-split .antsand-pricing-card .img-container img, .antsand-hero-split .antsand-feature-item .img-container img, .antsand-hero-split .sub-container .antsand-hero-image img, .antsand-hero-split .antsand-footer-column .antsand-hero-image img, .antsand-hero-split .antsand-pricing-card .antsand-hero-image img, .antsand-hero-split .antsand-feature-item .antsand-hero-image img, .antsand-hero .sub-container .img-container img, .antsand-hero .antsand-footer-column .img-container img, .antsand-hero .antsand-pricing-card .img-container img, .antsand-hero .antsand-feature-item .img-container img, .antsand-hero .sub-container .antsand-hero-image img, .antsand-hero .antsand-footer-column .antsand-hero-image img, .antsand-hero .antsand-pricing-card .antsand-hero-image img, .antsand-hero .antsand-feature-item .antsand-hero-image img {
    box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15); }

.hero-3, .antsand-hero-bg {
  position: relative;
  min-height: 70vh;
  display: flex;
  align-items: center;
  padding: 6rem 0;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  color: white; }
  .hero-3 > .container, .hero-3 > .antsand-footer-grid, .antsand-hero-bg > .container, .antsand-hero-bg > .antsand-footer-grid {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3rem; }
    @media (min-width: 768px) {
      .hero-3 > .container, .hero-3 > .antsand-footer-grid, .antsand-hero-bg > .container, .antsand-hero-bg > .antsand-footer-grid {
        flex-direction: row;
        align-items: center; } }
  .hero-3 .sub-container, .hero-3 .antsand-footer-column, .hero-3 .antsand-pricing-card, .hero-3 .antsand-feature-item, .antsand-hero-bg .sub-container, .antsand-hero-bg .antsand-footer-column, .antsand-hero-bg .antsand-pricing-card, .antsand-hero-bg .antsand-feature-item {
    flex: 1; }
    .hero-3 .sub-container .eyebrow, .hero-3 .antsand-footer-column .eyebrow, .hero-3 .antsand-pricing-card .eyebrow, .hero-3 .antsand-feature-item .eyebrow, .antsand-hero-bg .sub-container .eyebrow, .antsand-hero-bg .antsand-footer-column .eyebrow, .antsand-hero-bg .antsand-pricing-card .eyebrow, .antsand-hero-bg .antsand-feature-item .eyebrow {
      font-size: 0.875rem;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      margin-bottom: 0.5rem;
      font-weight: 500; }
    .hero-3 .sub-container .title, .hero-3 .antsand-footer-column .title, .hero-3 .antsand-pricing-card .title, .hero-3 .sub-container .antsand-feature-title, .hero-3 .antsand-footer-column .antsand-feature-title, .hero-3 .antsand-pricing-card .antsand-feature-title, .hero-3 .antsand-feature-item .title, .hero-3 .antsand-feature-item .antsand-feature-title, .hero-3 .sub-container .antsand-hero-title, .hero-3 .antsand-footer-column .antsand-hero-title, .hero-3 .antsand-pricing-card .antsand-hero-title, .hero-3 .antsand-feature-item .antsand-hero-title, .antsand-hero-bg .sub-container .title, .antsand-hero-bg .antsand-footer-column .title, .antsand-hero-bg .antsand-pricing-card .title, .antsand-hero-bg .sub-container .antsand-feature-title, .antsand-hero-bg .antsand-footer-column .antsand-feature-title, .antsand-hero-bg .antsand-pricing-card .antsand-feature-title, .antsand-hero-bg .antsand-feature-item .title, .antsand-hero-bg .antsand-feature-item .antsand-feature-title, .antsand-hero-bg .sub-container .antsand-hero-title, .antsand-hero-bg .antsand-footer-column .antsand-hero-title, .antsand-hero-bg .antsand-pricing-card .antsand-hero-title, .antsand-hero-bg .antsand-feature-item .antsand-hero-title {
      font-size: 2rem;
      font-weight: 700;
      line-height: 1.25;
      margin-bottom: 1.5rem; }
      @media (min-width: 768px) {
        .hero-3 .sub-container .title, .hero-3 .antsand-footer-column .title, .hero-3 .antsand-pricing-card .title, .hero-3 .sub-container .antsand-feature-title, .hero-3 .antsand-footer-column .antsand-feature-title, .hero-3 .antsand-pricing-card .antsand-feature-title, .hero-3 .antsand-feature-item .title, .hero-3 .antsand-feature-item .antsand-feature-title, .hero-3 .sub-container .antsand-hero-title, .hero-3 .antsand-footer-column .antsand-hero-title, .hero-3 .antsand-pricing-card .antsand-hero-title, .hero-3 .antsand-feature-item .antsand-hero-title, .antsand-hero-bg .sub-container .title, .antsand-hero-bg .antsand-footer-column .title, .antsand-hero-bg .antsand-pricing-card .title, .antsand-hero-bg .sub-container .antsand-feature-title, .antsand-hero-bg .antsand-footer-column .antsand-feature-title, .antsand-hero-bg .antsand-pricing-card .antsand-feature-title, .antsand-hero-bg .antsand-feature-item .title, .antsand-hero-bg .antsand-feature-item .antsand-feature-title, .antsand-hero-bg .sub-container .antsand-hero-title, .antsand-hero-bg .antsand-footer-column .antsand-hero-title, .antsand-hero-bg .antsand-pricing-card .antsand-hero-title, .antsand-hero-bg .antsand-feature-item .antsand-hero-title {
          font-size: 2.5rem; } }
      @media (min-width: 1024px) {
        .hero-3 .sub-container .title, .hero-3 .antsand-footer-column .title, .hero-3 .antsand-pricing-card .title, .hero-3 .sub-container .antsand-feature-title, .hero-3 .antsand-footer-column .antsand-feature-title, .hero-3 .antsand-pricing-card .antsand-feature-title, .hero-3 .antsand-feature-item .title, .hero-3 .antsand-feature-item .antsand-feature-title, .hero-3 .sub-container .antsand-hero-title, .hero-3 .antsand-footer-column .antsand-hero-title, .hero-3 .antsand-pricing-card .antsand-hero-title, .hero-3 .antsand-feature-item .antsand-hero-title, .antsand-hero-bg .sub-container .title, .antsand-hero-bg .antsand-footer-column .title, .antsand-hero-bg .antsand-pricing-card .title, .antsand-hero-bg .sub-container .antsand-feature-title, .antsand-hero-bg .antsand-footer-column .antsand-feature-title, .antsand-hero-bg .antsand-pricing-card .antsand-feature-title, .antsand-hero-bg .antsand-feature-item .title, .antsand-hero-bg .antsand-feature-item .antsand-feature-title, .antsand-hero-bg .sub-container .antsand-hero-title, .antsand-hero-bg .antsand-footer-column .antsand-hero-title, .antsand-hero-bg .antsand-pricing-card .antsand-hero-title, .antsand-hero-bg .antsand-feature-item .antsand-hero-title {
          font-size: 3rem; } }
    .hero-3 .sub-container .description, .hero-3 .antsand-footer-column .description, .hero-3 .antsand-pricing-card .description, .hero-3 .sub-container .antsand-feature-desc, .hero-3 .antsand-footer-column .antsand-feature-desc, .hero-3 .antsand-pricing-card .antsand-feature-desc, .hero-3 .antsand-feature-item .description, .hero-3 .antsand-feature-item .antsand-feature-desc, .hero-3 .sub-container .antsand-hero-subtitle, .hero-3 .antsand-footer-column .antsand-hero-subtitle, .hero-3 .antsand-pricing-card .antsand-hero-subtitle, .hero-3 .antsand-feature-item .antsand-hero-subtitle, .antsand-hero-bg .sub-container .description, .antsand-hero-bg .antsand-footer-column .description, .antsand-hero-bg .antsand-pricing-card .description, .antsand-hero-bg .sub-container .antsand-feature-desc, .antsand-hero-bg .antsand-footer-column .antsand-feature-desc, .antsand-hero-bg .antsand-pricing-card .antsand-feature-desc, .antsand-hero-bg .antsand-feature-item .description, .antsand-hero-bg .antsand-feature-item .antsand-feature-desc, .antsand-hero-bg .sub-container .antsand-hero-subtitle, .antsand-hero-bg .antsand-footer-column .antsand-hero-subtitle, .antsand-hero-bg .antsand-pricing-card .antsand-hero-subtitle, .antsand-hero-bg .antsand-feature-item .antsand-hero-subtitle {
      font-size: 1.125rem;
      line-height: 1.75;
      margin-bottom: 2rem;
      max-width: 540px; }
      @media (min-width: 768px) {
        .hero-3 .sub-container .description, .hero-3 .antsand-footer-column .description, .hero-3 .antsand-pricing-card .description, .hero-3 .sub-container .antsand-feature-desc, .hero-3 .antsand-footer-column .antsand-feature-desc, .hero-3 .antsand-pricing-card .antsand-feature-desc, .hero-3 .antsand-feature-item .description, .hero-3 .antsand-feature-item .antsand-feature-desc, .hero-3 .sub-container .antsand-hero-subtitle, .hero-3 .antsand-footer-column .antsand-hero-subtitle, .hero-3 .antsand-pricing-card .antsand-hero-subtitle, .hero-3 .antsand-feature-item .antsand-hero-subtitle, .antsand-hero-bg .sub-container .description, .antsand-hero-bg .antsand-footer-column .description, .antsand-hero-bg .antsand-pricing-card .description, .antsand-hero-bg .sub-container .antsand-feature-desc, .antsand-hero-bg .antsand-footer-column .antsand-feature-desc, .antsand-hero-bg .antsand-pricing-card .antsand-feature-desc, .antsand-hero-bg .antsand-feature-item .description, .antsand-hero-bg .antsand-feature-item .antsand-feature-desc, .antsand-hero-bg .sub-container .antsand-hero-subtitle, .antsand-hero-bg .antsand-footer-column .antsand-hero-subtitle, .antsand-hero-bg .antsand-pricing-card .antsand-hero-subtitle, .antsand-hero-bg .antsand-feature-item .antsand-hero-subtitle {
          font-size: 1.25rem; } }
    .hero-3 .sub-container .cta-container, .hero-3 .antsand-footer-column .cta-container, .hero-3 .antsand-pricing-card .cta-container, .hero-3 .antsand-feature-item .cta-container, .hero-3 .sub-container .antsand-hero-cta, .hero-3 .antsand-footer-column .antsand-hero-cta, .hero-3 .antsand-pricing-card .antsand-hero-cta, .hero-3 .antsand-feature-item .antsand-hero-cta, .antsand-hero-bg .sub-container .cta-container, .antsand-hero-bg .antsand-footer-column .cta-container, .antsand-hero-bg .antsand-pricing-card .cta-container, .antsand-hero-bg .antsand-feature-item .cta-container, .antsand-hero-bg .sub-container .antsand-hero-cta, .antsand-hero-bg .antsand-footer-column .antsand-hero-cta, .antsand-hero-bg .antsand-pricing-card .antsand-hero-cta, .antsand-hero-bg .antsand-feature-item .antsand-hero-cta {
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
      margin-top: 1.5rem; }
      .hero-3 .sub-container .cta-container .cta, .hero-3 .antsand-footer-column .cta-container .cta, .hero-3 .sub-container .cta-container .antsand-pricing-cta, .hero-3 .antsand-footer-column .cta-container .antsand-pricing-cta, .hero-3 .antsand-pricing-card .cta-container .cta, .hero-3 .antsand-pricing-card .cta-container .antsand-pricing-cta, .hero-3 .antsand-feature-item .cta-container .cta, .hero-3 .antsand-feature-item .cta-container .antsand-pricing-cta, .hero-3 .sub-container .antsand-hero-cta .cta, .hero-3 .antsand-footer-column .antsand-hero-cta .cta, .hero-3 .sub-container .antsand-hero-cta .antsand-pricing-cta, .hero-3 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .hero-3 .antsand-pricing-card .antsand-hero-cta .cta, .hero-3 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .hero-3 .antsand-feature-item .antsand-hero-cta .cta, .hero-3 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-bg .sub-container .cta-container .cta, .antsand-hero-bg .antsand-footer-column .cta-container .cta, .antsand-hero-bg .sub-container .cta-container .antsand-pricing-cta, .antsand-hero-bg .antsand-footer-column .cta-container .antsand-pricing-cta, .antsand-hero-bg .antsand-pricing-card .cta-container .cta, .antsand-hero-bg .antsand-pricing-card .cta-container .antsand-pricing-cta, .antsand-hero-bg .antsand-feature-item .cta-container .cta, .antsand-hero-bg .antsand-feature-item .cta-container .antsand-pricing-cta, .antsand-hero-bg .sub-container .antsand-hero-cta .cta, .antsand-hero-bg .antsand-footer-column .antsand-hero-cta .cta, .antsand-hero-bg .sub-container .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-bg .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-bg .antsand-pricing-card .antsand-hero-cta .cta, .antsand-hero-bg .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-bg .antsand-feature-item .antsand-hero-cta .cta, .antsand-hero-bg .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 1rem 2rem;
        border-radius: 0.5rem;
        font-weight: 600;
        text-decoration: none;
        transition: all 250ms ease;
        cursor: pointer;
        border: none; }
    .hero-3 .sub-container .img-container img, .hero-3 .antsand-footer-column .img-container img, .hero-3 .antsand-pricing-card .img-container img, .hero-3 .antsand-feature-item .img-container img, .hero-3 .sub-container .antsand-hero-image img, .hero-3 .antsand-footer-column .antsand-hero-image img, .hero-3 .antsand-pricing-card .antsand-hero-image img, .hero-3 .antsand-feature-item .antsand-hero-image img, .antsand-hero-bg .sub-container .img-container img, .antsand-hero-bg .antsand-footer-column .img-container img, .antsand-hero-bg .antsand-pricing-card .img-container img, .antsand-hero-bg .antsand-feature-item .img-container img, .antsand-hero-bg .sub-container .antsand-hero-image img, .antsand-hero-bg .antsand-footer-column .antsand-hero-image img, .antsand-hero-bg .antsand-pricing-card .antsand-hero-image img, .antsand-hero-bg .antsand-feature-item .antsand-hero-image img {
      max-width: 100%;
      height: auto;
      border-radius: 0.75rem; }
  @media (max-width: 767px) {
    .hero-3, .antsand-hero-bg {
      text-align: center; }
      .hero-3 .sub-container .description, .hero-3 .antsand-footer-column .description, .hero-3 .antsand-pricing-card .description, .hero-3 .sub-container .antsand-feature-desc, .hero-3 .antsand-footer-column .antsand-feature-desc, .hero-3 .antsand-pricing-card .antsand-feature-desc, .hero-3 .antsand-feature-item .description, .hero-3 .antsand-feature-item .antsand-feature-desc, .hero-3 .sub-container .antsand-hero-subtitle, .hero-3 .antsand-footer-column .antsand-hero-subtitle, .hero-3 .antsand-pricing-card .antsand-hero-subtitle, .hero-3 .antsand-feature-item .antsand-hero-subtitle, .antsand-hero-bg .sub-container .description, .antsand-hero-bg .antsand-footer-column .description, .antsand-hero-bg .antsand-pricing-card .description, .antsand-hero-bg .sub-container .antsand-feature-desc, .antsand-hero-bg .antsand-footer-column .antsand-feature-desc, .antsand-hero-bg .antsand-pricing-card .antsand-feature-desc, .antsand-hero-bg .antsand-feature-item .description, .antsand-hero-bg .antsand-feature-item .antsand-feature-desc, .antsand-hero-bg .sub-container .antsand-hero-subtitle, .antsand-hero-bg .antsand-footer-column .antsand-hero-subtitle, .antsand-hero-bg .antsand-pricing-card .antsand-hero-subtitle, .antsand-hero-bg .antsand-feature-item .antsand-hero-subtitle {
        margin-left: auto;
        margin-right: auto; }
      .hero-3 .sub-container .cta-container, .hero-3 .antsand-footer-column .cta-container, .hero-3 .antsand-pricing-card .cta-container, .hero-3 .antsand-feature-item .cta-container, .hero-3 .sub-container .antsand-hero-cta, .hero-3 .antsand-footer-column .antsand-hero-cta, .hero-3 .antsand-pricing-card .antsand-hero-cta, .hero-3 .antsand-feature-item .antsand-hero-cta, .antsand-hero-bg .sub-container .cta-container, .antsand-hero-bg .antsand-footer-column .cta-container, .antsand-hero-bg .antsand-pricing-card .cta-container, .antsand-hero-bg .antsand-feature-item .cta-container, .antsand-hero-bg .sub-container .antsand-hero-cta, .antsand-hero-bg .antsand-footer-column .antsand-hero-cta, .antsand-hero-bg .antsand-pricing-card .antsand-hero-cta, .antsand-hero-bg .antsand-feature-item .antsand-hero-cta {
        justify-content: center; } }
  .hero-3 .sub-container .eyebrow, .hero-3 .antsand-footer-column .eyebrow, .hero-3 .antsand-pricing-card .eyebrow, .hero-3 .antsand-feature-item .eyebrow, .antsand-hero-bg .sub-container .eyebrow, .antsand-hero-bg .antsand-footer-column .eyebrow, .antsand-hero-bg .antsand-pricing-card .eyebrow, .antsand-hero-bg .antsand-feature-item .eyebrow {
    color: #3498db; }
  .hero-3 .sub-container .title, .hero-3 .antsand-footer-column .title, .hero-3 .antsand-pricing-card .title, .hero-3 .sub-container .antsand-feature-title, .hero-3 .antsand-footer-column .antsand-feature-title, .hero-3 .antsand-pricing-card .antsand-feature-title, .hero-3 .antsand-feature-item .title, .hero-3 .antsand-feature-item .antsand-feature-title, .hero-3 .sub-container .antsand-hero-title, .hero-3 .antsand-footer-column .antsand-hero-title, .hero-3 .antsand-pricing-card .antsand-hero-title, .hero-3 .antsand-feature-item .antsand-hero-title, .antsand-hero-bg .sub-container .title, .antsand-hero-bg .antsand-footer-column .title, .antsand-hero-bg .antsand-pricing-card .title, .antsand-hero-bg .sub-container .antsand-feature-title, .antsand-hero-bg .antsand-footer-column .antsand-feature-title, .antsand-hero-bg .antsand-pricing-card .antsand-feature-title, .antsand-hero-bg .antsand-feature-item .title, .antsand-hero-bg .antsand-feature-item .antsand-feature-title, .antsand-hero-bg .sub-container .antsand-hero-title, .antsand-hero-bg .antsand-footer-column .antsand-hero-title, .antsand-hero-bg .antsand-pricing-card .antsand-hero-title, .antsand-hero-bg .antsand-feature-item .antsand-hero-title {
    color: white; }
  .hero-3 .sub-container .description, .hero-3 .antsand-footer-column .description, .hero-3 .antsand-pricing-card .description, .hero-3 .sub-container .antsand-feature-desc, .hero-3 .antsand-footer-column .antsand-feature-desc, .hero-3 .antsand-pricing-card .antsand-feature-desc, .hero-3 .antsand-feature-item .description, .hero-3 .antsand-feature-item .antsand-feature-desc, .hero-3 .sub-container .antsand-hero-subtitle, .hero-3 .antsand-footer-column .antsand-hero-subtitle, .hero-3 .antsand-pricing-card .antsand-hero-subtitle, .hero-3 .antsand-feature-item .antsand-hero-subtitle, .antsand-hero-bg .sub-container .description, .antsand-hero-bg .antsand-footer-column .description, .antsand-hero-bg .antsand-pricing-card .description, .antsand-hero-bg .sub-container .antsand-feature-desc, .antsand-hero-bg .antsand-footer-column .antsand-feature-desc, .antsand-hero-bg .antsand-pricing-card .antsand-feature-desc, .antsand-hero-bg .antsand-feature-item .description, .antsand-hero-bg .antsand-feature-item .antsand-feature-desc, .antsand-hero-bg .sub-container .antsand-hero-subtitle, .antsand-hero-bg .antsand-footer-column .antsand-hero-subtitle, .antsand-hero-bg .antsand-pricing-card .antsand-hero-subtitle, .antsand-hero-bg .antsand-feature-item .antsand-hero-subtitle {
    color: #ced4da; }
  .hero-3 .sub-container .cta-container .cta, .hero-3 .antsand-footer-column .cta-container .cta, .hero-3 .sub-container .cta-container .antsand-pricing-cta, .hero-3 .antsand-footer-column .cta-container .antsand-pricing-cta, .hero-3 .antsand-pricing-card .cta-container .cta, .hero-3 .antsand-pricing-card .cta-container .antsand-pricing-cta, .hero-3 .antsand-feature-item .cta-container .cta, .hero-3 .antsand-feature-item .cta-container .antsand-pricing-cta, .hero-3 .sub-container .antsand-hero-cta .cta, .hero-3 .antsand-footer-column .antsand-hero-cta .cta, .hero-3 .sub-container .antsand-hero-cta .antsand-pricing-cta, .hero-3 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .hero-3 .antsand-pricing-card .antsand-hero-cta .cta, .hero-3 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .hero-3 .antsand-feature-item .antsand-hero-cta .cta, .hero-3 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-bg .sub-container .cta-container .cta, .antsand-hero-bg .antsand-footer-column .cta-container .cta, .antsand-hero-bg .sub-container .cta-container .antsand-pricing-cta, .antsand-hero-bg .antsand-footer-column .cta-container .antsand-pricing-cta, .antsand-hero-bg .antsand-pricing-card .cta-container .cta, .antsand-hero-bg .antsand-pricing-card .cta-container .antsand-pricing-cta, .antsand-hero-bg .antsand-feature-item .cta-container .cta, .antsand-hero-bg .antsand-feature-item .cta-container .antsand-pricing-cta, .antsand-hero-bg .sub-container .antsand-hero-cta .cta, .antsand-hero-bg .antsand-footer-column .antsand-hero-cta .cta, .antsand-hero-bg .sub-container .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-bg .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-bg .antsand-pricing-card .antsand-hero-cta .cta, .antsand-hero-bg .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .antsand-hero-bg .antsand-feature-item .antsand-hero-cta .cta, .antsand-hero-bg .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta {
    background: #3498db;
    color: white; }
    .hero-3 .sub-container .cta-container .cta:hover, .hero-3 .antsand-footer-column .cta-container .cta:hover, .hero-3 .sub-container .cta-container .antsand-pricing-cta:hover, .hero-3 .antsand-footer-column .cta-container .antsand-pricing-cta:hover, .hero-3 .antsand-pricing-card .cta-container .cta:hover, .hero-3 .antsand-pricing-card .cta-container .antsand-pricing-cta:hover, .hero-3 .antsand-feature-item .cta-container .cta:hover, .hero-3 .antsand-feature-item .cta-container .antsand-pricing-cta:hover, .hero-3 .sub-container .antsand-hero-cta .cta:hover, .hero-3 .antsand-footer-column .antsand-hero-cta .cta:hover, .hero-3 .sub-container .antsand-hero-cta .antsand-pricing-cta:hover, .hero-3 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta:hover, .hero-3 .antsand-pricing-card .antsand-hero-cta .cta:hover, .hero-3 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta:hover, .hero-3 .antsand-feature-item .antsand-hero-cta .cta:hover, .hero-3 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta:hover, .antsand-hero-bg .sub-container .cta-container .cta:hover, .antsand-hero-bg .antsand-footer-column .cta-container .cta:hover, .antsand-hero-bg .sub-container .cta-container .antsand-pricing-cta:hover, .antsand-hero-bg .antsand-footer-column .cta-container .antsand-pricing-cta:hover, .antsand-hero-bg .antsand-pricing-card .cta-container .cta:hover, .antsand-hero-bg .antsand-pricing-card .cta-container .antsand-pricing-cta:hover, .antsand-hero-bg .antsand-feature-item .cta-container .cta:hover, .antsand-hero-bg .antsand-feature-item .cta-container .antsand-pricing-cta:hover, .antsand-hero-bg .sub-container .antsand-hero-cta .cta:hover, .antsand-hero-bg .antsand-footer-column .antsand-hero-cta .cta:hover, .antsand-hero-bg .sub-container .antsand-hero-cta .antsand-pricing-cta:hover, .antsand-hero-bg .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta:hover, .antsand-hero-bg .antsand-pricing-card .antsand-hero-cta .cta:hover, .antsand-hero-bg .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta:hover, .antsand-hero-bg .antsand-feature-item .antsand-hero-cta .cta:hover, .antsand-hero-bg .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta:hover {
      background: #4aa3df;
      transform: translateY(-2px);
      box-shadow: 0 10px 30px rgba(52, 152, 219, 0.4); }
    .hero-3 .sub-container .cta-container .cta.cta-secondary, .hero-3 .antsand-footer-column .cta-container .cta.cta-secondary, .hero-3 .sub-container .cta-container .cta-secondary.antsand-pricing-cta, .hero-3 .antsand-footer-column .cta-container .cta-secondary.antsand-pricing-cta, .hero-3 .antsand-pricing-card .cta-container .cta.cta-secondary, .hero-3 .antsand-pricing-card .cta-container .cta-secondary.antsand-pricing-cta, .hero-3 .antsand-feature-item .cta-container .cta.cta-secondary, .hero-3 .antsand-feature-item .cta-container .cta-secondary.antsand-pricing-cta, .hero-3 .sub-container .antsand-hero-cta .cta.cta-secondary, .hero-3 .antsand-footer-column .antsand-hero-cta .cta.cta-secondary, .hero-3 .sub-container .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .hero-3 .antsand-footer-column .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .hero-3 .antsand-pricing-card .antsand-hero-cta .cta.cta-secondary, .hero-3 .antsand-pricing-card .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .hero-3 .antsand-feature-item .antsand-hero-cta .cta.cta-secondary, .hero-3 .antsand-feature-item .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .antsand-hero-bg .sub-container .cta-container .cta.cta-secondary, .antsand-hero-bg .antsand-footer-column .cta-container .cta.cta-secondary, .antsand-hero-bg .sub-container .cta-container .cta-secondary.antsand-pricing-cta, .antsand-hero-bg .antsand-footer-column .cta-container .cta-secondary.antsand-pricing-cta, .antsand-hero-bg .antsand-pricing-card .cta-container .cta.cta-secondary, .antsand-hero-bg .antsand-pricing-card .cta-container .cta-secondary.antsand-pricing-cta, .antsand-hero-bg .antsand-feature-item .cta-container .cta.cta-secondary, .antsand-hero-bg .antsand-feature-item .cta-container .cta-secondary.antsand-pricing-cta, .antsand-hero-bg .sub-container .antsand-hero-cta .cta.cta-secondary, .antsand-hero-bg .antsand-footer-column .antsand-hero-cta .cta.cta-secondary, .antsand-hero-bg .sub-container .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .antsand-hero-bg .antsand-footer-column .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .antsand-hero-bg .antsand-pricing-card .antsand-hero-cta .cta.cta-secondary, .antsand-hero-bg .antsand-pricing-card .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .antsand-hero-bg .antsand-feature-item .antsand-hero-cta .cta.cta-secondary, .antsand-hero-bg .antsand-feature-item .antsand-hero-cta .cta-secondary.antsand-pricing-cta {
      background: transparent;
      color: white;
      border: 1px solid #6c757d; }
      .hero-3 .sub-container .cta-container .cta.cta-secondary:hover, .hero-3 .antsand-footer-column .cta-container .cta.cta-secondary:hover, .hero-3 .sub-container .cta-container .cta-secondary.antsand-pricing-cta:hover, .hero-3 .antsand-footer-column .cta-container .cta-secondary.antsand-pricing-cta:hover, .hero-3 .antsand-pricing-card .cta-container .cta.cta-secondary:hover, .hero-3 .antsand-pricing-card .cta-container .cta-secondary.antsand-pricing-cta:hover, .hero-3 .antsand-feature-item .cta-container .cta.cta-secondary:hover, .hero-3 .antsand-feature-item .cta-container .cta-secondary.antsand-pricing-cta:hover, .hero-3 .sub-container .antsand-hero-cta .cta.cta-secondary:hover, .hero-3 .antsand-footer-column .antsand-hero-cta .cta.cta-secondary:hover, .hero-3 .sub-container .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .hero-3 .antsand-footer-column .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .hero-3 .antsand-pricing-card .antsand-hero-cta .cta.cta-secondary:hover, .hero-3 .antsand-pricing-card .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .hero-3 .antsand-feature-item .antsand-hero-cta .cta.cta-secondary:hover, .hero-3 .antsand-feature-item .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-bg .sub-container .cta-container .cta.cta-secondary:hover, .antsand-hero-bg .antsand-footer-column .cta-container .cta.cta-secondary:hover, .antsand-hero-bg .sub-container .cta-container .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-bg .antsand-footer-column .cta-container .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-bg .antsand-pricing-card .cta-container .cta.cta-secondary:hover, .antsand-hero-bg .antsand-pricing-card .cta-container .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-bg .antsand-feature-item .cta-container .cta.cta-secondary:hover, .antsand-hero-bg .antsand-feature-item .cta-container .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-bg .sub-container .antsand-hero-cta .cta.cta-secondary:hover, .antsand-hero-bg .antsand-footer-column .antsand-hero-cta .cta.cta-secondary:hover, .antsand-hero-bg .sub-container .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-bg .antsand-footer-column .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-bg .antsand-pricing-card .antsand-hero-cta .cta.cta-secondary:hover, .antsand-hero-bg .antsand-pricing-card .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .antsand-hero-bg .antsand-feature-item .antsand-hero-cta .cta.cta-secondary:hover, .antsand-hero-bg .antsand-feature-item .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover {
        border-color: #ced4da; }
  .hero-3 .sub-container .img-container img, .hero-3 .antsand-footer-column .img-container img, .hero-3 .antsand-pricing-card .img-container img, .hero-3 .antsand-feature-item .img-container img, .hero-3 .sub-container .antsand-hero-image img, .hero-3 .antsand-footer-column .antsand-hero-image img, .hero-3 .antsand-pricing-card .antsand-hero-image img, .hero-3 .antsand-feature-item .antsand-hero-image img, .antsand-hero-bg .sub-container .img-container img, .antsand-hero-bg .antsand-footer-column .img-container img, .antsand-hero-bg .antsand-pricing-card .img-container img, .antsand-hero-bg .antsand-feature-item .img-container img, .antsand-hero-bg .sub-container .antsand-hero-image img, .antsand-hero-bg .antsand-footer-column .antsand-hero-image img, .antsand-hero-bg .antsand-pricing-card .antsand-hero-image img, .antsand-hero-bg .antsand-feature-item .antsand-hero-image img {
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5); }

.hero-4 {
  position: relative;
  min-height: 70vh;
  display: flex;
  align-items: center;
  padding: 6rem 0;
  background: white;
  color: #212529;
  border-bottom: 1px solid #e9ecef; }
  .hero-4 > .container, .hero-4 > .antsand-footer-grid {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3rem; }
    @media (min-width: 768px) {
      .hero-4 > .container, .hero-4 > .antsand-footer-grid {
        flex-direction: row;
        align-items: center; } }
  .hero-4 .sub-container, .hero-4 .antsand-footer-column, .hero-4 .antsand-pricing-card, .hero-4 .antsand-feature-item {
    flex: 1; }
    .hero-4 .sub-container .eyebrow, .hero-4 .antsand-footer-column .eyebrow, .hero-4 .antsand-pricing-card .eyebrow, .hero-4 .antsand-feature-item .eyebrow {
      font-size: 0.875rem;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      margin-bottom: 0.5rem;
      font-weight: 500; }
    .hero-4 .sub-container .title, .hero-4 .antsand-footer-column .title, .hero-4 .antsand-pricing-card .title, .hero-4 .sub-container .antsand-feature-title, .hero-4 .antsand-footer-column .antsand-feature-title, .hero-4 .antsand-pricing-card .antsand-feature-title, .hero-4 .antsand-feature-item .title, .hero-4 .antsand-feature-item .antsand-feature-title, .hero-4 .sub-container .antsand-hero-title, .hero-4 .antsand-footer-column .antsand-hero-title, .hero-4 .antsand-pricing-card .antsand-hero-title, .hero-4 .antsand-feature-item .antsand-hero-title {
      font-size: 2rem;
      font-weight: 700;
      line-height: 1.25;
      margin-bottom: 1.5rem; }
      @media (min-width: 768px) {
        .hero-4 .sub-container .title, .hero-4 .antsand-footer-column .title, .hero-4 .antsand-pricing-card .title, .hero-4 .sub-container .antsand-feature-title, .hero-4 .antsand-footer-column .antsand-feature-title, .hero-4 .antsand-pricing-card .antsand-feature-title, .hero-4 .antsand-feature-item .title, .hero-4 .antsand-feature-item .antsand-feature-title, .hero-4 .sub-container .antsand-hero-title, .hero-4 .antsand-footer-column .antsand-hero-title, .hero-4 .antsand-pricing-card .antsand-hero-title, .hero-4 .antsand-feature-item .antsand-hero-title {
          font-size: 2.5rem; } }
      @media (min-width: 1024px) {
        .hero-4 .sub-container .title, .hero-4 .antsand-footer-column .title, .hero-4 .antsand-pricing-card .title, .hero-4 .sub-container .antsand-feature-title, .hero-4 .antsand-footer-column .antsand-feature-title, .hero-4 .antsand-pricing-card .antsand-feature-title, .hero-4 .antsand-feature-item .title, .hero-4 .antsand-feature-item .antsand-feature-title, .hero-4 .sub-container .antsand-hero-title, .hero-4 .antsand-footer-column .antsand-hero-title, .hero-4 .antsand-pricing-card .antsand-hero-title, .hero-4 .antsand-feature-item .antsand-hero-title {
          font-size: 3rem; } }
    .hero-4 .sub-container .description, .hero-4 .antsand-footer-column .description, .hero-4 .antsand-pricing-card .description, .hero-4 .sub-container .antsand-feature-desc, .hero-4 .antsand-footer-column .antsand-feature-desc, .hero-4 .antsand-pricing-card .antsand-feature-desc, .hero-4 .antsand-feature-item .description, .hero-4 .antsand-feature-item .antsand-feature-desc, .hero-4 .sub-container .antsand-hero-subtitle, .hero-4 .antsand-footer-column .antsand-hero-subtitle, .hero-4 .antsand-pricing-card .antsand-hero-subtitle, .hero-4 .antsand-feature-item .antsand-hero-subtitle {
      font-size: 1.125rem;
      line-height: 1.75;
      margin-bottom: 2rem;
      max-width: 540px; }
      @media (min-width: 768px) {
        .hero-4 .sub-container .description, .hero-4 .antsand-footer-column .description, .hero-4 .antsand-pricing-card .description, .hero-4 .sub-container .antsand-feature-desc, .hero-4 .antsand-footer-column .antsand-feature-desc, .hero-4 .antsand-pricing-card .antsand-feature-desc, .hero-4 .antsand-feature-item .description, .hero-4 .antsand-feature-item .antsand-feature-desc, .hero-4 .sub-container .antsand-hero-subtitle, .hero-4 .antsand-footer-column .antsand-hero-subtitle, .hero-4 .antsand-pricing-card .antsand-hero-subtitle, .hero-4 .antsand-feature-item .antsand-hero-subtitle {
          font-size: 1.25rem; } }
    .hero-4 .sub-container .cta-container, .hero-4 .antsand-footer-column .cta-container, .hero-4 .antsand-pricing-card .cta-container, .hero-4 .antsand-feature-item .cta-container, .hero-4 .sub-container .antsand-hero-cta, .hero-4 .antsand-footer-column .antsand-hero-cta, .hero-4 .antsand-pricing-card .antsand-hero-cta, .hero-4 .antsand-feature-item .antsand-hero-cta {
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
      margin-top: 1.5rem; }
      .hero-4 .sub-container .cta-container .cta, .hero-4 .antsand-footer-column .cta-container .cta, .hero-4 .sub-container .cta-container .antsand-pricing-cta, .hero-4 .antsand-footer-column .cta-container .antsand-pricing-cta, .hero-4 .antsand-pricing-card .cta-container .cta, .hero-4 .antsand-pricing-card .cta-container .antsand-pricing-cta, .hero-4 .antsand-feature-item .cta-container .cta, .hero-4 .antsand-feature-item .cta-container .antsand-pricing-cta, .hero-4 .sub-container .antsand-hero-cta .cta, .hero-4 .antsand-footer-column .antsand-hero-cta .cta, .hero-4 .sub-container .antsand-hero-cta .antsand-pricing-cta, .hero-4 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .hero-4 .antsand-pricing-card .antsand-hero-cta .cta, .hero-4 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .hero-4 .antsand-feature-item .antsand-hero-cta .cta, .hero-4 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 1rem 2rem;
        border-radius: 0.5rem;
        font-weight: 600;
        text-decoration: none;
        transition: all 250ms ease;
        cursor: pointer;
        border: none; }
    .hero-4 .sub-container .img-container img, .hero-4 .antsand-footer-column .img-container img, .hero-4 .antsand-pricing-card .img-container img, .hero-4 .antsand-feature-item .img-container img, .hero-4 .sub-container .antsand-hero-image img, .hero-4 .antsand-footer-column .antsand-hero-image img, .hero-4 .antsand-pricing-card .antsand-hero-image img, .hero-4 .antsand-feature-item .antsand-hero-image img {
      max-width: 100%;
      height: auto;
      border-radius: 0.75rem; }
  @media (max-width: 767px) {
    .hero-4 {
      text-align: center; }
      .hero-4 .sub-container .description, .hero-4 .antsand-footer-column .description, .hero-4 .antsand-pricing-card .description, .hero-4 .sub-container .antsand-feature-desc, .hero-4 .antsand-footer-column .antsand-feature-desc, .hero-4 .antsand-pricing-card .antsand-feature-desc, .hero-4 .antsand-feature-item .description, .hero-4 .antsand-feature-item .antsand-feature-desc, .hero-4 .sub-container .antsand-hero-subtitle, .hero-4 .antsand-footer-column .antsand-hero-subtitle, .hero-4 .antsand-pricing-card .antsand-hero-subtitle, .hero-4 .antsand-feature-item .antsand-hero-subtitle {
        margin-left: auto;
        margin-right: auto; }
      .hero-4 .sub-container .cta-container, .hero-4 .antsand-footer-column .cta-container, .hero-4 .antsand-pricing-card .cta-container, .hero-4 .antsand-feature-item .cta-container, .hero-4 .sub-container .antsand-hero-cta, .hero-4 .antsand-footer-column .antsand-hero-cta, .hero-4 .antsand-pricing-card .antsand-hero-cta, .hero-4 .antsand-feature-item .antsand-hero-cta {
        justify-content: center; } }
  .hero-4 .sub-container .eyebrow, .hero-4 .antsand-footer-column .eyebrow, .hero-4 .antsand-pricing-card .eyebrow, .hero-4 .antsand-feature-item .eyebrow {
    color: #adb5bd; }
  .hero-4 .sub-container .title, .hero-4 .antsand-footer-column .title, .hero-4 .antsand-pricing-card .title, .hero-4 .sub-container .antsand-feature-title, .hero-4 .antsand-footer-column .antsand-feature-title, .hero-4 .antsand-pricing-card .antsand-feature-title, .hero-4 .antsand-feature-item .title, .hero-4 .antsand-feature-item .antsand-feature-title, .hero-4 .sub-container .antsand-hero-title, .hero-4 .antsand-footer-column .antsand-hero-title, .hero-4 .antsand-pricing-card .antsand-hero-title, .hero-4 .antsand-feature-item .antsand-hero-title {
    color: #212529; }
  .hero-4 .sub-container .description, .hero-4 .antsand-footer-column .description, .hero-4 .antsand-pricing-card .description, .hero-4 .sub-container .antsand-feature-desc, .hero-4 .antsand-footer-column .antsand-feature-desc, .hero-4 .antsand-pricing-card .antsand-feature-desc, .hero-4 .antsand-feature-item .description, .hero-4 .antsand-feature-item .antsand-feature-desc, .hero-4 .sub-container .antsand-hero-subtitle, .hero-4 .antsand-footer-column .antsand-hero-subtitle, .hero-4 .antsand-pricing-card .antsand-hero-subtitle, .hero-4 .antsand-feature-item .antsand-hero-subtitle {
    color: #6c757d; }
  .hero-4 .sub-container .cta-container .cta, .hero-4 .antsand-footer-column .cta-container .cta, .hero-4 .sub-container .cta-container .antsand-pricing-cta, .hero-4 .antsand-footer-column .cta-container .antsand-pricing-cta, .hero-4 .antsand-pricing-card .cta-container .cta, .hero-4 .antsand-pricing-card .cta-container .antsand-pricing-cta, .hero-4 .antsand-feature-item .cta-container .cta, .hero-4 .antsand-feature-item .cta-container .antsand-pricing-cta, .hero-4 .sub-container .antsand-hero-cta .cta, .hero-4 .antsand-footer-column .antsand-hero-cta .cta, .hero-4 .sub-container .antsand-hero-cta .antsand-pricing-cta, .hero-4 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .hero-4 .antsand-pricing-card .antsand-hero-cta .cta, .hero-4 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .hero-4 .antsand-feature-item .antsand-hero-cta .cta, .hero-4 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta {
    background: #212529;
    color: white; }
    .hero-4 .sub-container .cta-container .cta:hover, .hero-4 .antsand-footer-column .cta-container .cta:hover, .hero-4 .sub-container .cta-container .antsand-pricing-cta:hover, .hero-4 .antsand-footer-column .cta-container .antsand-pricing-cta:hover, .hero-4 .antsand-pricing-card .cta-container .cta:hover, .hero-4 .antsand-pricing-card .cta-container .antsand-pricing-cta:hover, .hero-4 .antsand-feature-item .cta-container .cta:hover, .hero-4 .antsand-feature-item .cta-container .antsand-pricing-cta:hover, .hero-4 .sub-container .antsand-hero-cta .cta:hover, .hero-4 .antsand-footer-column .antsand-hero-cta .cta:hover, .hero-4 .sub-container .antsand-hero-cta .antsand-pricing-cta:hover, .hero-4 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta:hover, .hero-4 .antsand-pricing-card .antsand-hero-cta .cta:hover, .hero-4 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta:hover, .hero-4 .antsand-feature-item .antsand-hero-cta .cta:hover, .hero-4 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta:hover {
      background: #343a40; }
    .hero-4 .sub-container .cta-container .cta.cta-secondary, .hero-4 .antsand-footer-column .cta-container .cta.cta-secondary, .hero-4 .sub-container .cta-container .cta-secondary.antsand-pricing-cta, .hero-4 .antsand-footer-column .cta-container .cta-secondary.antsand-pricing-cta, .hero-4 .antsand-pricing-card .cta-container .cta.cta-secondary, .hero-4 .antsand-pricing-card .cta-container .cta-secondary.antsand-pricing-cta, .hero-4 .antsand-feature-item .cta-container .cta.cta-secondary, .hero-4 .antsand-feature-item .cta-container .cta-secondary.antsand-pricing-cta, .hero-4 .sub-container .antsand-hero-cta .cta.cta-secondary, .hero-4 .antsand-footer-column .antsand-hero-cta .cta.cta-secondary, .hero-4 .sub-container .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .hero-4 .antsand-footer-column .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .hero-4 .antsand-pricing-card .antsand-hero-cta .cta.cta-secondary, .hero-4 .antsand-pricing-card .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .hero-4 .antsand-feature-item .antsand-hero-cta .cta.cta-secondary, .hero-4 .antsand-feature-item .antsand-hero-cta .cta-secondary.antsand-pricing-cta {
      background: transparent;
      color: #495057;
      border: 1px solid #dee2e6; }
      .hero-4 .sub-container .cta-container .cta.cta-secondary:hover, .hero-4 .antsand-footer-column .cta-container .cta.cta-secondary:hover, .hero-4 .sub-container .cta-container .cta-secondary.antsand-pricing-cta:hover, .hero-4 .antsand-footer-column .cta-container .cta-secondary.antsand-pricing-cta:hover, .hero-4 .antsand-pricing-card .cta-container .cta.cta-secondary:hover, .hero-4 .antsand-pricing-card .cta-container .cta-secondary.antsand-pricing-cta:hover, .hero-4 .antsand-feature-item .cta-container .cta.cta-secondary:hover, .hero-4 .antsand-feature-item .cta-container .cta-secondary.antsand-pricing-cta:hover, .hero-4 .sub-container .antsand-hero-cta .cta.cta-secondary:hover, .hero-4 .antsand-footer-column .antsand-hero-cta .cta.cta-secondary:hover, .hero-4 .sub-container .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .hero-4 .antsand-footer-column .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .hero-4 .antsand-pricing-card .antsand-hero-cta .cta.cta-secondary:hover, .hero-4 .antsand-pricing-card .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .hero-4 .antsand-feature-item .antsand-hero-cta .cta.cta-secondary:hover, .hero-4 .antsand-feature-item .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover {
        border-color: #212529;
        color: #212529; }
  .hero-4 .sub-container .img-container img, .hero-4 .antsand-footer-column .img-container img, .hero-4 .antsand-pricing-card .img-container img, .hero-4 .antsand-feature-item .img-container img, .hero-4 .sub-container .antsand-hero-image img, .hero-4 .antsand-footer-column .antsand-hero-image img, .hero-4 .antsand-pricing-card .antsand-hero-image img, .hero-4 .antsand-feature-item .antsand-hero-image img {
    border: 1px solid #e9ecef;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }

.hero-5 {
  position: relative;
  min-height: 70vh;
  display: flex;
  align-items: center;
  padding: 6rem 0;
  background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
  color: white; }
  .hero-5 > .container, .hero-5 > .antsand-footer-grid {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3rem; }
    @media (min-width: 768px) {
      .hero-5 > .container, .hero-5 > .antsand-footer-grid {
        flex-direction: row;
        align-items: center; } }
  .hero-5 .sub-container, .hero-5 .antsand-footer-column, .hero-5 .antsand-pricing-card, .hero-5 .antsand-feature-item {
    flex: 1; }
    .hero-5 .sub-container .eyebrow, .hero-5 .antsand-footer-column .eyebrow, .hero-5 .antsand-pricing-card .eyebrow, .hero-5 .antsand-feature-item .eyebrow {
      font-size: 0.875rem;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      margin-bottom: 0.5rem;
      font-weight: 500; }
    .hero-5 .sub-container .title, .hero-5 .antsand-footer-column .title, .hero-5 .antsand-pricing-card .title, .hero-5 .sub-container .antsand-feature-title, .hero-5 .antsand-footer-column .antsand-feature-title, .hero-5 .antsand-pricing-card .antsand-feature-title, .hero-5 .antsand-feature-item .title, .hero-5 .antsand-feature-item .antsand-feature-title, .hero-5 .sub-container .antsand-hero-title, .hero-5 .antsand-footer-column .antsand-hero-title, .hero-5 .antsand-pricing-card .antsand-hero-title, .hero-5 .antsand-feature-item .antsand-hero-title {
      font-size: 2rem;
      font-weight: 700;
      line-height: 1.25;
      margin-bottom: 1.5rem; }
      @media (min-width: 768px) {
        .hero-5 .sub-container .title, .hero-5 .antsand-footer-column .title, .hero-5 .antsand-pricing-card .title, .hero-5 .sub-container .antsand-feature-title, .hero-5 .antsand-footer-column .antsand-feature-title, .hero-5 .antsand-pricing-card .antsand-feature-title, .hero-5 .antsand-feature-item .title, .hero-5 .antsand-feature-item .antsand-feature-title, .hero-5 .sub-container .antsand-hero-title, .hero-5 .antsand-footer-column .antsand-hero-title, .hero-5 .antsand-pricing-card .antsand-hero-title, .hero-5 .antsand-feature-item .antsand-hero-title {
          font-size: 2.5rem; } }
      @media (min-width: 1024px) {
        .hero-5 .sub-container .title, .hero-5 .antsand-footer-column .title, .hero-5 .antsand-pricing-card .title, .hero-5 .sub-container .antsand-feature-title, .hero-5 .antsand-footer-column .antsand-feature-title, .hero-5 .antsand-pricing-card .antsand-feature-title, .hero-5 .antsand-feature-item .title, .hero-5 .antsand-feature-item .antsand-feature-title, .hero-5 .sub-container .antsand-hero-title, .hero-5 .antsand-footer-column .antsand-hero-title, .hero-5 .antsand-pricing-card .antsand-hero-title, .hero-5 .antsand-feature-item .antsand-hero-title {
          font-size: 3rem; } }
    .hero-5 .sub-container .description, .hero-5 .antsand-footer-column .description, .hero-5 .antsand-pricing-card .description, .hero-5 .sub-container .antsand-feature-desc, .hero-5 .antsand-footer-column .antsand-feature-desc, .hero-5 .antsand-pricing-card .antsand-feature-desc, .hero-5 .antsand-feature-item .description, .hero-5 .antsand-feature-item .antsand-feature-desc, .hero-5 .sub-container .antsand-hero-subtitle, .hero-5 .antsand-footer-column .antsand-hero-subtitle, .hero-5 .antsand-pricing-card .antsand-hero-subtitle, .hero-5 .antsand-feature-item .antsand-hero-subtitle {
      font-size: 1.125rem;
      line-height: 1.75;
      margin-bottom: 2rem;
      max-width: 540px; }
      @media (min-width: 768px) {
        .hero-5 .sub-container .description, .hero-5 .antsand-footer-column .description, .hero-5 .antsand-pricing-card .description, .hero-5 .sub-container .antsand-feature-desc, .hero-5 .antsand-footer-column .antsand-feature-desc, .hero-5 .antsand-pricing-card .antsand-feature-desc, .hero-5 .antsand-feature-item .description, .hero-5 .antsand-feature-item .antsand-feature-desc, .hero-5 .sub-container .antsand-hero-subtitle, .hero-5 .antsand-footer-column .antsand-hero-subtitle, .hero-5 .antsand-pricing-card .antsand-hero-subtitle, .hero-5 .antsand-feature-item .antsand-hero-subtitle {
          font-size: 1.25rem; } }
    .hero-5 .sub-container .cta-container, .hero-5 .antsand-footer-column .cta-container, .hero-5 .antsand-pricing-card .cta-container, .hero-5 .antsand-feature-item .cta-container, .hero-5 .sub-container .antsand-hero-cta, .hero-5 .antsand-footer-column .antsand-hero-cta, .hero-5 .antsand-pricing-card .antsand-hero-cta, .hero-5 .antsand-feature-item .antsand-hero-cta {
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
      margin-top: 1.5rem; }
      .hero-5 .sub-container .cta-container .cta, .hero-5 .antsand-footer-column .cta-container .cta, .hero-5 .sub-container .cta-container .antsand-pricing-cta, .hero-5 .antsand-footer-column .cta-container .antsand-pricing-cta, .hero-5 .antsand-pricing-card .cta-container .cta, .hero-5 .antsand-pricing-card .cta-container .antsand-pricing-cta, .hero-5 .antsand-feature-item .cta-container .cta, .hero-5 .antsand-feature-item .cta-container .antsand-pricing-cta, .hero-5 .sub-container .antsand-hero-cta .cta, .hero-5 .antsand-footer-column .antsand-hero-cta .cta, .hero-5 .sub-container .antsand-hero-cta .antsand-pricing-cta, .hero-5 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .hero-5 .antsand-pricing-card .antsand-hero-cta .cta, .hero-5 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .hero-5 .antsand-feature-item .antsand-hero-cta .cta, .hero-5 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 1rem 2rem;
        border-radius: 0.5rem;
        font-weight: 600;
        text-decoration: none;
        transition: all 250ms ease;
        cursor: pointer;
        border: none; }
    .hero-5 .sub-container .img-container img, .hero-5 .antsand-footer-column .img-container img, .hero-5 .antsand-pricing-card .img-container img, .hero-5 .antsand-feature-item .img-container img, .hero-5 .sub-container .antsand-hero-image img, .hero-5 .antsand-footer-column .antsand-hero-image img, .hero-5 .antsand-pricing-card .antsand-hero-image img, .hero-5 .antsand-feature-item .antsand-hero-image img {
      max-width: 100%;
      height: auto;
      border-radius: 0.75rem; }
  @media (max-width: 767px) {
    .hero-5 {
      text-align: center; }
      .hero-5 .sub-container .description, .hero-5 .antsand-footer-column .description, .hero-5 .antsand-pricing-card .description, .hero-5 .sub-container .antsand-feature-desc, .hero-5 .antsand-footer-column .antsand-feature-desc, .hero-5 .antsand-pricing-card .antsand-feature-desc, .hero-5 .antsand-feature-item .description, .hero-5 .antsand-feature-item .antsand-feature-desc, .hero-5 .sub-container .antsand-hero-subtitle, .hero-5 .antsand-footer-column .antsand-hero-subtitle, .hero-5 .antsand-pricing-card .antsand-hero-subtitle, .hero-5 .antsand-feature-item .antsand-hero-subtitle {
        margin-left: auto;
        margin-right: auto; }
      .hero-5 .sub-container .cta-container, .hero-5 .antsand-footer-column .cta-container, .hero-5 .antsand-pricing-card .cta-container, .hero-5 .antsand-feature-item .cta-container, .hero-5 .sub-container .antsand-hero-cta, .hero-5 .antsand-footer-column .antsand-hero-cta, .hero-5 .antsand-pricing-card .antsand-hero-cta, .hero-5 .antsand-feature-item .antsand-hero-cta {
        justify-content: center; } }
  .hero-5 .sub-container .eyebrow, .hero-5 .antsand-footer-column .eyebrow, .hero-5 .antsand-pricing-card .eyebrow, .hero-5 .antsand-feature-item .eyebrow {
    color: #38bdf8; }
  .hero-5 .sub-container .title, .hero-5 .antsand-footer-column .title, .hero-5 .antsand-pricing-card .title, .hero-5 .sub-container .antsand-feature-title, .hero-5 .antsand-footer-column .antsand-feature-title, .hero-5 .antsand-pricing-card .antsand-feature-title, .hero-5 .antsand-feature-item .title, .hero-5 .antsand-feature-item .antsand-feature-title, .hero-5 .sub-container .antsand-hero-title, .hero-5 .antsand-footer-column .antsand-hero-title, .hero-5 .antsand-pricing-card .antsand-hero-title, .hero-5 .antsand-feature-item .antsand-hero-title {
    color: white; }
  .hero-5 .sub-container .description, .hero-5 .antsand-footer-column .description, .hero-5 .antsand-pricing-card .description, .hero-5 .sub-container .antsand-feature-desc, .hero-5 .antsand-footer-column .antsand-feature-desc, .hero-5 .antsand-pricing-card .antsand-feature-desc, .hero-5 .antsand-feature-item .description, .hero-5 .antsand-feature-item .antsand-feature-desc, .hero-5 .sub-container .antsand-hero-subtitle, .hero-5 .antsand-footer-column .antsand-hero-subtitle, .hero-5 .antsand-pricing-card .antsand-hero-subtitle, .hero-5 .antsand-feature-item .antsand-hero-subtitle {
    color: #dee2e6; }
  .hero-5 .sub-container .cta-container .cta, .hero-5 .antsand-footer-column .cta-container .cta, .hero-5 .sub-container .cta-container .antsand-pricing-cta, .hero-5 .antsand-footer-column .cta-container .antsand-pricing-cta, .hero-5 .antsand-pricing-card .cta-container .cta, .hero-5 .antsand-pricing-card .cta-container .antsand-pricing-cta, .hero-5 .antsand-feature-item .cta-container .cta, .hero-5 .antsand-feature-item .cta-container .antsand-pricing-cta, .hero-5 .sub-container .antsand-hero-cta .cta, .hero-5 .antsand-footer-column .antsand-hero-cta .cta, .hero-5 .sub-container .antsand-hero-cta .antsand-pricing-cta, .hero-5 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .hero-5 .antsand-pricing-card .antsand-hero-cta .cta, .hero-5 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .hero-5 .antsand-feature-item .antsand-hero-cta .cta, .hero-5 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta {
    background: #38bdf8;
    color: #0f172a; }
    .hero-5 .sub-container .cta-container .cta:hover, .hero-5 .antsand-footer-column .cta-container .cta:hover, .hero-5 .sub-container .cta-container .antsand-pricing-cta:hover, .hero-5 .antsand-footer-column .cta-container .antsand-pricing-cta:hover, .hero-5 .antsand-pricing-card .cta-container .cta:hover, .hero-5 .antsand-pricing-card .cta-container .antsand-pricing-cta:hover, .hero-5 .antsand-feature-item .cta-container .cta:hover, .hero-5 .antsand-feature-item .cta-container .antsand-pricing-cta:hover, .hero-5 .sub-container .antsand-hero-cta .cta:hover, .hero-5 .antsand-footer-column .antsand-hero-cta .cta:hover, .hero-5 .sub-container .antsand-hero-cta .antsand-pricing-cta:hover, .hero-5 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta:hover, .hero-5 .antsand-pricing-card .antsand-hero-cta .cta:hover, .hero-5 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta:hover, .hero-5 .antsand-feature-item .antsand-hero-cta .cta:hover, .hero-5 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta:hover {
      background: #7dd3fc;
      transform: translateY(-2px); }
    .hero-5 .sub-container .cta-container .cta.cta-secondary, .hero-5 .antsand-footer-column .cta-container .cta.cta-secondary, .hero-5 .sub-container .cta-container .cta-secondary.antsand-pricing-cta, .hero-5 .antsand-footer-column .cta-container .cta-secondary.antsand-pricing-cta, .hero-5 .antsand-pricing-card .cta-container .cta.cta-secondary, .hero-5 .antsand-pricing-card .cta-container .cta-secondary.antsand-pricing-cta, .hero-5 .antsand-feature-item .cta-container .cta.cta-secondary, .hero-5 .antsand-feature-item .cta-container .cta-secondary.antsand-pricing-cta, .hero-5 .sub-container .antsand-hero-cta .cta.cta-secondary, .hero-5 .antsand-footer-column .antsand-hero-cta .cta.cta-secondary, .hero-5 .sub-container .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .hero-5 .antsand-footer-column .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .hero-5 .antsand-pricing-card .antsand-hero-cta .cta.cta-secondary, .hero-5 .antsand-pricing-card .antsand-hero-cta .cta-secondary.antsand-pricing-cta, .hero-5 .antsand-feature-item .antsand-hero-cta .cta.cta-secondary, .hero-5 .antsand-feature-item .antsand-hero-cta .cta-secondary.antsand-pricing-cta {
      background: transparent;
      color: #38bdf8;
      border: 1px solid #38bdf8; }
      .hero-5 .sub-container .cta-container .cta.cta-secondary:hover, .hero-5 .antsand-footer-column .cta-container .cta.cta-secondary:hover, .hero-5 .sub-container .cta-container .cta-secondary.antsand-pricing-cta:hover, .hero-5 .antsand-footer-column .cta-container .cta-secondary.antsand-pricing-cta:hover, .hero-5 .antsand-pricing-card .cta-container .cta.cta-secondary:hover, .hero-5 .antsand-pricing-card .cta-container .cta-secondary.antsand-pricing-cta:hover, .hero-5 .antsand-feature-item .cta-container .cta.cta-secondary:hover, .hero-5 .antsand-feature-item .cta-container .cta-secondary.antsand-pricing-cta:hover, .hero-5 .sub-container .antsand-hero-cta .cta.cta-secondary:hover, .hero-5 .antsand-footer-column .antsand-hero-cta .cta.cta-secondary:hover, .hero-5 .sub-container .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .hero-5 .antsand-footer-column .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .hero-5 .antsand-pricing-card .antsand-hero-cta .cta.cta-secondary:hover, .hero-5 .antsand-pricing-card .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover, .hero-5 .antsand-feature-item .antsand-hero-cta .cta.cta-secondary:hover, .hero-5 .antsand-feature-item .antsand-hero-cta .cta-secondary.antsand-pricing-cta:hover {
        background: rgba(56, 189, 248, 0.1); }
  .hero-5 .sub-container .img-container img, .hero-5 .antsand-footer-column .img-container img, .hero-5 .antsand-pricing-card .img-container img, .hero-5 .antsand-feature-item .img-container img, .hero-5 .sub-container .antsand-hero-image img, .hero-5 .antsand-footer-column .antsand-hero-image img, .hero-5 .antsand-pricing-card .antsand-hero-image img, .hero-5 .antsand-feature-item .antsand-hero-image img {
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4); }

.hero-centered > .container, .hero-centered > .antsand-footer-grid {
  flex-direction: column !important;
  text-align: center;
  max-width: 900px; }

.hero-centered .sub-container .description, .hero-centered .antsand-footer-column .description, .hero-centered .antsand-pricing-card .description, .hero-centered .sub-container .antsand-feature-desc, .hero-centered .antsand-footer-column .antsand-feature-desc, .hero-centered .antsand-pricing-card .antsand-feature-desc, .hero-centered .antsand-feature-item .description, .hero-centered .antsand-feature-item .antsand-feature-desc, .hero-centered .sub-container .antsand-hero-subtitle, .hero-centered .antsand-footer-column .antsand-hero-subtitle, .hero-centered .antsand-pricing-card .antsand-hero-subtitle, .hero-centered .antsand-feature-item .antsand-hero-subtitle {
  margin-left: auto;
  margin-right: auto; }

.hero-centered .sub-container .cta-container, .hero-centered .antsand-footer-column .cta-container, .hero-centered .antsand-pricing-card .cta-container, .hero-centered .antsand-feature-item .cta-container, .hero-centered .sub-container .antsand-hero-cta, .hero-centered .antsand-footer-column .antsand-hero-cta, .hero-centered .antsand-pricing-card .antsand-hero-cta, .hero-centered .antsand-feature-item .antsand-hero-cta {
  justify-content: center; }

@media (min-width: 768px) {
  .hero-reversed > .container, .hero-reversed > .antsand-footer-grid {
    flex-direction: row-reverse; } }

.hero-full {
  min-height: 100vh; }

.features-1, .antsand-features {
  padding: 4rem 0;
  background-color: white; }
  .features-1 > .container, .features-1 > .antsand-footer-grid, .antsand-features > .container, .antsand-features > .antsand-footer-grid {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem; }
  .features-1 .header-section, .antsand-features .header-section {
    text-align: center;
    margin-bottom: 3rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; }
    .features-1 .header-section .title, .features-1 .header-section .antsand-feature-title, .antsand-features .header-section .title, .antsand-features .header-section .antsand-feature-title, .features-1 .header-section .antsand-hero-title, .antsand-features .header-section .antsand-hero-title {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 1rem; }
      @media (min-width: 768px) {
        .features-1 .header-section .title, .features-1 .header-section .antsand-feature-title, .antsand-features .header-section .title, .antsand-features .header-section .antsand-feature-title, .features-1 .header-section .antsand-hero-title, .antsand-features .header-section .antsand-hero-title {
          font-size: 2.5rem; } }
    .features-1 .header-section .description, .features-1 .header-section .antsand-feature-desc, .antsand-features .header-section .description, .antsand-features .header-section .antsand-feature-desc, .features-1 .header-section .antsand-hero-subtitle, .antsand-features .header-section .antsand-hero-subtitle {
      font-size: 1.125rem;
      line-height: 1.75; }
  .features-1 .data-container, .antsand-features .data-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem; }
  .features-1 .sub-container, .features-1 .antsand-footer-column, .features-1 .antsand-pricing-card, .features-1 .antsand-feature-item, .antsand-features .sub-container, .antsand-features .antsand-footer-column, .antsand-features .antsand-pricing-card, .antsand-features .antsand-feature-item {
    text-align: center;
    padding: 1.5rem;
    transition: transform 250ms ease; }
    .features-1 .sub-container:hover, .features-1 .antsand-footer-column:hover, .features-1 .antsand-pricing-card:hover, .features-1 .antsand-feature-item:hover, .antsand-features .sub-container:hover, .antsand-features .antsand-footer-column:hover, .antsand-features .antsand-pricing-card:hover, .antsand-features .antsand-feature-item:hover {
      transform: translateY(-4px); }
    .features-1 .sub-container .icon, .features-1 .antsand-footer-column .icon, .features-1 .antsand-pricing-card .icon, .features-1 .sub-container .antsand-feature-icon, .features-1 .antsand-footer-column .antsand-feature-icon, .features-1 .antsand-pricing-card .antsand-feature-icon, .features-1 .antsand-feature-item .icon, .features-1 .antsand-feature-item .antsand-feature-icon, .antsand-features .sub-container .icon, .antsand-features .antsand-footer-column .icon, .antsand-features .antsand-pricing-card .icon, .antsand-features .sub-container .antsand-feature-icon, .antsand-features .antsand-footer-column .antsand-feature-icon, .antsand-features .antsand-pricing-card .antsand-feature-icon, .antsand-features .antsand-feature-item .icon, .antsand-features .antsand-feature-item .antsand-feature-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 4rem;
      height: 4rem;
      margin: 0 auto 1rem auto;
      border-radius: 0.75rem;
      font-size: 1.75rem; }
      .features-1 .sub-container .icon img, .features-1 .antsand-footer-column .icon img, .features-1 .antsand-pricing-card .icon img, .features-1 .sub-container .antsand-feature-icon img, .features-1 .antsand-footer-column .antsand-feature-icon img, .features-1 .antsand-pricing-card .antsand-feature-icon img, .features-1 .antsand-feature-item .icon img, .features-1 .antsand-feature-item .antsand-feature-icon img, .antsand-features .sub-container .icon img, .antsand-features .antsand-footer-column .icon img, .antsand-features .antsand-pricing-card .icon img, .antsand-features .sub-container .antsand-feature-icon img, .antsand-features .antsand-footer-column .antsand-feature-icon img, .antsand-features .antsand-pricing-card .antsand-feature-icon img, .antsand-features .antsand-feature-item .icon img, .antsand-features .antsand-feature-item .antsand-feature-icon img, .features-1 .sub-container .icon svg, .features-1 .antsand-footer-column .icon svg, .features-1 .antsand-pricing-card .icon svg, .features-1 .sub-container .antsand-feature-icon svg, .features-1 .antsand-footer-column .antsand-feature-icon svg, .features-1 .antsand-pricing-card .antsand-feature-icon svg, .features-1 .antsand-feature-item .icon svg, .features-1 .antsand-feature-item .antsand-feature-icon svg, .antsand-features .sub-container .icon svg, .antsand-features .antsand-footer-column .icon svg, .antsand-features .antsand-pricing-card .icon svg, .antsand-features .sub-container .antsand-feature-icon svg, .antsand-features .antsand-footer-column .antsand-feature-icon svg, .antsand-features .antsand-pricing-card .antsand-feature-icon svg, .antsand-features .antsand-feature-item .icon svg, .antsand-features .antsand-feature-item .antsand-feature-icon svg {
        width: 2rem;
        height: 2rem; }
      .features-1 .sub-container .icon i, .features-1 .antsand-footer-column .icon i, .features-1 .antsand-pricing-card .icon i, .features-1 .sub-container .antsand-feature-icon i, .features-1 .antsand-footer-column .antsand-feature-icon i, .features-1 .antsand-pricing-card .antsand-feature-icon i, .features-1 .antsand-feature-item .icon i, .features-1 .antsand-feature-item .antsand-feature-icon i, .antsand-features .sub-container .icon i, .antsand-features .antsand-footer-column .icon i, .antsand-features .antsand-pricing-card .icon i, .antsand-features .sub-container .antsand-feature-icon i, .antsand-features .antsand-footer-column .antsand-feature-icon i, .antsand-features .antsand-pricing-card .antsand-feature-icon i, .antsand-features .antsand-feature-item .icon i, .antsand-features .antsand-feature-item .antsand-feature-icon i {
        font-size: 1.75rem; }
    .features-1 .sub-container .title, .features-1 .antsand-footer-column .title, .features-1 .antsand-pricing-card .title, .features-1 .sub-container .antsand-feature-title, .features-1 .antsand-footer-column .antsand-feature-title, .features-1 .antsand-pricing-card .antsand-feature-title, .features-1 .antsand-feature-item .title, .features-1 .antsand-feature-item .antsand-feature-title, .antsand-features .sub-container .title, .antsand-features .antsand-footer-column .title, .antsand-features .antsand-pricing-card .title, .antsand-features .sub-container .antsand-feature-title, .antsand-features .antsand-footer-column .antsand-feature-title, .antsand-features .antsand-pricing-card .antsand-feature-title, .antsand-features .antsand-feature-item .title, .antsand-features .antsand-feature-item .antsand-feature-title, .features-1 .sub-container .antsand-hero-title, .features-1 .antsand-footer-column .antsand-hero-title, .features-1 .antsand-pricing-card .antsand-hero-title, .features-1 .antsand-feature-item .antsand-hero-title, .antsand-features .sub-container .antsand-hero-title, .antsand-features .antsand-footer-column .antsand-hero-title, .antsand-features .antsand-pricing-card .antsand-hero-title, .antsand-features .antsand-feature-item .antsand-hero-title {
      font-size: 1.25rem;
      font-weight: 600;
      margin-bottom: 0.5rem; }
    .features-1 .sub-container .description, .features-1 .antsand-footer-column .description, .features-1 .antsand-pricing-card .description, .features-1 .sub-container .antsand-feature-desc, .features-1 .antsand-footer-column .antsand-feature-desc, .features-1 .antsand-pricing-card .antsand-feature-desc, .features-1 .antsand-feature-item .description, .features-1 .antsand-feature-item .antsand-feature-desc, .antsand-features .sub-container .description, .antsand-features .antsand-footer-column .description, .antsand-features .antsand-pricing-card .description, .antsand-features .sub-container .antsand-feature-desc, .antsand-features .antsand-footer-column .antsand-feature-desc, .antsand-features .antsand-pricing-card .antsand-feature-desc, .antsand-features .antsand-feature-item .description, .antsand-features .antsand-feature-item .antsand-feature-desc, .features-1 .sub-container .antsand-hero-subtitle, .features-1 .antsand-footer-column .antsand-hero-subtitle, .features-1 .antsand-pricing-card .antsand-hero-subtitle, .features-1 .antsand-feature-item .antsand-hero-subtitle, .antsand-features .sub-container .antsand-hero-subtitle, .antsand-features .antsand-footer-column .antsand-hero-subtitle, .antsand-features .antsand-pricing-card .antsand-hero-subtitle, .antsand-features .antsand-feature-item .antsand-hero-subtitle {
      font-size: 1rem;
      line-height: 1.75; }
    .features-1 .sub-container .cta-container, .features-1 .antsand-footer-column .cta-container, .features-1 .antsand-pricing-card .cta-container, .features-1 .antsand-feature-item .cta-container, .antsand-features .sub-container .cta-container, .antsand-features .antsand-footer-column .cta-container, .antsand-features .antsand-pricing-card .cta-container, .antsand-features .antsand-feature-item .cta-container, .features-1 .sub-container .antsand-hero-cta, .features-1 .antsand-footer-column .antsand-hero-cta, .features-1 .antsand-pricing-card .antsand-hero-cta, .features-1 .antsand-feature-item .antsand-hero-cta, .antsand-features .sub-container .antsand-hero-cta, .antsand-features .antsand-footer-column .antsand-hero-cta, .antsand-features .antsand-pricing-card .antsand-hero-cta, .antsand-features .antsand-feature-item .antsand-hero-cta {
      margin-top: 1rem; }
      .features-1 .sub-container .cta-container .cta, .features-1 .antsand-footer-column .cta-container .cta, .features-1 .sub-container .cta-container .antsand-pricing-cta, .features-1 .antsand-footer-column .cta-container .antsand-pricing-cta, .features-1 .antsand-pricing-card .cta-container .cta, .features-1 .antsand-pricing-card .cta-container .antsand-pricing-cta, .features-1 .antsand-feature-item .cta-container .cta, .features-1 .antsand-feature-item .cta-container .antsand-pricing-cta, .antsand-features .sub-container .cta-container .cta, .antsand-features .antsand-footer-column .cta-container .cta, .antsand-features .sub-container .cta-container .antsand-pricing-cta, .antsand-features .antsand-footer-column .cta-container .antsand-pricing-cta, .antsand-features .antsand-pricing-card .cta-container .cta, .antsand-features .antsand-pricing-card .cta-container .antsand-pricing-cta, .antsand-features .antsand-feature-item .cta-container .cta, .antsand-features .antsand-feature-item .cta-container .antsand-pricing-cta, .features-1 .sub-container .antsand-hero-cta .cta, .features-1 .antsand-footer-column .antsand-hero-cta .cta, .features-1 .sub-container .antsand-hero-cta .antsand-pricing-cta, .features-1 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .features-1 .antsand-pricing-card .antsand-hero-cta .cta, .features-1 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .features-1 .antsand-feature-item .antsand-hero-cta .cta, .features-1 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta, .antsand-features .sub-container .antsand-hero-cta .cta, .antsand-features .antsand-footer-column .antsand-hero-cta .cta, .antsand-features .sub-container .antsand-hero-cta .antsand-pricing-cta, .antsand-features .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .antsand-features .antsand-pricing-card .antsand-hero-cta .cta, .antsand-features .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .antsand-features .antsand-feature-item .antsand-hero-cta .cta, .antsand-features .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta {
        font-weight: 500;
        text-decoration: none;
        transition: color 250ms ease; }
  .features-1 .header-section .title, .features-1 .header-section .antsand-feature-title, .antsand-features .header-section .title, .antsand-features .header-section .antsand-feature-title, .features-1 .header-section .antsand-hero-title, .antsand-features .header-section .antsand-hero-title {
    color: #212529; }
  .features-1 .header-section .description, .features-1 .header-section .antsand-feature-desc, .antsand-features .header-section .description, .antsand-features .header-section .antsand-feature-desc, .features-1 .header-section .antsand-hero-subtitle, .antsand-features .header-section .antsand-hero-subtitle {
    color: #6c757d; }
  .features-1 .sub-container .icon, .features-1 .antsand-footer-column .icon, .features-1 .antsand-pricing-card .icon, .features-1 .sub-container .antsand-feature-icon, .features-1 .antsand-footer-column .antsand-feature-icon, .features-1 .antsand-pricing-card .antsand-feature-icon, .features-1 .antsand-feature-item .icon, .features-1 .antsand-feature-item .antsand-feature-icon, .antsand-features .sub-container .icon, .antsand-features .antsand-footer-column .icon, .antsand-features .antsand-pricing-card .icon, .antsand-features .sub-container .antsand-feature-icon, .antsand-features .antsand-footer-column .antsand-feature-icon, .antsand-features .antsand-pricing-card .antsand-feature-icon, .antsand-features .antsand-feature-item .icon, .antsand-features .antsand-feature-item .antsand-feature-icon {
    background-color: #eaf4fb;
    color: #3498db; }
  .features-1 .sub-container .title, .features-1 .antsand-footer-column .title, .features-1 .antsand-pricing-card .title, .features-1 .sub-container .antsand-feature-title, .features-1 .antsand-footer-column .antsand-feature-title, .features-1 .antsand-pricing-card .antsand-feature-title, .features-1 .antsand-feature-item .title, .features-1 .antsand-feature-item .antsand-feature-title, .antsand-features .sub-container .title, .antsand-features .antsand-footer-column .title, .antsand-features .antsand-pricing-card .title, .antsand-features .sub-container .antsand-feature-title, .antsand-features .antsand-footer-column .antsand-feature-title, .antsand-features .antsand-pricing-card .antsand-feature-title, .antsand-features .antsand-feature-item .title, .antsand-features .antsand-feature-item .antsand-feature-title, .features-1 .sub-container .antsand-hero-title, .features-1 .antsand-footer-column .antsand-hero-title, .features-1 .antsand-pricing-card .antsand-hero-title, .features-1 .antsand-feature-item .antsand-hero-title, .antsand-features .sub-container .antsand-hero-title, .antsand-features .antsand-footer-column .antsand-hero-title, .antsand-features .antsand-pricing-card .antsand-hero-title, .antsand-features .antsand-feature-item .antsand-hero-title {
    color: #212529; }
  .features-1 .sub-container .description, .features-1 .antsand-footer-column .description, .features-1 .antsand-pricing-card .description, .features-1 .sub-container .antsand-feature-desc, .features-1 .antsand-footer-column .antsand-feature-desc, .features-1 .antsand-pricing-card .antsand-feature-desc, .features-1 .antsand-feature-item .description, .features-1 .antsand-feature-item .antsand-feature-desc, .antsand-features .sub-container .description, .antsand-features .antsand-footer-column .description, .antsand-features .antsand-pricing-card .description, .antsand-features .sub-container .antsand-feature-desc, .antsand-features .antsand-footer-column .antsand-feature-desc, .antsand-features .antsand-pricing-card .antsand-feature-desc, .antsand-features .antsand-feature-item .description, .antsand-features .antsand-feature-item .antsand-feature-desc, .features-1 .sub-container .antsand-hero-subtitle, .features-1 .antsand-footer-column .antsand-hero-subtitle, .features-1 .antsand-pricing-card .antsand-hero-subtitle, .features-1 .antsand-feature-item .antsand-hero-subtitle, .antsand-features .sub-container .antsand-hero-subtitle, .antsand-features .antsand-footer-column .antsand-hero-subtitle, .antsand-features .antsand-pricing-card .antsand-hero-subtitle, .antsand-features .antsand-feature-item .antsand-hero-subtitle {
    color: #6c757d; }
  .features-1 .sub-container .cta, .features-1 .antsand-footer-column .cta, .features-1 .sub-container .antsand-pricing-cta, .features-1 .antsand-footer-column .antsand-pricing-cta, .features-1 .antsand-pricing-card .cta, .features-1 .antsand-pricing-card .antsand-pricing-cta, .features-1 .antsand-feature-item .cta, .features-1 .antsand-feature-item .antsand-pricing-cta, .antsand-features .sub-container .cta, .antsand-features .antsand-footer-column .cta, .antsand-features .sub-container .antsand-pricing-cta, .antsand-features .antsand-footer-column .antsand-pricing-cta, .antsand-features .antsand-pricing-card .cta, .antsand-features .antsand-pricing-card .antsand-pricing-cta, .antsand-features .antsand-feature-item .cta, .antsand-features .antsand-feature-item .antsand-pricing-cta {
    color: #3498db; }
    .features-1 .sub-container .cta:hover, .features-1 .antsand-footer-column .cta:hover, .features-1 .sub-container .antsand-pricing-cta:hover, .features-1 .antsand-footer-column .antsand-pricing-cta:hover, .features-1 .antsand-pricing-card .cta:hover, .features-1 .antsand-pricing-card .antsand-pricing-cta:hover, .features-1 .antsand-feature-item .cta:hover, .features-1 .antsand-feature-item .antsand-pricing-cta:hover, .antsand-features .sub-container .cta:hover, .antsand-features .antsand-footer-column .cta:hover, .antsand-features .sub-container .antsand-pricing-cta:hover, .antsand-features .antsand-footer-column .antsand-pricing-cta:hover, .antsand-features .antsand-pricing-card .cta:hover, .antsand-features .antsand-pricing-card .antsand-pricing-cta:hover, .antsand-features .antsand-feature-item .cta:hover, .antsand-features .antsand-feature-item .antsand-pricing-cta:hover {
      color: #217dbb; }

.features-2, .antsand-features-cards {
  padding: 4rem 0;
  background-color: #f9fafb; }
  .features-2 > .container, .features-2 > .antsand-footer-grid, .antsand-features-cards > .container, .antsand-features-cards > .antsand-footer-grid {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem; }
  .features-2 .header-section, .antsand-features-cards .header-section {
    text-align: center;
    margin-bottom: 3rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; }
    .features-2 .header-section .title, .features-2 .header-section .antsand-feature-title, .antsand-features-cards .header-section .title, .antsand-features-cards .header-section .antsand-feature-title, .features-2 .header-section .antsand-hero-title, .antsand-features-cards .header-section .antsand-hero-title {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 1rem; }
      @media (min-width: 768px) {
        .features-2 .header-section .title, .features-2 .header-section .antsand-feature-title, .antsand-features-cards .header-section .title, .antsand-features-cards .header-section .antsand-feature-title, .features-2 .header-section .antsand-hero-title, .antsand-features-cards .header-section .antsand-hero-title {
          font-size: 2.5rem; } }
    .features-2 .header-section .description, .features-2 .header-section .antsand-feature-desc, .antsand-features-cards .header-section .description, .antsand-features-cards .header-section .antsand-feature-desc, .features-2 .header-section .antsand-hero-subtitle, .antsand-features-cards .header-section .antsand-hero-subtitle {
      font-size: 1.125rem;
      line-height: 1.75; }
  .features-2 .data-container, .antsand-features-cards .data-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem; }
  .features-2 .sub-container, .features-2 .antsand-footer-column, .features-2 .antsand-pricing-card, .features-2 .antsand-feature-item, .antsand-features-cards .sub-container, .antsand-features-cards .antsand-footer-column, .antsand-features-cards .antsand-pricing-card, .antsand-features-cards .antsand-feature-item {
    text-align: center;
    padding: 1.5rem;
    transition: transform 250ms ease; }
    .features-2 .sub-container:hover, .features-2 .antsand-footer-column:hover, .features-2 .antsand-pricing-card:hover, .features-2 .antsand-feature-item:hover, .antsand-features-cards .sub-container:hover, .antsand-features-cards .antsand-footer-column:hover, .antsand-features-cards .antsand-pricing-card:hover, .antsand-features-cards .antsand-feature-item:hover {
      transform: translateY(-4px); }
    .features-2 .sub-container .icon, .features-2 .antsand-footer-column .icon, .features-2 .antsand-pricing-card .icon, .features-2 .sub-container .antsand-feature-icon, .features-2 .antsand-footer-column .antsand-feature-icon, .features-2 .antsand-pricing-card .antsand-feature-icon, .features-2 .antsand-feature-item .icon, .features-2 .antsand-feature-item .antsand-feature-icon, .antsand-features-cards .sub-container .icon, .antsand-features-cards .antsand-footer-column .icon, .antsand-features-cards .antsand-pricing-card .icon, .antsand-features-cards .sub-container .antsand-feature-icon, .antsand-features-cards .antsand-footer-column .antsand-feature-icon, .antsand-features-cards .antsand-pricing-card .antsand-feature-icon, .antsand-features-cards .antsand-feature-item .icon, .antsand-features-cards .antsand-feature-item .antsand-feature-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 4rem;
      height: 4rem;
      margin: 0 auto 1rem auto;
      border-radius: 0.75rem;
      font-size: 1.75rem; }
      .features-2 .sub-container .icon img, .features-2 .antsand-footer-column .icon img, .features-2 .antsand-pricing-card .icon img, .features-2 .sub-container .antsand-feature-icon img, .features-2 .antsand-footer-column .antsand-feature-icon img, .features-2 .antsand-pricing-card .antsand-feature-icon img, .features-2 .antsand-feature-item .icon img, .features-2 .antsand-feature-item .antsand-feature-icon img, .antsand-features-cards .sub-container .icon img, .antsand-features-cards .antsand-footer-column .icon img, .antsand-features-cards .antsand-pricing-card .icon img, .antsand-features-cards .sub-container .antsand-feature-icon img, .antsand-features-cards .antsand-footer-column .antsand-feature-icon img, .antsand-features-cards .antsand-pricing-card .antsand-feature-icon img, .antsand-features-cards .antsand-feature-item .icon img, .antsand-features-cards .antsand-feature-item .antsand-feature-icon img, .features-2 .sub-container .icon svg, .features-2 .antsand-footer-column .icon svg, .features-2 .antsand-pricing-card .icon svg, .features-2 .sub-container .antsand-feature-icon svg, .features-2 .antsand-footer-column .antsand-feature-icon svg, .features-2 .antsand-pricing-card .antsand-feature-icon svg, .features-2 .antsand-feature-item .icon svg, .features-2 .antsand-feature-item .antsand-feature-icon svg, .antsand-features-cards .sub-container .icon svg, .antsand-features-cards .antsand-footer-column .icon svg, .antsand-features-cards .antsand-pricing-card .icon svg, .antsand-features-cards .sub-container .antsand-feature-icon svg, .antsand-features-cards .antsand-footer-column .antsand-feature-icon svg, .antsand-features-cards .antsand-pricing-card .antsand-feature-icon svg, .antsand-features-cards .antsand-feature-item .icon svg, .antsand-features-cards .antsand-feature-item .antsand-feature-icon svg {
        width: 2rem;
        height: 2rem; }
      .features-2 .sub-container .icon i, .features-2 .antsand-footer-column .icon i, .features-2 .antsand-pricing-card .icon i, .features-2 .sub-container .antsand-feature-icon i, .features-2 .antsand-footer-column .antsand-feature-icon i, .features-2 .antsand-pricing-card .antsand-feature-icon i, .features-2 .antsand-feature-item .icon i, .features-2 .antsand-feature-item .antsand-feature-icon i, .antsand-features-cards .sub-container .icon i, .antsand-features-cards .antsand-footer-column .icon i, .antsand-features-cards .antsand-pricing-card .icon i, .antsand-features-cards .sub-container .antsand-feature-icon i, .antsand-features-cards .antsand-footer-column .antsand-feature-icon i, .antsand-features-cards .antsand-pricing-card .antsand-feature-icon i, .antsand-features-cards .antsand-feature-item .icon i, .antsand-features-cards .antsand-feature-item .antsand-feature-icon i {
        font-size: 1.75rem; }
    .features-2 .sub-container .title, .features-2 .antsand-footer-column .title, .features-2 .antsand-pricing-card .title, .features-2 .sub-container .antsand-feature-title, .features-2 .antsand-footer-column .antsand-feature-title, .features-2 .antsand-pricing-card .antsand-feature-title, .features-2 .antsand-feature-item .title, .features-2 .antsand-feature-item .antsand-feature-title, .antsand-features-cards .sub-container .title, .antsand-features-cards .antsand-footer-column .title, .antsand-features-cards .antsand-pricing-card .title, .antsand-features-cards .sub-container .antsand-feature-title, .antsand-features-cards .antsand-footer-column .antsand-feature-title, .antsand-features-cards .antsand-pricing-card .antsand-feature-title, .antsand-features-cards .antsand-feature-item .title, .antsand-features-cards .antsand-feature-item .antsand-feature-title, .features-2 .sub-container .antsand-hero-title, .features-2 .antsand-footer-column .antsand-hero-title, .features-2 .antsand-pricing-card .antsand-hero-title, .features-2 .antsand-feature-item .antsand-hero-title, .antsand-features-cards .sub-container .antsand-hero-title, .antsand-features-cards .antsand-footer-column .antsand-hero-title, .antsand-features-cards .antsand-pricing-card .antsand-hero-title, .antsand-features-cards .antsand-feature-item .antsand-hero-title {
      font-size: 1.25rem;
      font-weight: 600;
      margin-bottom: 0.5rem; }
    .features-2 .sub-container .description, .features-2 .antsand-footer-column .description, .features-2 .antsand-pricing-card .description, .features-2 .sub-container .antsand-feature-desc, .features-2 .antsand-footer-column .antsand-feature-desc, .features-2 .antsand-pricing-card .antsand-feature-desc, .features-2 .antsand-feature-item .description, .features-2 .antsand-feature-item .antsand-feature-desc, .antsand-features-cards .sub-container .description, .antsand-features-cards .antsand-footer-column .description, .antsand-features-cards .antsand-pricing-card .description, .antsand-features-cards .sub-container .antsand-feature-desc, .antsand-features-cards .antsand-footer-column .antsand-feature-desc, .antsand-features-cards .antsand-pricing-card .antsand-feature-desc, .antsand-features-cards .antsand-feature-item .description, .antsand-features-cards .antsand-feature-item .antsand-feature-desc, .features-2 .sub-container .antsand-hero-subtitle, .features-2 .antsand-footer-column .antsand-hero-subtitle, .features-2 .antsand-pricing-card .antsand-hero-subtitle, .features-2 .antsand-feature-item .antsand-hero-subtitle, .antsand-features-cards .sub-container .antsand-hero-subtitle, .antsand-features-cards .antsand-footer-column .antsand-hero-subtitle, .antsand-features-cards .antsand-pricing-card .antsand-hero-subtitle, .antsand-features-cards .antsand-feature-item .antsand-hero-subtitle {
      font-size: 1rem;
      line-height: 1.75; }
    .features-2 .sub-container .cta-container, .features-2 .antsand-footer-column .cta-container, .features-2 .antsand-pricing-card .cta-container, .features-2 .antsand-feature-item .cta-container, .antsand-features-cards .sub-container .cta-container, .antsand-features-cards .antsand-footer-column .cta-container, .antsand-features-cards .antsand-pricing-card .cta-container, .antsand-features-cards .antsand-feature-item .cta-container, .features-2 .sub-container .antsand-hero-cta, .features-2 .antsand-footer-column .antsand-hero-cta, .features-2 .antsand-pricing-card .antsand-hero-cta, .features-2 .antsand-feature-item .antsand-hero-cta, .antsand-features-cards .sub-container .antsand-hero-cta, .antsand-features-cards .antsand-footer-column .antsand-hero-cta, .antsand-features-cards .antsand-pricing-card .antsand-hero-cta, .antsand-features-cards .antsand-feature-item .antsand-hero-cta {
      margin-top: 1rem; }
      .features-2 .sub-container .cta-container .cta, .features-2 .antsand-footer-column .cta-container .cta, .features-2 .sub-container .cta-container .antsand-pricing-cta, .features-2 .antsand-footer-column .cta-container .antsand-pricing-cta, .features-2 .antsand-pricing-card .cta-container .cta, .features-2 .antsand-pricing-card .cta-container .antsand-pricing-cta, .features-2 .antsand-feature-item .cta-container .cta, .features-2 .antsand-feature-item .cta-container .antsand-pricing-cta, .antsand-features-cards .sub-container .cta-container .cta, .antsand-features-cards .antsand-footer-column .cta-container .cta, .antsand-features-cards .sub-container .cta-container .antsand-pricing-cta, .antsand-features-cards .antsand-footer-column .cta-container .antsand-pricing-cta, .antsand-features-cards .antsand-pricing-card .cta-container .cta, .antsand-features-cards .antsand-pricing-card .cta-container .antsand-pricing-cta, .antsand-features-cards .antsand-feature-item .cta-container .cta, .antsand-features-cards .antsand-feature-item .cta-container .antsand-pricing-cta, .features-2 .sub-container .antsand-hero-cta .cta, .features-2 .antsand-footer-column .antsand-hero-cta .cta, .features-2 .sub-container .antsand-hero-cta .antsand-pricing-cta, .features-2 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .features-2 .antsand-pricing-card .antsand-hero-cta .cta, .features-2 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .features-2 .antsand-feature-item .antsand-hero-cta .cta, .features-2 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta, .antsand-features-cards .sub-container .antsand-hero-cta .cta, .antsand-features-cards .antsand-footer-column .antsand-hero-cta .cta, .antsand-features-cards .sub-container .antsand-hero-cta .antsand-pricing-cta, .antsand-features-cards .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .antsand-features-cards .antsand-pricing-card .antsand-hero-cta .cta, .antsand-features-cards .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .antsand-features-cards .antsand-feature-item .antsand-hero-cta .cta, .antsand-features-cards .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta {
        font-weight: 500;
        text-decoration: none;
        transition: color 250ms ease; }
  .features-2 .header-section .title, .features-2 .header-section .antsand-feature-title, .antsand-features-cards .header-section .title, .antsand-features-cards .header-section .antsand-feature-title, .features-2 .header-section .antsand-hero-title, .antsand-features-cards .header-section .antsand-hero-title {
    color: #212529; }
  .features-2 .header-section .description, .features-2 .header-section .antsand-feature-desc, .antsand-features-cards .header-section .description, .antsand-features-cards .header-section .antsand-feature-desc, .features-2 .header-section .antsand-hero-subtitle, .antsand-features-cards .header-section .antsand-hero-subtitle {
    color: #6c757d; }
  .features-2 .sub-container, .features-2 .antsand-footer-column, .features-2 .antsand-pricing-card, .features-2 .antsand-feature-item, .antsand-features-cards .sub-container, .antsand-features-cards .antsand-footer-column, .antsand-features-cards .antsand-pricing-card, .antsand-features-cards .antsand-feature-item {
    background-color: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    padding: 2rem; }
    .features-2 .sub-container:hover, .features-2 .antsand-footer-column:hover, .features-2 .antsand-pricing-card:hover, .features-2 .antsand-feature-item:hover, .antsand-features-cards .sub-container:hover, .antsand-features-cards .antsand-footer-column:hover, .antsand-features-cards .antsand-pricing-card:hover, .antsand-features-cards .antsand-feature-item:hover {
      box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }
    .features-2 .sub-container .icon, .features-2 .antsand-footer-column .icon, .features-2 .antsand-pricing-card .icon, .features-2 .sub-container .antsand-feature-icon, .features-2 .antsand-footer-column .antsand-feature-icon, .features-2 .antsand-pricing-card .antsand-feature-icon, .features-2 .antsand-feature-item .icon, .features-2 .antsand-feature-item .antsand-feature-icon, .antsand-features-cards .sub-container .icon, .antsand-features-cards .antsand-footer-column .icon, .antsand-features-cards .antsand-pricing-card .icon, .antsand-features-cards .sub-container .antsand-feature-icon, .antsand-features-cards .antsand-footer-column .antsand-feature-icon, .antsand-features-cards .antsand-pricing-card .antsand-feature-icon, .antsand-features-cards .antsand-feature-item .icon, .antsand-features-cards .antsand-feature-item .antsand-feature-icon {
      background-color: #3498db;
      color: white;
      border-radius: 50%; }
    .features-2 .sub-container .title, .features-2 .antsand-footer-column .title, .features-2 .antsand-pricing-card .title, .features-2 .sub-container .antsand-feature-title, .features-2 .antsand-footer-column .antsand-feature-title, .features-2 .antsand-pricing-card .antsand-feature-title, .features-2 .antsand-feature-item .title, .features-2 .antsand-feature-item .antsand-feature-title, .antsand-features-cards .sub-container .title, .antsand-features-cards .antsand-footer-column .title, .antsand-features-cards .antsand-pricing-card .title, .antsand-features-cards .sub-container .antsand-feature-title, .antsand-features-cards .antsand-footer-column .antsand-feature-title, .antsand-features-cards .antsand-pricing-card .antsand-feature-title, .antsand-features-cards .antsand-feature-item .title, .antsand-features-cards .antsand-feature-item .antsand-feature-title, .features-2 .sub-container .antsand-hero-title, .features-2 .antsand-footer-column .antsand-hero-title, .features-2 .antsand-pricing-card .antsand-hero-title, .features-2 .antsand-feature-item .antsand-hero-title, .antsand-features-cards .sub-container .antsand-hero-title, .antsand-features-cards .antsand-footer-column .antsand-hero-title, .antsand-features-cards .antsand-pricing-card .antsand-hero-title, .antsand-features-cards .antsand-feature-item .antsand-hero-title {
      color: #212529; }
    .features-2 .sub-container .description, .features-2 .antsand-footer-column .description, .features-2 .antsand-pricing-card .description, .features-2 .sub-container .antsand-feature-desc, .features-2 .antsand-footer-column .antsand-feature-desc, .features-2 .antsand-pricing-card .antsand-feature-desc, .features-2 .antsand-feature-item .description, .features-2 .antsand-feature-item .antsand-feature-desc, .antsand-features-cards .sub-container .description, .antsand-features-cards .antsand-footer-column .description, .antsand-features-cards .antsand-pricing-card .description, .antsand-features-cards .sub-container .antsand-feature-desc, .antsand-features-cards .antsand-footer-column .antsand-feature-desc, .antsand-features-cards .antsand-pricing-card .antsand-feature-desc, .antsand-features-cards .antsand-feature-item .description, .antsand-features-cards .antsand-feature-item .antsand-feature-desc, .features-2 .sub-container .antsand-hero-subtitle, .features-2 .antsand-footer-column .antsand-hero-subtitle, .features-2 .antsand-pricing-card .antsand-hero-subtitle, .features-2 .antsand-feature-item .antsand-hero-subtitle, .antsand-features-cards .sub-container .antsand-hero-subtitle, .antsand-features-cards .antsand-footer-column .antsand-hero-subtitle, .antsand-features-cards .antsand-pricing-card .antsand-hero-subtitle, .antsand-features-cards .antsand-feature-item .antsand-hero-subtitle {
      color: #6c757d; }
    .features-2 .sub-container .cta, .features-2 .antsand-footer-column .cta, .features-2 .sub-container .antsand-pricing-cta, .features-2 .antsand-footer-column .antsand-pricing-cta, .features-2 .antsand-pricing-card .cta, .features-2 .antsand-pricing-card .antsand-pricing-cta, .features-2 .antsand-feature-item .cta, .features-2 .antsand-feature-item .antsand-pricing-cta, .antsand-features-cards .sub-container .cta, .antsand-features-cards .antsand-footer-column .cta, .antsand-features-cards .sub-container .antsand-pricing-cta, .antsand-features-cards .antsand-footer-column .antsand-pricing-cta, .antsand-features-cards .antsand-pricing-card .cta, .antsand-features-cards .antsand-pricing-card .antsand-pricing-cta, .antsand-features-cards .antsand-feature-item .cta, .antsand-features-cards .antsand-feature-item .antsand-pricing-cta {
      color: #3498db; }

.features-3 {
  padding: 4rem 0;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); }
  .features-3 > .container, .features-3 > .antsand-footer-grid {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem; }
  .features-3 .header-section {
    text-align: center;
    margin-bottom: 3rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; }
    .features-3 .header-section .title, .features-3 .header-section .antsand-feature-title, .features-3 .header-section .antsand-hero-title {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 1rem; }
      @media (min-width: 768px) {
        .features-3 .header-section .title, .features-3 .header-section .antsand-feature-title, .features-3 .header-section .antsand-hero-title {
          font-size: 2.5rem; } }
    .features-3 .header-section .description, .features-3 .header-section .antsand-feature-desc, .features-3 .header-section .antsand-hero-subtitle {
      font-size: 1.125rem;
      line-height: 1.75; }
  .features-3 .data-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem; }
  .features-3 .sub-container, .features-3 .antsand-footer-column, .features-3 .antsand-pricing-card, .features-3 .antsand-feature-item {
    text-align: center;
    padding: 1.5rem;
    transition: transform 250ms ease; }
    .features-3 .sub-container:hover, .features-3 .antsand-footer-column:hover, .features-3 .antsand-pricing-card:hover, .features-3 .antsand-feature-item:hover {
      transform: translateY(-4px); }
    .features-3 .sub-container .icon, .features-3 .antsand-footer-column .icon, .features-3 .antsand-pricing-card .icon, .features-3 .sub-container .antsand-feature-icon, .features-3 .antsand-footer-column .antsand-feature-icon, .features-3 .antsand-pricing-card .antsand-feature-icon, .features-3 .antsand-feature-item .icon, .features-3 .antsand-feature-item .antsand-feature-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 4rem;
      height: 4rem;
      margin: 0 auto 1rem auto;
      border-radius: 0.75rem;
      font-size: 1.75rem; }
      .features-3 .sub-container .icon img, .features-3 .antsand-footer-column .icon img, .features-3 .antsand-pricing-card .icon img, .features-3 .sub-container .antsand-feature-icon img, .features-3 .antsand-footer-column .antsand-feature-icon img, .features-3 .antsand-pricing-card .antsand-feature-icon img, .features-3 .antsand-feature-item .icon img, .features-3 .antsand-feature-item .antsand-feature-icon img, .features-3 .sub-container .icon svg, .features-3 .antsand-footer-column .icon svg, .features-3 .antsand-pricing-card .icon svg, .features-3 .sub-container .antsand-feature-icon svg, .features-3 .antsand-footer-column .antsand-feature-icon svg, .features-3 .antsand-pricing-card .antsand-feature-icon svg, .features-3 .antsand-feature-item .icon svg, .features-3 .antsand-feature-item .antsand-feature-icon svg {
        width: 2rem;
        height: 2rem; }
      .features-3 .sub-container .icon i, .features-3 .antsand-footer-column .icon i, .features-3 .antsand-pricing-card .icon i, .features-3 .sub-container .antsand-feature-icon i, .features-3 .antsand-footer-column .antsand-feature-icon i, .features-3 .antsand-pricing-card .antsand-feature-icon i, .features-3 .antsand-feature-item .icon i, .features-3 .antsand-feature-item .antsand-feature-icon i {
        font-size: 1.75rem; }
    .features-3 .sub-container .title, .features-3 .antsand-footer-column .title, .features-3 .antsand-pricing-card .title, .features-3 .sub-container .antsand-feature-title, .features-3 .antsand-footer-column .antsand-feature-title, .features-3 .antsand-pricing-card .antsand-feature-title, .features-3 .antsand-feature-item .title, .features-3 .antsand-feature-item .antsand-feature-title, .features-3 .sub-container .antsand-hero-title, .features-3 .antsand-footer-column .antsand-hero-title, .features-3 .antsand-pricing-card .antsand-hero-title, .features-3 .antsand-feature-item .antsand-hero-title {
      font-size: 1.25rem;
      font-weight: 600;
      margin-bottom: 0.5rem; }
    .features-3 .sub-container .description, .features-3 .antsand-footer-column .description, .features-3 .antsand-pricing-card .description, .features-3 .sub-container .antsand-feature-desc, .features-3 .antsand-footer-column .antsand-feature-desc, .features-3 .antsand-pricing-card .antsand-feature-desc, .features-3 .antsand-feature-item .description, .features-3 .antsand-feature-item .antsand-feature-desc, .features-3 .sub-container .antsand-hero-subtitle, .features-3 .antsand-footer-column .antsand-hero-subtitle, .features-3 .antsand-pricing-card .antsand-hero-subtitle, .features-3 .antsand-feature-item .antsand-hero-subtitle {
      font-size: 1rem;
      line-height: 1.75; }
    .features-3 .sub-container .cta-container, .features-3 .antsand-footer-column .cta-container, .features-3 .antsand-pricing-card .cta-container, .features-3 .antsand-feature-item .cta-container, .features-3 .sub-container .antsand-hero-cta, .features-3 .antsand-footer-column .antsand-hero-cta, .features-3 .antsand-pricing-card .antsand-hero-cta, .features-3 .antsand-feature-item .antsand-hero-cta {
      margin-top: 1rem; }
      .features-3 .sub-container .cta-container .cta, .features-3 .antsand-footer-column .cta-container .cta, .features-3 .sub-container .cta-container .antsand-pricing-cta, .features-3 .antsand-footer-column .cta-container .antsand-pricing-cta, .features-3 .antsand-pricing-card .cta-container .cta, .features-3 .antsand-pricing-card .cta-container .antsand-pricing-cta, .features-3 .antsand-feature-item .cta-container .cta, .features-3 .antsand-feature-item .cta-container .antsand-pricing-cta, .features-3 .sub-container .antsand-hero-cta .cta, .features-3 .antsand-footer-column .antsand-hero-cta .cta, .features-3 .sub-container .antsand-hero-cta .antsand-pricing-cta, .features-3 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .features-3 .antsand-pricing-card .antsand-hero-cta .cta, .features-3 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .features-3 .antsand-feature-item .antsand-hero-cta .cta, .features-3 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta {
        font-weight: 500;
        text-decoration: none;
        transition: color 250ms ease; }
  .features-3 .header-section .title, .features-3 .header-section .antsand-feature-title, .features-3 .header-section .antsand-hero-title {
    color: white; }
  .features-3 .header-section .description, .features-3 .header-section .antsand-feature-desc, .features-3 .header-section .antsand-hero-subtitle {
    color: #ced4da; }
  .features-3 .sub-container .icon, .features-3 .antsand-footer-column .icon, .features-3 .antsand-pricing-card .icon, .features-3 .sub-container .antsand-feature-icon, .features-3 .antsand-footer-column .antsand-feature-icon, .features-3 .antsand-pricing-card .antsand-feature-icon, .features-3 .antsand-feature-item .icon, .features-3 .antsand-feature-item .antsand-feature-icon {
    background-color: rgba(255, 255, 255, 0.1);
    color: #3498db; }
  .features-3 .sub-container .title, .features-3 .antsand-footer-column .title, .features-3 .antsand-pricing-card .title, .features-3 .sub-container .antsand-feature-title, .features-3 .antsand-footer-column .antsand-feature-title, .features-3 .antsand-pricing-card .antsand-feature-title, .features-3 .antsand-feature-item .title, .features-3 .antsand-feature-item .antsand-feature-title, .features-3 .sub-container .antsand-hero-title, .features-3 .antsand-footer-column .antsand-hero-title, .features-3 .antsand-pricing-card .antsand-hero-title, .features-3 .antsand-feature-item .antsand-hero-title {
    color: white; }
  .features-3 .sub-container .description, .features-3 .antsand-footer-column .description, .features-3 .antsand-pricing-card .description, .features-3 .sub-container .antsand-feature-desc, .features-3 .antsand-footer-column .antsand-feature-desc, .features-3 .antsand-pricing-card .antsand-feature-desc, .features-3 .antsand-feature-item .description, .features-3 .antsand-feature-item .antsand-feature-desc, .features-3 .sub-container .antsand-hero-subtitle, .features-3 .antsand-footer-column .antsand-hero-subtitle, .features-3 .antsand-pricing-card .antsand-hero-subtitle, .features-3 .antsand-feature-item .antsand-hero-subtitle {
    color: #ced4da; }
  .features-3 .sub-container .cta, .features-3 .antsand-footer-column .cta, .features-3 .sub-container .antsand-pricing-cta, .features-3 .antsand-footer-column .antsand-pricing-cta, .features-3 .antsand-pricing-card .cta, .features-3 .antsand-pricing-card .antsand-pricing-cta, .features-3 .antsand-feature-item .cta, .features-3 .antsand-feature-item .antsand-pricing-cta {
    color: #3498db; }
    .features-3 .sub-container .cta:hover, .features-3 .antsand-footer-column .cta:hover, .features-3 .sub-container .antsand-pricing-cta:hover, .features-3 .antsand-footer-column .antsand-pricing-cta:hover, .features-3 .antsand-pricing-card .cta:hover, .features-3 .antsand-pricing-card .antsand-pricing-cta:hover, .features-3 .antsand-feature-item .cta:hover, .features-3 .antsand-feature-item .antsand-pricing-cta:hover {
      color: #5faee3; }

.features-4, .antsand-features-left {
  padding: 4rem 0;
  background-color: white; }
  .features-4 > .container, .features-4 > .antsand-footer-grid, .antsand-features-left > .container, .antsand-features-left > .antsand-footer-grid {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem; }
  .features-4 .header-section, .antsand-features-left .header-section {
    text-align: center;
    margin-bottom: 3rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; }
    .features-4 .header-section .title, .features-4 .header-section .antsand-feature-title, .antsand-features-left .header-section .title, .antsand-features-left .header-section .antsand-feature-title, .features-4 .header-section .antsand-hero-title, .antsand-features-left .header-section .antsand-hero-title {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 1rem; }
      @media (min-width: 768px) {
        .features-4 .header-section .title, .features-4 .header-section .antsand-feature-title, .antsand-features-left .header-section .title, .antsand-features-left .header-section .antsand-feature-title, .features-4 .header-section .antsand-hero-title, .antsand-features-left .header-section .antsand-hero-title {
          font-size: 2.5rem; } }
    .features-4 .header-section .description, .features-4 .header-section .antsand-feature-desc, .antsand-features-left .header-section .description, .antsand-features-left .header-section .antsand-feature-desc, .features-4 .header-section .antsand-hero-subtitle, .antsand-features-left .header-section .antsand-hero-subtitle {
      font-size: 1.125rem;
      line-height: 1.75; }
  .features-4 .data-container, .antsand-features-left .data-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem; }
  .features-4 .sub-container, .features-4 .antsand-footer-column, .features-4 .antsand-pricing-card, .features-4 .antsand-feature-item, .antsand-features-left .sub-container, .antsand-features-left .antsand-footer-column, .antsand-features-left .antsand-pricing-card, .antsand-features-left .antsand-feature-item {
    text-align: center;
    padding: 1.5rem;
    transition: transform 250ms ease; }
    .features-4 .sub-container:hover, .features-4 .antsand-footer-column:hover, .features-4 .antsand-pricing-card:hover, .features-4 .antsand-feature-item:hover, .antsand-features-left .sub-container:hover, .antsand-features-left .antsand-footer-column:hover, .antsand-features-left .antsand-pricing-card:hover, .antsand-features-left .antsand-feature-item:hover {
      transform: translateY(-4px); }
    .features-4 .sub-container .icon, .features-4 .antsand-footer-column .icon, .features-4 .antsand-pricing-card .icon, .features-4 .sub-container .antsand-feature-icon, .features-4 .antsand-footer-column .antsand-feature-icon, .features-4 .antsand-pricing-card .antsand-feature-icon, .features-4 .antsand-feature-item .icon, .features-4 .antsand-feature-item .antsand-feature-icon, .antsand-features-left .sub-container .icon, .antsand-features-left .antsand-footer-column .icon, .antsand-features-left .antsand-pricing-card .icon, .antsand-features-left .sub-container .antsand-feature-icon, .antsand-features-left .antsand-footer-column .antsand-feature-icon, .antsand-features-left .antsand-pricing-card .antsand-feature-icon, .antsand-features-left .antsand-feature-item .icon, .antsand-features-left .antsand-feature-item .antsand-feature-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 4rem;
      height: 4rem;
      margin: 0 auto 1rem auto;
      border-radius: 0.75rem;
      font-size: 1.75rem; }
      .features-4 .sub-container .icon img, .features-4 .antsand-footer-column .icon img, .features-4 .antsand-pricing-card .icon img, .features-4 .sub-container .antsand-feature-icon img, .features-4 .antsand-footer-column .antsand-feature-icon img, .features-4 .antsand-pricing-card .antsand-feature-icon img, .features-4 .antsand-feature-item .icon img, .features-4 .antsand-feature-item .antsand-feature-icon img, .antsand-features-left .sub-container .icon img, .antsand-features-left .antsand-footer-column .icon img, .antsand-features-left .antsand-pricing-card .icon img, .antsand-features-left .sub-container .antsand-feature-icon img, .antsand-features-left .antsand-footer-column .antsand-feature-icon img, .antsand-features-left .antsand-pricing-card .antsand-feature-icon img, .antsand-features-left .antsand-feature-item .icon img, .antsand-features-left .antsand-feature-item .antsand-feature-icon img, .features-4 .sub-container .icon svg, .features-4 .antsand-footer-column .icon svg, .features-4 .antsand-pricing-card .icon svg, .features-4 .sub-container .antsand-feature-icon svg, .features-4 .antsand-footer-column .antsand-feature-icon svg, .features-4 .antsand-pricing-card .antsand-feature-icon svg, .features-4 .antsand-feature-item .icon svg, .features-4 .antsand-feature-item .antsand-feature-icon svg, .antsand-features-left .sub-container .icon svg, .antsand-features-left .antsand-footer-column .icon svg, .antsand-features-left .antsand-pricing-card .icon svg, .antsand-features-left .sub-container .antsand-feature-icon svg, .antsand-features-left .antsand-footer-column .antsand-feature-icon svg, .antsand-features-left .antsand-pricing-card .antsand-feature-icon svg, .antsand-features-left .antsand-feature-item .icon svg, .antsand-features-left .antsand-feature-item .antsand-feature-icon svg {
        width: 2rem;
        height: 2rem; }
      .features-4 .sub-container .icon i, .features-4 .antsand-footer-column .icon i, .features-4 .antsand-pricing-card .icon i, .features-4 .sub-container .antsand-feature-icon i, .features-4 .antsand-footer-column .antsand-feature-icon i, .features-4 .antsand-pricing-card .antsand-feature-icon i, .features-4 .antsand-feature-item .icon i, .features-4 .antsand-feature-item .antsand-feature-icon i, .antsand-features-left .sub-container .icon i, .antsand-features-left .antsand-footer-column .icon i, .antsand-features-left .antsand-pricing-card .icon i, .antsand-features-left .sub-container .antsand-feature-icon i, .antsand-features-left .antsand-footer-column .antsand-feature-icon i, .antsand-features-left .antsand-pricing-card .antsand-feature-icon i, .antsand-features-left .antsand-feature-item .icon i, .antsand-features-left .antsand-feature-item .antsand-feature-icon i {
        font-size: 1.75rem; }
    .features-4 .sub-container .title, .features-4 .antsand-footer-column .title, .features-4 .antsand-pricing-card .title, .features-4 .sub-container .antsand-feature-title, .features-4 .antsand-footer-column .antsand-feature-title, .features-4 .antsand-pricing-card .antsand-feature-title, .features-4 .antsand-feature-item .title, .features-4 .antsand-feature-item .antsand-feature-title, .antsand-features-left .sub-container .title, .antsand-features-left .antsand-footer-column .title, .antsand-features-left .antsand-pricing-card .title, .antsand-features-left .sub-container .antsand-feature-title, .antsand-features-left .antsand-footer-column .antsand-feature-title, .antsand-features-left .antsand-pricing-card .antsand-feature-title, .antsand-features-left .antsand-feature-item .title, .antsand-features-left .antsand-feature-item .antsand-feature-title, .features-4 .sub-container .antsand-hero-title, .features-4 .antsand-footer-column .antsand-hero-title, .features-4 .antsand-pricing-card .antsand-hero-title, .features-4 .antsand-feature-item .antsand-hero-title, .antsand-features-left .sub-container .antsand-hero-title, .antsand-features-left .antsand-footer-column .antsand-hero-title, .antsand-features-left .antsand-pricing-card .antsand-hero-title, .antsand-features-left .antsand-feature-item .antsand-hero-title {
      font-size: 1.25rem;
      font-weight: 600;
      margin-bottom: 0.5rem; }
    .features-4 .sub-container .description, .features-4 .antsand-footer-column .description, .features-4 .antsand-pricing-card .description, .features-4 .sub-container .antsand-feature-desc, .features-4 .antsand-footer-column .antsand-feature-desc, .features-4 .antsand-pricing-card .antsand-feature-desc, .features-4 .antsand-feature-item .description, .features-4 .antsand-feature-item .antsand-feature-desc, .antsand-features-left .sub-container .description, .antsand-features-left .antsand-footer-column .description, .antsand-features-left .antsand-pricing-card .description, .antsand-features-left .sub-container .antsand-feature-desc, .antsand-features-left .antsand-footer-column .antsand-feature-desc, .antsand-features-left .antsand-pricing-card .antsand-feature-desc, .antsand-features-left .antsand-feature-item .description, .antsand-features-left .antsand-feature-item .antsand-feature-desc, .features-4 .sub-container .antsand-hero-subtitle, .features-4 .antsand-footer-column .antsand-hero-subtitle, .features-4 .antsand-pricing-card .antsand-hero-subtitle, .features-4 .antsand-feature-item .antsand-hero-subtitle, .antsand-features-left .sub-container .antsand-hero-subtitle, .antsand-features-left .antsand-footer-column .antsand-hero-subtitle, .antsand-features-left .antsand-pricing-card .antsand-hero-subtitle, .antsand-features-left .antsand-feature-item .antsand-hero-subtitle {
      font-size: 1rem;
      line-height: 1.75; }
    .features-4 .sub-container .cta-container, .features-4 .antsand-footer-column .cta-container, .features-4 .antsand-pricing-card .cta-container, .features-4 .antsand-feature-item .cta-container, .antsand-features-left .sub-container .cta-container, .antsand-features-left .antsand-footer-column .cta-container, .antsand-features-left .antsand-pricing-card .cta-container, .antsand-features-left .antsand-feature-item .cta-container, .features-4 .sub-container .antsand-hero-cta, .features-4 .antsand-footer-column .antsand-hero-cta, .features-4 .antsand-pricing-card .antsand-hero-cta, .features-4 .antsand-feature-item .antsand-hero-cta, .antsand-features-left .sub-container .antsand-hero-cta, .antsand-features-left .antsand-footer-column .antsand-hero-cta, .antsand-features-left .antsand-pricing-card .antsand-hero-cta, .antsand-features-left .antsand-feature-item .antsand-hero-cta {
      margin-top: 1rem; }
      .features-4 .sub-container .cta-container .cta, .features-4 .antsand-footer-column .cta-container .cta, .features-4 .sub-container .cta-container .antsand-pricing-cta, .features-4 .antsand-footer-column .cta-container .antsand-pricing-cta, .features-4 .antsand-pricing-card .cta-container .cta, .features-4 .antsand-pricing-card .cta-container .antsand-pricing-cta, .features-4 .antsand-feature-item .cta-container .cta, .features-4 .antsand-feature-item .cta-container .antsand-pricing-cta, .antsand-features-left .sub-container .cta-container .cta, .antsand-features-left .antsand-footer-column .cta-container .cta, .antsand-features-left .sub-container .cta-container .antsand-pricing-cta, .antsand-features-left .antsand-footer-column .cta-container .antsand-pricing-cta, .antsand-features-left .antsand-pricing-card .cta-container .cta, .antsand-features-left .antsand-pricing-card .cta-container .antsand-pricing-cta, .antsand-features-left .antsand-feature-item .cta-container .cta, .antsand-features-left .antsand-feature-item .cta-container .antsand-pricing-cta, .features-4 .sub-container .antsand-hero-cta .cta, .features-4 .antsand-footer-column .antsand-hero-cta .cta, .features-4 .sub-container .antsand-hero-cta .antsand-pricing-cta, .features-4 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .features-4 .antsand-pricing-card .antsand-hero-cta .cta, .features-4 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .features-4 .antsand-feature-item .antsand-hero-cta .cta, .features-4 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta, .antsand-features-left .sub-container .antsand-hero-cta .cta, .antsand-features-left .antsand-footer-column .antsand-hero-cta .cta, .antsand-features-left .sub-container .antsand-hero-cta .antsand-pricing-cta, .antsand-features-left .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .antsand-features-left .antsand-pricing-card .antsand-hero-cta .cta, .antsand-features-left .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .antsand-features-left .antsand-feature-item .antsand-hero-cta .cta, .antsand-features-left .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta {
        font-weight: 500;
        text-decoration: none;
        transition: color 250ms ease; }
  .features-4 .header-section, .antsand-features-left .header-section {
    text-align: left;
    margin-left: 0; }
    .features-4 .header-section .title, .features-4 .header-section .antsand-feature-title, .antsand-features-left .header-section .title, .antsand-features-left .header-section .antsand-feature-title, .features-4 .header-section .antsand-hero-title, .antsand-features-left .header-section .antsand-hero-title {
      color: #212529; }
    .features-4 .header-section .description, .features-4 .header-section .antsand-feature-desc, .antsand-features-left .header-section .description, .antsand-features-left .header-section .antsand-feature-desc, .features-4 .header-section .antsand-hero-subtitle, .antsand-features-left .header-section .antsand-hero-subtitle {
      color: #6c757d; }
  .features-4 .sub-container, .features-4 .antsand-footer-column, .features-4 .antsand-pricing-card, .features-4 .antsand-feature-item, .antsand-features-left .sub-container, .antsand-features-left .antsand-footer-column, .antsand-features-left .antsand-pricing-card, .antsand-features-left .antsand-feature-item {
    text-align: left;
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    padding: 1.5rem;
    border-left: 3px solid transparent;
    transition: border-color 250ms ease, background 250ms ease; }
    .features-4 .sub-container:hover, .features-4 .antsand-footer-column:hover, .features-4 .antsand-pricing-card:hover, .features-4 .antsand-feature-item:hover, .antsand-features-left .sub-container:hover, .antsand-features-left .antsand-footer-column:hover, .antsand-features-left .antsand-pricing-card:hover, .antsand-features-left .antsand-feature-item:hover {
      border-left-color: #3498db;
      background-color: #f9fafb;
      transform: none; }
    .features-4 .sub-container .icon, .features-4 .antsand-footer-column .icon, .features-4 .antsand-pricing-card .icon, .features-4 .sub-container .antsand-feature-icon, .features-4 .antsand-footer-column .antsand-feature-icon, .features-4 .antsand-pricing-card .antsand-feature-icon, .features-4 .antsand-feature-item .icon, .features-4 .antsand-feature-item .antsand-feature-icon, .antsand-features-left .sub-container .icon, .antsand-features-left .antsand-footer-column .icon, .antsand-features-left .antsand-pricing-card .icon, .antsand-features-left .sub-container .antsand-feature-icon, .antsand-features-left .antsand-footer-column .antsand-feature-icon, .antsand-features-left .antsand-pricing-card .antsand-feature-icon, .antsand-features-left .antsand-feature-item .icon, .antsand-features-left .antsand-feature-item .antsand-feature-icon {
      margin: 0;
      flex-shrink: 0;
      background-color: #f8f9fa;
      color: #495057; }
    .features-4 .sub-container .content-wrapper, .features-4 .antsand-footer-column .content-wrapper, .features-4 .antsand-pricing-card .content-wrapper, .features-4 .antsand-feature-item .content-wrapper, .antsand-features-left .sub-container .content-wrapper, .antsand-features-left .antsand-footer-column .content-wrapper, .antsand-features-left .antsand-pricing-card .content-wrapper, .antsand-features-left .antsand-feature-item .content-wrapper {
      flex: 1; }
    .features-4 .sub-container .title, .features-4 .antsand-footer-column .title, .features-4 .antsand-pricing-card .title, .features-4 .sub-container .antsand-feature-title, .features-4 .antsand-footer-column .antsand-feature-title, .features-4 .antsand-pricing-card .antsand-feature-title, .features-4 .antsand-feature-item .title, .features-4 .antsand-feature-item .antsand-feature-title, .antsand-features-left .sub-container .title, .antsand-features-left .antsand-footer-column .title, .antsand-features-left .antsand-pricing-card .title, .antsand-features-left .sub-container .antsand-feature-title, .antsand-features-left .antsand-footer-column .antsand-feature-title, .antsand-features-left .antsand-pricing-card .antsand-feature-title, .antsand-features-left .antsand-feature-item .title, .antsand-features-left .antsand-feature-item .antsand-feature-title, .features-4 .sub-container .antsand-hero-title, .features-4 .antsand-footer-column .antsand-hero-title, .features-4 .antsand-pricing-card .antsand-hero-title, .features-4 .antsand-feature-item .antsand-hero-title, .antsand-features-left .sub-container .antsand-hero-title, .antsand-features-left .antsand-footer-column .antsand-hero-title, .antsand-features-left .antsand-pricing-card .antsand-hero-title, .antsand-features-left .antsand-feature-item .antsand-hero-title {
      color: #212529; }
    .features-4 .sub-container .description, .features-4 .antsand-footer-column .description, .features-4 .antsand-pricing-card .description, .features-4 .sub-container .antsand-feature-desc, .features-4 .antsand-footer-column .antsand-feature-desc, .features-4 .antsand-pricing-card .antsand-feature-desc, .features-4 .antsand-feature-item .description, .features-4 .antsand-feature-item .antsand-feature-desc, .antsand-features-left .sub-container .description, .antsand-features-left .antsand-footer-column .description, .antsand-features-left .antsand-pricing-card .description, .antsand-features-left .sub-container .antsand-feature-desc, .antsand-features-left .antsand-footer-column .antsand-feature-desc, .antsand-features-left .antsand-pricing-card .antsand-feature-desc, .antsand-features-left .antsand-feature-item .description, .antsand-features-left .antsand-feature-item .antsand-feature-desc, .features-4 .sub-container .antsand-hero-subtitle, .features-4 .antsand-footer-column .antsand-hero-subtitle, .features-4 .antsand-pricing-card .antsand-hero-subtitle, .features-4 .antsand-feature-item .antsand-hero-subtitle, .antsand-features-left .sub-container .antsand-hero-subtitle, .antsand-features-left .antsand-footer-column .antsand-hero-subtitle, .antsand-features-left .antsand-pricing-card .antsand-hero-subtitle, .antsand-features-left .antsand-feature-item .antsand-hero-subtitle {
      color: #6c757d; }

.features-5 {
  padding: 4rem 0;
  background-color: #f9fafb; }
  .features-5 > .container, .features-5 > .antsand-footer-grid {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem; }
  .features-5 .header-section {
    text-align: center;
    margin-bottom: 3rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; }
    .features-5 .header-section .title, .features-5 .header-section .antsand-feature-title, .features-5 .header-section .antsand-hero-title {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 1rem; }
      @media (min-width: 768px) {
        .features-5 .header-section .title, .features-5 .header-section .antsand-feature-title, .features-5 .header-section .antsand-hero-title {
          font-size: 2.5rem; } }
    .features-5 .header-section .description, .features-5 .header-section .antsand-feature-desc, .features-5 .header-section .antsand-hero-subtitle {
      font-size: 1.125rem;
      line-height: 1.75; }
  .features-5 .data-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem; }
  .features-5 .sub-container, .features-5 .antsand-footer-column, .features-5 .antsand-pricing-card, .features-5 .antsand-feature-item {
    text-align: center;
    padding: 1.5rem;
    transition: transform 250ms ease; }
    .features-5 .sub-container:hover, .features-5 .antsand-footer-column:hover, .features-5 .antsand-pricing-card:hover, .features-5 .antsand-feature-item:hover {
      transform: translateY(-4px); }
    .features-5 .sub-container .icon, .features-5 .antsand-footer-column .icon, .features-5 .antsand-pricing-card .icon, .features-5 .sub-container .antsand-feature-icon, .features-5 .antsand-footer-column .antsand-feature-icon, .features-5 .antsand-pricing-card .antsand-feature-icon, .features-5 .antsand-feature-item .icon, .features-5 .antsand-feature-item .antsand-feature-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 4rem;
      height: 4rem;
      margin: 0 auto 1rem auto;
      border-radius: 0.75rem;
      font-size: 1.75rem; }
      .features-5 .sub-container .icon img, .features-5 .antsand-footer-column .icon img, .features-5 .antsand-pricing-card .icon img, .features-5 .sub-container .antsand-feature-icon img, .features-5 .antsand-footer-column .antsand-feature-icon img, .features-5 .antsand-pricing-card .antsand-feature-icon img, .features-5 .antsand-feature-item .icon img, .features-5 .antsand-feature-item .antsand-feature-icon img, .features-5 .sub-container .icon svg, .features-5 .antsand-footer-column .icon svg, .features-5 .antsand-pricing-card .icon svg, .features-5 .sub-container .antsand-feature-icon svg, .features-5 .antsand-footer-column .antsand-feature-icon svg, .features-5 .antsand-pricing-card .antsand-feature-icon svg, .features-5 .antsand-feature-item .icon svg, .features-5 .antsand-feature-item .antsand-feature-icon svg {
        width: 2rem;
        height: 2rem; }
      .features-5 .sub-container .icon i, .features-5 .antsand-footer-column .icon i, .features-5 .antsand-pricing-card .icon i, .features-5 .sub-container .antsand-feature-icon i, .features-5 .antsand-footer-column .antsand-feature-icon i, .features-5 .antsand-pricing-card .antsand-feature-icon i, .features-5 .antsand-feature-item .icon i, .features-5 .antsand-feature-item .antsand-feature-icon i {
        font-size: 1.75rem; }
    .features-5 .sub-container .title, .features-5 .antsand-footer-column .title, .features-5 .antsand-pricing-card .title, .features-5 .sub-container .antsand-feature-title, .features-5 .antsand-footer-column .antsand-feature-title, .features-5 .antsand-pricing-card .antsand-feature-title, .features-5 .antsand-feature-item .title, .features-5 .antsand-feature-item .antsand-feature-title, .features-5 .sub-container .antsand-hero-title, .features-5 .antsand-footer-column .antsand-hero-title, .features-5 .antsand-pricing-card .antsand-hero-title, .features-5 .antsand-feature-item .antsand-hero-title {
      font-size: 1.25rem;
      font-weight: 600;
      margin-bottom: 0.5rem; }
    .features-5 .sub-container .description, .features-5 .antsand-footer-column .description, .features-5 .antsand-pricing-card .description, .features-5 .sub-container .antsand-feature-desc, .features-5 .antsand-footer-column .antsand-feature-desc, .features-5 .antsand-pricing-card .antsand-feature-desc, .features-5 .antsand-feature-item .description, .features-5 .antsand-feature-item .antsand-feature-desc, .features-5 .sub-container .antsand-hero-subtitle, .features-5 .antsand-footer-column .antsand-hero-subtitle, .features-5 .antsand-pricing-card .antsand-hero-subtitle, .features-5 .antsand-feature-item .antsand-hero-subtitle {
      font-size: 1rem;
      line-height: 1.75; }
    .features-5 .sub-container .cta-container, .features-5 .antsand-footer-column .cta-container, .features-5 .antsand-pricing-card .cta-container, .features-5 .antsand-feature-item .cta-container, .features-5 .sub-container .antsand-hero-cta, .features-5 .antsand-footer-column .antsand-hero-cta, .features-5 .antsand-pricing-card .antsand-hero-cta, .features-5 .antsand-feature-item .antsand-hero-cta {
      margin-top: 1rem; }
      .features-5 .sub-container .cta-container .cta, .features-5 .antsand-footer-column .cta-container .cta, .features-5 .sub-container .cta-container .antsand-pricing-cta, .features-5 .antsand-footer-column .cta-container .antsand-pricing-cta, .features-5 .antsand-pricing-card .cta-container .cta, .features-5 .antsand-pricing-card .cta-container .antsand-pricing-cta, .features-5 .antsand-feature-item .cta-container .cta, .features-5 .antsand-feature-item .cta-container .antsand-pricing-cta, .features-5 .sub-container .antsand-hero-cta .cta, .features-5 .antsand-footer-column .antsand-hero-cta .cta, .features-5 .sub-container .antsand-hero-cta .antsand-pricing-cta, .features-5 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .features-5 .antsand-pricing-card .antsand-hero-cta .cta, .features-5 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .features-5 .antsand-feature-item .antsand-hero-cta .cta, .features-5 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta {
        font-weight: 500;
        text-decoration: none;
        transition: color 250ms ease; }
  .features-5 .header-section .title, .features-5 .header-section .antsand-feature-title, .features-5 .header-section .antsand-hero-title {
    color: #212529; }
  .features-5 .header-section .description, .features-5 .header-section .antsand-feature-desc, .features-5 .header-section .antsand-hero-subtitle {
    color: #6c757d; }
  .features-5 .sub-container, .features-5 .antsand-footer-column, .features-5 .antsand-pricing-card, .features-5 .antsand-feature-item {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 0.75rem;
    padding: 2rem; }
    .features-5 .sub-container:hover, .features-5 .antsand-footer-column:hover, .features-5 .antsand-pricing-card:hover, .features-5 .antsand-feature-item:hover {
      transform: translateY(-6px);
      box-shadow: 0 20px 40px rgba(102, 126, 234, 0.3); }
    .features-5 .sub-container .icon, .features-5 .antsand-footer-column .icon, .features-5 .antsand-pricing-card .icon, .features-5 .sub-container .antsand-feature-icon, .features-5 .antsand-footer-column .antsand-feature-icon, .features-5 .antsand-pricing-card .antsand-feature-icon, .features-5 .antsand-feature-item .icon, .features-5 .antsand-feature-item .antsand-feature-icon {
      background-color: rgba(255, 255, 255, 0.2);
      color: white; }
    .features-5 .sub-container .title, .features-5 .antsand-footer-column .title, .features-5 .antsand-pricing-card .title, .features-5 .sub-container .antsand-feature-title, .features-5 .antsand-footer-column .antsand-feature-title, .features-5 .antsand-pricing-card .antsand-feature-title, .features-5 .antsand-feature-item .title, .features-5 .antsand-feature-item .antsand-feature-title, .features-5 .sub-container .antsand-hero-title, .features-5 .antsand-footer-column .antsand-hero-title, .features-5 .antsand-pricing-card .antsand-hero-title, .features-5 .antsand-feature-item .antsand-hero-title {
      color: white; }
    .features-5 .sub-container .description, .features-5 .antsand-footer-column .description, .features-5 .antsand-pricing-card .description, .features-5 .sub-container .antsand-feature-desc, .features-5 .antsand-footer-column .antsand-feature-desc, .features-5 .antsand-pricing-card .antsand-feature-desc, .features-5 .antsand-feature-item .description, .features-5 .antsand-feature-item .antsand-feature-desc, .features-5 .sub-container .antsand-hero-subtitle, .features-5 .antsand-footer-column .antsand-hero-subtitle, .features-5 .antsand-pricing-card .antsand-hero-subtitle, .features-5 .antsand-feature-item .antsand-hero-subtitle {
      color: rgba(255, 255, 255, 0.85); }
    .features-5 .sub-container .cta, .features-5 .antsand-footer-column .cta, .features-5 .sub-container .antsand-pricing-cta, .features-5 .antsand-footer-column .antsand-pricing-cta, .features-5 .antsand-pricing-card .cta, .features-5 .antsand-pricing-card .antsand-pricing-cta, .features-5 .antsand-feature-item .cta, .features-5 .antsand-feature-item .antsand-pricing-cta {
      color: white;
      text-decoration: underline; }

.features-2col .data-container {
  grid-template-columns: repeat(2, 1fr); }
  @media (max-width: 768px) {
    .features-2col .data-container {
      grid-template-columns: 1fr; } }
.features-3col .data-container {
  grid-template-columns: repeat(3, 1fr); }
  @media (max-width: 768px) {
    .features-3col .data-container {
      grid-template-columns: 1fr; } }
.features-4col .data-container {
  grid-template-columns: repeat(4, 1fr); }
  @media (max-width: 1024px) {
    .features-4col .data-container {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 640px) {
    .features-4col .data-container {
      grid-template-columns: 1fr; } }
.pricing-1, .antsand-pricing {
  padding: 4rem 0;
  background-color: white; }
  .pricing-1 > .container, .pricing-1 > .antsand-footer-grid, .antsand-pricing > .container, .antsand-pricing > .antsand-footer-grid {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem; }
  .pricing-1 .header-section, .antsand-pricing .header-section {
    text-align: center;
    margin-bottom: 3rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; }
    .pricing-1 .header-section .title, .antsand-pricing .header-section .title, .pricing-1 .header-section .antsand-hero-title, .antsand-pricing .header-section .antsand-hero-title, .pricing-1 .header-section .antsand-feature-title, .antsand-pricing .header-section .antsand-feature-title {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 1rem; }
      @media (min-width: 768px) {
        .pricing-1 .header-section .title, .antsand-pricing .header-section .title, .pricing-1 .header-section .antsand-hero-title, .antsand-pricing .header-section .antsand-hero-title, .pricing-1 .header-section .antsand-feature-title, .antsand-pricing .header-section .antsand-feature-title {
          font-size: 2.5rem; } }
    .pricing-1 .header-section .description, .antsand-pricing .header-section .description, .pricing-1 .header-section .antsand-hero-subtitle, .antsand-pricing .header-section .antsand-hero-subtitle, .pricing-1 .header-section .antsand-feature-desc, .antsand-pricing .header-section .antsand-feature-desc {
      font-size: 1.125rem;
      line-height: 1.75; }
  .pricing-1 .data-container, .antsand-pricing .data-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    align-items: stretch; }
    @media (max-width: 640px) {
      .pricing-1 .data-container, .antsand-pricing .data-container {
        grid-template-columns: 1fr; } }
  .pricing-1 .sub-container, .pricing-1 .antsand-footer-column, .pricing-1 .antsand-pricing-card, .antsand-pricing .sub-container, .antsand-pricing .antsand-footer-column, .antsand-pricing .antsand-pricing-card, .pricing-1 .antsand-feature-item, .antsand-pricing .antsand-feature-item {
    border-radius: 0.75rem;
    padding: 2rem;
    text-align: center;
    transition: all 250ms ease;
    position: relative;
    display: flex;
    flex-direction: column; }
    .pricing-1 .sub-container:hover, .pricing-1 .antsand-footer-column:hover, .pricing-1 .antsand-pricing-card:hover, .antsand-pricing .sub-container:hover, .antsand-pricing .antsand-footer-column:hover, .antsand-pricing .antsand-pricing-card:hover, .pricing-1 .antsand-feature-item:hover, .antsand-pricing .antsand-feature-item:hover {
      transform: translateY(-4px); }
    .pricing-1 .sub-container .badge, .pricing-1 .antsand-footer-column .badge, .pricing-1 .sub-container .antsand-pricing-badge, .pricing-1 .antsand-footer-column .antsand-pricing-badge, .pricing-1 .antsand-pricing-card .badge, .pricing-1 .antsand-pricing-card .antsand-pricing-badge, .antsand-pricing .sub-container .badge, .antsand-pricing .antsand-footer-column .badge, .antsand-pricing .sub-container .antsand-pricing-badge, .antsand-pricing .antsand-footer-column .antsand-pricing-badge, .antsand-pricing .antsand-pricing-card .badge, .antsand-pricing .antsand-pricing-card .antsand-pricing-badge, .pricing-1 .antsand-feature-item .badge, .pricing-1 .antsand-feature-item .antsand-pricing-badge, .antsand-pricing .antsand-feature-item .badge, .antsand-pricing .antsand-feature-item .antsand-pricing-badge {
      position: absolute;
      top: -0.75rem;
      left: 50%;
      transform: translateX(-50%);
      padding: 0.25rem 1rem;
      border-radius: 9999px;
      font-size: 0.875rem;
      font-weight: 600;
      white-space: nowrap; }
    .pricing-1 .sub-container .title, .pricing-1 .antsand-footer-column .title, .pricing-1 .antsand-pricing-card .title, .antsand-pricing .sub-container .title, .antsand-pricing .antsand-footer-column .title, .antsand-pricing .antsand-pricing-card .title, .pricing-1 .antsand-feature-item .title, .antsand-pricing .antsand-feature-item .title, .pricing-1 .sub-container .antsand-hero-title, .pricing-1 .antsand-footer-column .antsand-hero-title, .pricing-1 .antsand-pricing-card .antsand-hero-title, .antsand-pricing .sub-container .antsand-hero-title, .antsand-pricing .antsand-footer-column .antsand-hero-title, .antsand-pricing .antsand-pricing-card .antsand-hero-title, .pricing-1 .antsand-feature-item .antsand-hero-title, .antsand-pricing .antsand-feature-item .antsand-hero-title, .pricing-1 .sub-container .antsand-feature-title, .pricing-1 .antsand-footer-column .antsand-feature-title, .pricing-1 .antsand-pricing-card .antsand-feature-title, .antsand-pricing .sub-container .antsand-feature-title, .antsand-pricing .antsand-footer-column .antsand-feature-title, .antsand-pricing .antsand-pricing-card .antsand-feature-title, .pricing-1 .antsand-feature-item .antsand-feature-title, .antsand-pricing .antsand-feature-item .antsand-feature-title {
      font-size: 1.25rem;
      font-weight: 700;
      margin-bottom: 0.5rem; }
    .pricing-1 .sub-container .description, .pricing-1 .antsand-footer-column .description, .pricing-1 .antsand-pricing-card .description, .antsand-pricing .sub-container .description, .antsand-pricing .antsand-footer-column .description, .antsand-pricing .antsand-pricing-card .description, .pricing-1 .antsand-feature-item .description, .antsand-pricing .antsand-feature-item .description, .pricing-1 .sub-container .antsand-hero-subtitle, .pricing-1 .antsand-footer-column .antsand-hero-subtitle, .pricing-1 .antsand-pricing-card .antsand-hero-subtitle, .antsand-pricing .sub-container .antsand-hero-subtitle, .antsand-pricing .antsand-footer-column .antsand-hero-subtitle, .antsand-pricing .antsand-pricing-card .antsand-hero-subtitle, .pricing-1 .antsand-feature-item .antsand-hero-subtitle, .antsand-pricing .antsand-feature-item .antsand-hero-subtitle, .pricing-1 .sub-container .antsand-feature-desc, .pricing-1 .antsand-footer-column .antsand-feature-desc, .pricing-1 .antsand-pricing-card .antsand-feature-desc, .antsand-pricing .sub-container .antsand-feature-desc, .antsand-pricing .antsand-footer-column .antsand-feature-desc, .antsand-pricing .antsand-pricing-card .antsand-feature-desc, .pricing-1 .antsand-feature-item .antsand-feature-desc, .antsand-pricing .antsand-feature-item .antsand-feature-desc {
      font-size: 0.875rem;
      margin-bottom: 1.5rem;
      padding-bottom: 1.5rem; }
    .pricing-1 .sub-container .price, .pricing-1 .antsand-footer-column .price, .pricing-1 .sub-container .antsand-pricing-price, .pricing-1 .antsand-footer-column .antsand-pricing-price, .pricing-1 .antsand-pricing-card .price, .pricing-1 .antsand-pricing-card .antsand-pricing-price, .antsand-pricing .sub-container .price, .antsand-pricing .antsand-footer-column .price, .antsand-pricing .sub-container .antsand-pricing-price, .antsand-pricing .antsand-footer-column .antsand-pricing-price, .antsand-pricing .antsand-pricing-card .price, .antsand-pricing .antsand-pricing-card .antsand-pricing-price, .pricing-1 .antsand-feature-item .price, .pricing-1 .antsand-feature-item .antsand-pricing-price, .antsand-pricing .antsand-feature-item .price, .antsand-pricing .antsand-feature-item .antsand-pricing-price {
      margin-bottom: 1.5rem;
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 1; }
      .pricing-1 .sub-container .price .currency, .pricing-1 .antsand-footer-column .price .currency, .pricing-1 .sub-container .antsand-pricing-price .currency, .pricing-1 .antsand-footer-column .antsand-pricing-price .currency, .pricing-1 .antsand-pricing-card .price .currency, .pricing-1 .antsand-pricing-card .antsand-pricing-price .currency, .antsand-pricing .sub-container .price .currency, .antsand-pricing .antsand-footer-column .price .currency, .antsand-pricing .sub-container .antsand-pricing-price .currency, .antsand-pricing .antsand-footer-column .antsand-pricing-price .currency, .antsand-pricing .antsand-pricing-card .price .currency, .antsand-pricing .antsand-pricing-card .antsand-pricing-price .currency, .pricing-1 .antsand-feature-item .price .currency, .pricing-1 .antsand-feature-item .antsand-pricing-price .currency, .antsand-pricing .antsand-feature-item .price .currency, .antsand-pricing .antsand-feature-item .antsand-pricing-price .currency {
        font-size: 1.5rem;
        vertical-align: super; }
      .pricing-1 .sub-container .price .period, .pricing-1 .antsand-footer-column .price .period, .pricing-1 .sub-container .antsand-pricing-price .period, .pricing-1 .antsand-footer-column .antsand-pricing-price .period, .pricing-1 .antsand-pricing-card .price .period, .pricing-1 .antsand-pricing-card .antsand-pricing-price .period, .antsand-pricing .sub-container .price .period, .antsand-pricing .antsand-footer-column .price .period, .antsand-pricing .sub-container .antsand-pricing-price .period, .antsand-pricing .antsand-footer-column .antsand-pricing-price .period, .antsand-pricing .antsand-pricing-card .price .period, .antsand-pricing .antsand-pricing-card .antsand-pricing-price .period, .pricing-1 .antsand-feature-item .price .period, .pricing-1 .antsand-feature-item .antsand-pricing-price .period, .antsand-pricing .antsand-feature-item .price .period, .antsand-pricing .antsand-feature-item .antsand-pricing-price .period {
        display: block;
        font-size: 1rem;
        font-weight: 400;
        margin-top: 0.25rem; }
    .pricing-1 .sub-container .features, .pricing-1 .antsand-footer-column .features, .pricing-1 .sub-container .antsand-pricing-features, .pricing-1 .antsand-footer-column .antsand-pricing-features, .pricing-1 .antsand-pricing-card .features, .pricing-1 .antsand-pricing-card .antsand-pricing-features, .antsand-pricing .sub-container .features, .antsand-pricing .antsand-footer-column .features, .antsand-pricing .sub-container .antsand-pricing-features, .antsand-pricing .antsand-footer-column .antsand-pricing-features, .antsand-pricing .antsand-pricing-card .features, .antsand-pricing .antsand-pricing-card .antsand-pricing-features, .pricing-1 .antsand-feature-item .features, .pricing-1 .antsand-feature-item .antsand-pricing-features, .antsand-pricing .antsand-feature-item .features, .antsand-pricing .antsand-feature-item .antsand-pricing-features {
      list-style: none;
      padding: 0;
      margin: 0 0 2rem 0;
      text-align: left;
      flex-grow: 1; }
      .pricing-1 .sub-container .features li, .pricing-1 .antsand-footer-column .features li, .pricing-1 .sub-container .antsand-pricing-features li, .pricing-1 .antsand-footer-column .antsand-pricing-features li, .pricing-1 .antsand-pricing-card .features li, .pricing-1 .antsand-pricing-card .antsand-pricing-features li, .antsand-pricing .sub-container .features li, .antsand-pricing .antsand-footer-column .features li, .antsand-pricing .sub-container .antsand-pricing-features li, .antsand-pricing .antsand-footer-column .antsand-pricing-features li, .antsand-pricing .antsand-pricing-card .features li, .antsand-pricing .antsand-pricing-card .antsand-pricing-features li, .pricing-1 .antsand-feature-item .features li, .pricing-1 .antsand-feature-item .antsand-pricing-features li, .antsand-pricing .antsand-feature-item .features li, .antsand-pricing .antsand-feature-item .antsand-pricing-features li {
        padding: 0.5rem 0;
        line-height: 1.75; }
        .pricing-1 .sub-container .features li::before, .pricing-1 .antsand-footer-column .features li::before, .pricing-1 .sub-container .antsand-pricing-features li::before, .pricing-1 .antsand-footer-column .antsand-pricing-features li::before, .pricing-1 .antsand-pricing-card .features li::before, .pricing-1 .antsand-pricing-card .antsand-pricing-features li::before, .antsand-pricing .sub-container .features li::before, .antsand-pricing .antsand-footer-column .features li::before, .antsand-pricing .sub-container .antsand-pricing-features li::before, .antsand-pricing .antsand-footer-column .antsand-pricing-features li::before, .antsand-pricing .antsand-pricing-card .features li::before, .antsand-pricing .antsand-pricing-card .antsand-pricing-features li::before, .pricing-1 .antsand-feature-item .features li::before, .pricing-1 .antsand-feature-item .antsand-pricing-features li::before, .antsand-pricing .antsand-feature-item .features li::before, .antsand-pricing .antsand-feature-item .antsand-pricing-features li::before {
          content: '✓';
          font-weight: 700;
          margin-right: 0.5rem; }
        .pricing-1 .sub-container .features li.disabled, .pricing-1 .antsand-footer-column .features li.disabled, .pricing-1 .sub-container .antsand-pricing-features li.disabled, .pricing-1 .antsand-footer-column .antsand-pricing-features li.disabled, .pricing-1 .antsand-pricing-card .features li.disabled, .pricing-1 .antsand-pricing-card .antsand-pricing-features li.disabled, .antsand-pricing .sub-container .features li.disabled, .antsand-pricing .antsand-footer-column .features li.disabled, .antsand-pricing .sub-container .antsand-pricing-features li.disabled, .antsand-pricing .antsand-footer-column .antsand-pricing-features li.disabled, .antsand-pricing .antsand-pricing-card .features li.disabled, .antsand-pricing .antsand-pricing-card .antsand-pricing-features li.disabled, .pricing-1 .antsand-feature-item .features li.disabled, .pricing-1 .antsand-feature-item .antsand-pricing-features li.disabled, .antsand-pricing .antsand-feature-item .features li.disabled, .antsand-pricing .antsand-feature-item .antsand-pricing-features li.disabled {
          opacity: 0.5; }
          .pricing-1 .sub-container .features li.disabled::before, .pricing-1 .antsand-footer-column .features li.disabled::before, .pricing-1 .sub-container .antsand-pricing-features li.disabled::before, .pricing-1 .antsand-footer-column .antsand-pricing-features li.disabled::before, .pricing-1 .antsand-pricing-card .features li.disabled::before, .pricing-1 .antsand-pricing-card .antsand-pricing-features li.disabled::before, .antsand-pricing .sub-container .features li.disabled::before, .antsand-pricing .antsand-footer-column .features li.disabled::before, .antsand-pricing .sub-container .antsand-pricing-features li.disabled::before, .antsand-pricing .antsand-footer-column .antsand-pricing-features li.disabled::before, .antsand-pricing .antsand-pricing-card .features li.disabled::before, .antsand-pricing .antsand-pricing-card .antsand-pricing-features li.disabled::before, .pricing-1 .antsand-feature-item .features li.disabled::before, .pricing-1 .antsand-feature-item .antsand-pricing-features li.disabled::before, .antsand-pricing .antsand-feature-item .features li.disabled::before, .antsand-pricing .antsand-feature-item .antsand-pricing-features li.disabled::before {
            content: '✕'; }
    .pricing-1 .sub-container .cta-container, .pricing-1 .antsand-footer-column .cta-container, .pricing-1 .antsand-pricing-card .cta-container, .antsand-pricing .sub-container .cta-container, .antsand-pricing .antsand-footer-column .cta-container, .antsand-pricing .antsand-pricing-card .cta-container, .pricing-1 .antsand-feature-item .cta-container, .antsand-pricing .antsand-feature-item .cta-container, .pricing-1 .sub-container .antsand-hero-cta, .pricing-1 .antsand-footer-column .antsand-hero-cta, .pricing-1 .antsand-pricing-card .antsand-hero-cta, .antsand-pricing .sub-container .antsand-hero-cta, .antsand-pricing .antsand-footer-column .antsand-hero-cta, .antsand-pricing .antsand-pricing-card .antsand-hero-cta, .pricing-1 .antsand-feature-item .antsand-hero-cta, .antsand-pricing .antsand-feature-item .antsand-hero-cta {
      margin-top: auto; }
      .pricing-1 .sub-container .cta-container .cta, .pricing-1 .antsand-footer-column .cta-container .cta, .pricing-1 .sub-container .cta-container .antsand-pricing-cta, .pricing-1 .antsand-footer-column .cta-container .antsand-pricing-cta, .pricing-1 .antsand-pricing-card .cta-container .cta, .pricing-1 .antsand-pricing-card .cta-container .antsand-pricing-cta, .antsand-pricing .sub-container .cta-container .cta, .antsand-pricing .antsand-footer-column .cta-container .cta, .antsand-pricing .sub-container .cta-container .antsand-pricing-cta, .antsand-pricing .antsand-footer-column .cta-container .antsand-pricing-cta, .antsand-pricing .antsand-pricing-card .cta-container .cta, .antsand-pricing .antsand-pricing-card .cta-container .antsand-pricing-cta, .pricing-1 .antsand-feature-item .cta-container .cta, .pricing-1 .antsand-feature-item .cta-container .antsand-pricing-cta, .antsand-pricing .antsand-feature-item .cta-container .cta, .antsand-pricing .antsand-feature-item .cta-container .antsand-pricing-cta, .pricing-1 .sub-container .antsand-hero-cta .cta, .pricing-1 .antsand-footer-column .antsand-hero-cta .cta, .pricing-1 .sub-container .antsand-hero-cta .antsand-pricing-cta, .pricing-1 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .pricing-1 .antsand-pricing-card .antsand-hero-cta .cta, .pricing-1 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .antsand-pricing .sub-container .antsand-hero-cta .cta, .antsand-pricing .antsand-footer-column .antsand-hero-cta .cta, .antsand-pricing .sub-container .antsand-hero-cta .antsand-pricing-cta, .antsand-pricing .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .antsand-pricing .antsand-pricing-card .antsand-hero-cta .cta, .antsand-pricing .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .pricing-1 .antsand-feature-item .antsand-hero-cta .cta, .pricing-1 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta, .antsand-pricing .antsand-feature-item .antsand-hero-cta .cta, .antsand-pricing .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta {
        display: block;
        width: 100%;
        padding: 1rem 1.5rem;
        border-radius: 0.5rem;
        font-weight: 600;
        text-decoration: none;
        text-align: center;
        transition: all 250ms ease;
        cursor: pointer;
        border: none; }
    .pricing-1 .sub-container.featured, .pricing-1 .featured.antsand-footer-column, .pricing-1 .sub-container.antsand-pricing-highlight, .pricing-1 .antsand-pricing-highlight.antsand-footer-column, .pricing-1 .featured.antsand-pricing-card, .pricing-1 .antsand-pricing-card.antsand-pricing-highlight, .antsand-pricing .sub-container.featured, .antsand-pricing .featured.antsand-footer-column, .antsand-pricing .sub-container.antsand-pricing-highlight, .antsand-pricing .antsand-pricing-highlight.antsand-footer-column, .antsand-pricing .featured.antsand-pricing-card, .antsand-pricing .antsand-pricing-card.antsand-pricing-highlight, .pricing-1 .featured.antsand-feature-item, .pricing-1 .antsand-feature-item.antsand-pricing-highlight, .antsand-pricing .featured.antsand-feature-item, .antsand-pricing .antsand-feature-item.antsand-pricing-highlight {
      transform: scale(1.05); }
      @media (max-width: 768px) {
        .pricing-1 .sub-container.featured, .pricing-1 .featured.antsand-footer-column, .pricing-1 .sub-container.antsand-pricing-highlight, .pricing-1 .antsand-pricing-highlight.antsand-footer-column, .pricing-1 .featured.antsand-pricing-card, .pricing-1 .antsand-pricing-card.antsand-pricing-highlight, .antsand-pricing .sub-container.featured, .antsand-pricing .featured.antsand-footer-column, .antsand-pricing .sub-container.antsand-pricing-highlight, .antsand-pricing .antsand-pricing-highlight.antsand-footer-column, .antsand-pricing .featured.antsand-pricing-card, .antsand-pricing .antsand-pricing-card.antsand-pricing-highlight, .pricing-1 .featured.antsand-feature-item, .pricing-1 .antsand-feature-item.antsand-pricing-highlight, .antsand-pricing .featured.antsand-feature-item, .antsand-pricing .antsand-feature-item.antsand-pricing-highlight {
          transform: scale(1); } }
  .pricing-1 .header-section .title, .antsand-pricing .header-section .title, .pricing-1 .header-section .antsand-hero-title, .antsand-pricing .header-section .antsand-hero-title, .pricing-1 .header-section .antsand-feature-title, .antsand-pricing .header-section .antsand-feature-title {
    color: #212529; }
  .pricing-1 .header-section .description, .antsand-pricing .header-section .description, .pricing-1 .header-section .antsand-hero-subtitle, .antsand-pricing .header-section .antsand-hero-subtitle, .pricing-1 .header-section .antsand-feature-desc, .antsand-pricing .header-section .antsand-feature-desc {
    color: #6c757d; }
  .pricing-1 .sub-container, .pricing-1 .antsand-footer-column, .pricing-1 .antsand-pricing-card, .antsand-pricing .sub-container, .antsand-pricing .antsand-footer-column, .antsand-pricing .antsand-pricing-card, .pricing-1 .antsand-feature-item, .antsand-pricing .antsand-feature-item {
    background-color: white;
    border: 1px solid #e9ecef; }
    .pricing-1 .sub-container:hover, .pricing-1 .antsand-footer-column:hover, .pricing-1 .antsand-pricing-card:hover, .antsand-pricing .sub-container:hover, .antsand-pricing .antsand-footer-column:hover, .antsand-pricing .antsand-pricing-card:hover, .pricing-1 .antsand-feature-item:hover, .antsand-pricing .antsand-feature-item:hover {
      box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15); }
    .pricing-1 .sub-container .badge, .pricing-1 .antsand-footer-column .badge, .pricing-1 .sub-container .antsand-pricing-badge, .pricing-1 .antsand-footer-column .antsand-pricing-badge, .pricing-1 .antsand-pricing-card .badge, .pricing-1 .antsand-pricing-card .antsand-pricing-badge, .antsand-pricing .sub-container .badge, .antsand-pricing .antsand-footer-column .badge, .antsand-pricing .sub-container .antsand-pricing-badge, .antsand-pricing .antsand-footer-column .antsand-pricing-badge, .antsand-pricing .antsand-pricing-card .badge, .antsand-pricing .antsand-pricing-card .antsand-pricing-badge, .pricing-1 .antsand-feature-item .badge, .pricing-1 .antsand-feature-item .antsand-pricing-badge, .antsand-pricing .antsand-feature-item .badge, .antsand-pricing .antsand-feature-item .antsand-pricing-badge {
      background-color: #3498db;
      color: white; }
    .pricing-1 .sub-container .title, .pricing-1 .antsand-footer-column .title, .pricing-1 .antsand-pricing-card .title, .antsand-pricing .sub-container .title, .antsand-pricing .antsand-footer-column .title, .antsand-pricing .antsand-pricing-card .title, .pricing-1 .antsand-feature-item .title, .antsand-pricing .antsand-feature-item .title, .pricing-1 .sub-container .antsand-hero-title, .pricing-1 .antsand-footer-column .antsand-hero-title, .pricing-1 .antsand-pricing-card .antsand-hero-title, .antsand-pricing .sub-container .antsand-hero-title, .antsand-pricing .antsand-footer-column .antsand-hero-title, .antsand-pricing .antsand-pricing-card .antsand-hero-title, .pricing-1 .antsand-feature-item .antsand-hero-title, .antsand-pricing .antsand-feature-item .antsand-hero-title, .pricing-1 .sub-container .antsand-feature-title, .pricing-1 .antsand-footer-column .antsand-feature-title, .pricing-1 .antsand-pricing-card .antsand-feature-title, .antsand-pricing .sub-container .antsand-feature-title, .antsand-pricing .antsand-footer-column .antsand-feature-title, .antsand-pricing .antsand-pricing-card .antsand-feature-title, .pricing-1 .antsand-feature-item .antsand-feature-title, .antsand-pricing .antsand-feature-item .antsand-feature-title {
      color: #212529; }
    .pricing-1 .sub-container .description, .pricing-1 .antsand-footer-column .description, .pricing-1 .antsand-pricing-card .description, .antsand-pricing .sub-container .description, .antsand-pricing .antsand-footer-column .description, .antsand-pricing .antsand-pricing-card .description, .pricing-1 .antsand-feature-item .description, .antsand-pricing .antsand-feature-item .description, .pricing-1 .sub-container .antsand-hero-subtitle, .pricing-1 .antsand-footer-column .antsand-hero-subtitle, .pricing-1 .antsand-pricing-card .antsand-hero-subtitle, .antsand-pricing .sub-container .antsand-hero-subtitle, .antsand-pricing .antsand-footer-column .antsand-hero-subtitle, .antsand-pricing .antsand-pricing-card .antsand-hero-subtitle, .pricing-1 .antsand-feature-item .antsand-hero-subtitle, .antsand-pricing .antsand-feature-item .antsand-hero-subtitle, .pricing-1 .sub-container .antsand-feature-desc, .pricing-1 .antsand-footer-column .antsand-feature-desc, .pricing-1 .antsand-pricing-card .antsand-feature-desc, .antsand-pricing .sub-container .antsand-feature-desc, .antsand-pricing .antsand-footer-column .antsand-feature-desc, .antsand-pricing .antsand-pricing-card .antsand-feature-desc, .pricing-1 .antsand-feature-item .antsand-feature-desc, .antsand-pricing .antsand-feature-item .antsand-feature-desc {
      color: #6c757d;
      border-bottom: 1px solid #e9ecef; }
    .pricing-1 .sub-container .price, .pricing-1 .antsand-footer-column .price, .pricing-1 .sub-container .antsand-pricing-price, .pricing-1 .antsand-footer-column .antsand-pricing-price, .pricing-1 .antsand-pricing-card .price, .pricing-1 .antsand-pricing-card .antsand-pricing-price, .antsand-pricing .sub-container .price, .antsand-pricing .antsand-footer-column .price, .antsand-pricing .sub-container .antsand-pricing-price, .antsand-pricing .antsand-footer-column .antsand-pricing-price, .antsand-pricing .antsand-pricing-card .price, .antsand-pricing .antsand-pricing-card .antsand-pricing-price, .pricing-1 .antsand-feature-item .price, .pricing-1 .antsand-feature-item .antsand-pricing-price, .antsand-pricing .antsand-feature-item .price, .antsand-pricing .antsand-feature-item .antsand-pricing-price {
      color: #212529; }
    .pricing-1 .sub-container .price .period, .pricing-1 .antsand-footer-column .price .period, .pricing-1 .sub-container .antsand-pricing-price .period, .pricing-1 .antsand-footer-column .antsand-pricing-price .period, .pricing-1 .antsand-pricing-card .price .period, .pricing-1 .antsand-pricing-card .antsand-pricing-price .period, .antsand-pricing .sub-container .price .period, .antsand-pricing .antsand-footer-column .price .period, .antsand-pricing .sub-container .antsand-pricing-price .period, .antsand-pricing .antsand-footer-column .antsand-pricing-price .period, .antsand-pricing .antsand-pricing-card .price .period, .antsand-pricing .antsand-pricing-card .antsand-pricing-price .period, .pricing-1 .antsand-feature-item .price .period, .pricing-1 .antsand-feature-item .antsand-pricing-price .period, .antsand-pricing .antsand-feature-item .price .period, .antsand-pricing .antsand-feature-item .antsand-pricing-price .period {
      color: #6c757d; }
    .pricing-1 .sub-container .features li, .pricing-1 .antsand-footer-column .features li, .pricing-1 .sub-container .antsand-pricing-features li, .pricing-1 .antsand-footer-column .antsand-pricing-features li, .pricing-1 .antsand-pricing-card .features li, .pricing-1 .antsand-pricing-card .antsand-pricing-features li, .antsand-pricing .sub-container .features li, .antsand-pricing .antsand-footer-column .features li, .antsand-pricing .sub-container .antsand-pricing-features li, .antsand-pricing .antsand-footer-column .antsand-pricing-features li, .antsand-pricing .antsand-pricing-card .features li, .antsand-pricing .antsand-pricing-card .antsand-pricing-features li, .pricing-1 .antsand-feature-item .features li, .pricing-1 .antsand-feature-item .antsand-pricing-features li, .antsand-pricing .antsand-feature-item .features li, .antsand-pricing .antsand-feature-item .antsand-pricing-features li {
      color: #495057; }
      .pricing-1 .sub-container .features li::before, .pricing-1 .antsand-footer-column .features li::before, .pricing-1 .sub-container .antsand-pricing-features li::before, .pricing-1 .antsand-footer-column .antsand-pricing-features li::before, .pricing-1 .antsand-pricing-card .features li::before, .pricing-1 .antsand-pricing-card .antsand-pricing-features li::before, .antsand-pricing .sub-container .features li::before, .antsand-pricing .antsand-footer-column .features li::before, .antsand-pricing .sub-container .antsand-pricing-features li::before, .antsand-pricing .antsand-footer-column .antsand-pricing-features li::before, .antsand-pricing .antsand-pricing-card .features li::before, .antsand-pricing .antsand-pricing-card .antsand-pricing-features li::before, .pricing-1 .antsand-feature-item .features li::before, .pricing-1 .antsand-feature-item .antsand-pricing-features li::before, .antsand-pricing .antsand-feature-item .features li::before, .antsand-pricing .antsand-feature-item .antsand-pricing-features li::before {
        color: #27ae60; }
      .pricing-1 .sub-container .features li.disabled::before, .pricing-1 .antsand-footer-column .features li.disabled::before, .pricing-1 .sub-container .antsand-pricing-features li.disabled::before, .pricing-1 .antsand-footer-column .antsand-pricing-features li.disabled::before, .pricing-1 .antsand-pricing-card .features li.disabled::before, .pricing-1 .antsand-pricing-card .antsand-pricing-features li.disabled::before, .antsand-pricing .sub-container .features li.disabled::before, .antsand-pricing .antsand-footer-column .features li.disabled::before, .antsand-pricing .sub-container .antsand-pricing-features li.disabled::before, .antsand-pricing .antsand-footer-column .antsand-pricing-features li.disabled::before, .antsand-pricing .antsand-pricing-card .features li.disabled::before, .antsand-pricing .antsand-pricing-card .antsand-pricing-features li.disabled::before, .pricing-1 .antsand-feature-item .features li.disabled::before, .pricing-1 .antsand-feature-item .antsand-pricing-features li.disabled::before, .antsand-pricing .antsand-feature-item .features li.disabled::before, .antsand-pricing .antsand-feature-item .antsand-pricing-features li.disabled::before {
        color: #ced4da; }
    .pricing-1 .sub-container .cta, .pricing-1 .antsand-footer-column .cta, .pricing-1 .sub-container .antsand-pricing-cta, .pricing-1 .antsand-footer-column .antsand-pricing-cta, .pricing-1 .antsand-pricing-card .cta, .pricing-1 .antsand-pricing-card .antsand-pricing-cta, .antsand-pricing .sub-container .cta, .antsand-pricing .antsand-footer-column .cta, .antsand-pricing .sub-container .antsand-pricing-cta, .antsand-pricing .antsand-footer-column .antsand-pricing-cta, .antsand-pricing .antsand-pricing-card .cta, .antsand-pricing .antsand-pricing-card .antsand-pricing-cta, .pricing-1 .antsand-feature-item .cta, .pricing-1 .antsand-feature-item .antsand-pricing-cta, .antsand-pricing .antsand-feature-item .cta, .antsand-pricing .antsand-feature-item .antsand-pricing-cta {
      background-color: #f8f9fa;
      color: #495057; }
      .pricing-1 .sub-container .cta:hover, .pricing-1 .antsand-footer-column .cta:hover, .pricing-1 .sub-container .antsand-pricing-cta:hover, .pricing-1 .antsand-footer-column .antsand-pricing-cta:hover, .pricing-1 .antsand-pricing-card .cta:hover, .pricing-1 .antsand-pricing-card .antsand-pricing-cta:hover, .antsand-pricing .sub-container .cta:hover, .antsand-pricing .antsand-footer-column .cta:hover, .antsand-pricing .sub-container .antsand-pricing-cta:hover, .antsand-pricing .antsand-footer-column .antsand-pricing-cta:hover, .antsand-pricing .antsand-pricing-card .cta:hover, .antsand-pricing .antsand-pricing-card .antsand-pricing-cta:hover, .pricing-1 .antsand-feature-item .cta:hover, .pricing-1 .antsand-feature-item .antsand-pricing-cta:hover, .antsand-pricing .antsand-feature-item .cta:hover, .antsand-pricing .antsand-feature-item .antsand-pricing-cta:hover {
        background-color: #3498db;
        color: white; }
    .pricing-1 .sub-container.featured, .pricing-1 .featured.antsand-footer-column, .pricing-1 .sub-container.antsand-pricing-highlight, .pricing-1 .antsand-pricing-highlight.antsand-footer-column, .pricing-1 .featured.antsand-pricing-card, .pricing-1 .antsand-pricing-card.antsand-pricing-highlight, .antsand-pricing .sub-container.featured, .antsand-pricing .featured.antsand-footer-column, .antsand-pricing .sub-container.antsand-pricing-highlight, .antsand-pricing .antsand-pricing-highlight.antsand-footer-column, .antsand-pricing .featured.antsand-pricing-card, .antsand-pricing .antsand-pricing-card.antsand-pricing-highlight, .pricing-1 .featured.antsand-feature-item, .pricing-1 .antsand-feature-item.antsand-pricing-highlight, .antsand-pricing .featured.antsand-feature-item, .antsand-pricing .antsand-feature-item.antsand-pricing-highlight {
      border-color: #3498db;
      border-width: 2px;
      box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }
      .pricing-1 .sub-container.featured .title, .pricing-1 .featured.antsand-footer-column .title, .pricing-1 .sub-container.antsand-pricing-highlight .title, .pricing-1 .antsand-pricing-highlight.antsand-footer-column .title, .pricing-1 .featured.antsand-pricing-card .title, .pricing-1 .antsand-pricing-card.antsand-pricing-highlight .title, .antsand-pricing .sub-container.featured .title, .antsand-pricing .featured.antsand-footer-column .title, .antsand-pricing .sub-container.antsand-pricing-highlight .title, .antsand-pricing .antsand-pricing-highlight.antsand-footer-column .title, .antsand-pricing .featured.antsand-pricing-card .title, .antsand-pricing .antsand-pricing-card.antsand-pricing-highlight .title, .pricing-1 .featured.antsand-feature-item .title, .pricing-1 .antsand-feature-item.antsand-pricing-highlight .title, .antsand-pricing .featured.antsand-feature-item .title, .antsand-pricing .antsand-feature-item.antsand-pricing-highlight .title, .pricing-1 .sub-container.featured .antsand-hero-title, .pricing-1 .featured.antsand-footer-column .antsand-hero-title, .pricing-1 .sub-container.antsand-pricing-highlight .antsand-hero-title, .pricing-1 .antsand-pricing-highlight.antsand-footer-column .antsand-hero-title, .pricing-1 .featured.antsand-pricing-card .antsand-hero-title, .pricing-1 .antsand-pricing-card.antsand-pricing-highlight .antsand-hero-title, .antsand-pricing .sub-container.featured .antsand-hero-title, .antsand-pricing .featured.antsand-footer-column .antsand-hero-title, .antsand-pricing .sub-container.antsand-pricing-highlight .antsand-hero-title, .antsand-pricing .antsand-pricing-highlight.antsand-footer-column .antsand-hero-title, .antsand-pricing .featured.antsand-pricing-card .antsand-hero-title, .antsand-pricing .antsand-pricing-card.antsand-pricing-highlight .antsand-hero-title, .pricing-1 .featured.antsand-feature-item .antsand-hero-title, .pricing-1 .antsand-feature-item.antsand-pricing-highlight .antsand-hero-title, .antsand-pricing .featured.antsand-feature-item .antsand-hero-title, .antsand-pricing .antsand-feature-item.antsand-pricing-highlight .antsand-hero-title, .pricing-1 .sub-container.featured .antsand-feature-title, .pricing-1 .featured.antsand-footer-column .antsand-feature-title, .pricing-1 .sub-container.antsand-pricing-highlight .antsand-feature-title, .pricing-1 .antsand-pricing-highlight.antsand-footer-column .antsand-feature-title, .pricing-1 .featured.antsand-pricing-card .antsand-feature-title, .pricing-1 .antsand-pricing-card.antsand-pricing-highlight .antsand-feature-title, .antsand-pricing .sub-container.featured .antsand-feature-title, .antsand-pricing .featured.antsand-footer-column .antsand-feature-title, .antsand-pricing .sub-container.antsand-pricing-highlight .antsand-feature-title, .antsand-pricing .antsand-pricing-highlight.antsand-footer-column .antsand-feature-title, .antsand-pricing .featured.antsand-pricing-card .antsand-feature-title, .antsand-pricing .antsand-pricing-card.antsand-pricing-highlight .antsand-feature-title, .pricing-1 .featured.antsand-feature-item .antsand-feature-title, .pricing-1 .antsand-feature-item.antsand-pricing-highlight .antsand-feature-title, .antsand-pricing .featured.antsand-feature-item .antsand-feature-title, .antsand-pricing .antsand-feature-item.antsand-pricing-highlight .antsand-feature-title {
        color: #3498db; }
      .pricing-1 .sub-container.featured .cta, .pricing-1 .featured.antsand-footer-column .cta, .pricing-1 .sub-container.antsand-pricing-highlight .cta, .pricing-1 .antsand-pricing-highlight.antsand-footer-column .cta, .pricing-1 .sub-container.featured .antsand-pricing-cta, .pricing-1 .featured.antsand-footer-column .antsand-pricing-cta, .pricing-1 .sub-container.antsand-pricing-highlight .antsand-pricing-cta, .pricing-1 .antsand-pricing-highlight.antsand-footer-column .antsand-pricing-cta, .pricing-1 .featured.antsand-pricing-card .cta, .pricing-1 .antsand-pricing-card.antsand-pricing-highlight .cta, .pricing-1 .featured.antsand-pricing-card .antsand-pricing-cta, .pricing-1 .antsand-pricing-card.antsand-pricing-highlight .antsand-pricing-cta, .antsand-pricing .sub-container.featured .cta, .antsand-pricing .featured.antsand-footer-column .cta, .antsand-pricing .sub-container.antsand-pricing-highlight .cta, .antsand-pricing .antsand-pricing-highlight.antsand-footer-column .cta, .antsand-pricing .sub-container.featured .antsand-pricing-cta, .antsand-pricing .featured.antsand-footer-column .antsand-pricing-cta, .antsand-pricing .sub-container.antsand-pricing-highlight .antsand-pricing-cta, .antsand-pricing .antsand-pricing-highlight.antsand-footer-column .antsand-pricing-cta, .antsand-pricing .featured.antsand-pricing-card .cta, .antsand-pricing .antsand-pricing-card.antsand-pricing-highlight .cta, .antsand-pricing .featured.antsand-pricing-card .antsand-pricing-cta, .antsand-pricing .antsand-pricing-card.antsand-pricing-highlight .antsand-pricing-cta, .pricing-1 .featured.antsand-feature-item .cta, .pricing-1 .antsand-feature-item.antsand-pricing-highlight .cta, .pricing-1 .featured.antsand-feature-item .antsand-pricing-cta, .pricing-1 .antsand-feature-item.antsand-pricing-highlight .antsand-pricing-cta, .antsand-pricing .featured.antsand-feature-item .cta, .antsand-pricing .antsand-feature-item.antsand-pricing-highlight .cta, .antsand-pricing .featured.antsand-feature-item .antsand-pricing-cta, .antsand-pricing .antsand-feature-item.antsand-pricing-highlight .antsand-pricing-cta {
        background-color: #3498db;
        color: white; }
        .pricing-1 .sub-container.featured .cta:hover, .pricing-1 .featured.antsand-footer-column .cta:hover, .pricing-1 .sub-container.antsand-pricing-highlight .cta:hover, .pricing-1 .antsand-pricing-highlight.antsand-footer-column .cta:hover, .pricing-1 .sub-container.featured .antsand-pricing-cta:hover, .pricing-1 .featured.antsand-footer-column .antsand-pricing-cta:hover, .pricing-1 .sub-container.antsand-pricing-highlight .antsand-pricing-cta:hover, .pricing-1 .antsand-pricing-highlight.antsand-footer-column .antsand-pricing-cta:hover, .pricing-1 .featured.antsand-pricing-card .cta:hover, .pricing-1 .antsand-pricing-card.antsand-pricing-highlight .cta:hover, .pricing-1 .featured.antsand-pricing-card .antsand-pricing-cta:hover, .pricing-1 .antsand-pricing-card.antsand-pricing-highlight .antsand-pricing-cta:hover, .antsand-pricing .sub-container.featured .cta:hover, .antsand-pricing .featured.antsand-footer-column .cta:hover, .antsand-pricing .sub-container.antsand-pricing-highlight .cta:hover, .antsand-pricing .antsand-pricing-highlight.antsand-footer-column .cta:hover, .antsand-pricing .sub-container.featured .antsand-pricing-cta:hover, .antsand-pricing .featured.antsand-footer-column .antsand-pricing-cta:hover, .antsand-pricing .sub-container.antsand-pricing-highlight .antsand-pricing-cta:hover, .antsand-pricing .antsand-pricing-highlight.antsand-footer-column .antsand-pricing-cta:hover, .antsand-pricing .featured.antsand-pricing-card .cta:hover, .antsand-pricing .antsand-pricing-card.antsand-pricing-highlight .cta:hover, .antsand-pricing .featured.antsand-pricing-card .antsand-pricing-cta:hover, .antsand-pricing .antsand-pricing-card.antsand-pricing-highlight .antsand-pricing-cta:hover, .pricing-1 .featured.antsand-feature-item .cta:hover, .pricing-1 .antsand-feature-item.antsand-pricing-highlight .cta:hover, .pricing-1 .featured.antsand-feature-item .antsand-pricing-cta:hover, .pricing-1 .antsand-feature-item.antsand-pricing-highlight .antsand-pricing-cta:hover, .antsand-pricing .featured.antsand-feature-item .cta:hover, .antsand-pricing .antsand-feature-item.antsand-pricing-highlight .cta:hover, .antsand-pricing .featured.antsand-feature-item .antsand-pricing-cta:hover, .antsand-pricing .antsand-feature-item.antsand-pricing-highlight .antsand-pricing-cta:hover {
          background-color: #217dbb; }

.pricing-2 {
  padding: 4rem 0;
  background-color: #f9fafb; }
  .pricing-2 > .container, .pricing-2 > .antsand-footer-grid {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem; }
  .pricing-2 .header-section {
    text-align: center;
    margin-bottom: 3rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; }
    .pricing-2 .header-section .title, .pricing-2 .header-section .antsand-hero-title, .pricing-2 .header-section .antsand-feature-title {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 1rem; }
      @media (min-width: 768px) {
        .pricing-2 .header-section .title, .pricing-2 .header-section .antsand-hero-title, .pricing-2 .header-section .antsand-feature-title {
          font-size: 2.5rem; } }
    .pricing-2 .header-section .description, .pricing-2 .header-section .antsand-hero-subtitle, .pricing-2 .header-section .antsand-feature-desc {
      font-size: 1.125rem;
      line-height: 1.75; }
  .pricing-2 .data-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    align-items: stretch; }
    @media (max-width: 640px) {
      .pricing-2 .data-container {
        grid-template-columns: 1fr; } }
  .pricing-2 .sub-container, .pricing-2 .antsand-footer-column, .pricing-2 .antsand-pricing-card, .pricing-2 .antsand-feature-item {
    border-radius: 0.75rem;
    padding: 2rem;
    text-align: center;
    transition: all 250ms ease;
    position: relative;
    display: flex;
    flex-direction: column; }
    .pricing-2 .sub-container:hover, .pricing-2 .antsand-footer-column:hover, .pricing-2 .antsand-pricing-card:hover, .pricing-2 .antsand-feature-item:hover {
      transform: translateY(-4px); }
    .pricing-2 .sub-container .badge, .pricing-2 .antsand-footer-column .badge, .pricing-2 .sub-container .antsand-pricing-badge, .pricing-2 .antsand-footer-column .antsand-pricing-badge, .pricing-2 .antsand-pricing-card .badge, .pricing-2 .antsand-pricing-card .antsand-pricing-badge, .pricing-2 .antsand-feature-item .badge, .pricing-2 .antsand-feature-item .antsand-pricing-badge {
      position: absolute;
      top: -0.75rem;
      left: 50%;
      transform: translateX(-50%);
      padding: 0.25rem 1rem;
      border-radius: 9999px;
      font-size: 0.875rem;
      font-weight: 600;
      white-space: nowrap; }
    .pricing-2 .sub-container .title, .pricing-2 .antsand-footer-column .title, .pricing-2 .antsand-pricing-card .title, .pricing-2 .antsand-feature-item .title, .pricing-2 .sub-container .antsand-hero-title, .pricing-2 .antsand-footer-column .antsand-hero-title, .pricing-2 .antsand-pricing-card .antsand-hero-title, .pricing-2 .antsand-feature-item .antsand-hero-title, .pricing-2 .sub-container .antsand-feature-title, .pricing-2 .antsand-footer-column .antsand-feature-title, .pricing-2 .antsand-pricing-card .antsand-feature-title, .pricing-2 .antsand-feature-item .antsand-feature-title {
      font-size: 1.25rem;
      font-weight: 700;
      margin-bottom: 0.5rem; }
    .pricing-2 .sub-container .description, .pricing-2 .antsand-footer-column .description, .pricing-2 .antsand-pricing-card .description, .pricing-2 .antsand-feature-item .description, .pricing-2 .sub-container .antsand-hero-subtitle, .pricing-2 .antsand-footer-column .antsand-hero-subtitle, .pricing-2 .antsand-pricing-card .antsand-hero-subtitle, .pricing-2 .antsand-feature-item .antsand-hero-subtitle, .pricing-2 .sub-container .antsand-feature-desc, .pricing-2 .antsand-footer-column .antsand-feature-desc, .pricing-2 .antsand-pricing-card .antsand-feature-desc, .pricing-2 .antsand-feature-item .antsand-feature-desc {
      font-size: 0.875rem;
      margin-bottom: 1.5rem;
      padding-bottom: 1.5rem; }
    .pricing-2 .sub-container .price, .pricing-2 .antsand-footer-column .price, .pricing-2 .sub-container .antsand-pricing-price, .pricing-2 .antsand-footer-column .antsand-pricing-price, .pricing-2 .antsand-pricing-card .price, .pricing-2 .antsand-pricing-card .antsand-pricing-price, .pricing-2 .antsand-feature-item .price, .pricing-2 .antsand-feature-item .antsand-pricing-price {
      margin-bottom: 1.5rem;
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 1; }
      .pricing-2 .sub-container .price .currency, .pricing-2 .antsand-footer-column .price .currency, .pricing-2 .sub-container .antsand-pricing-price .currency, .pricing-2 .antsand-footer-column .antsand-pricing-price .currency, .pricing-2 .antsand-pricing-card .price .currency, .pricing-2 .antsand-pricing-card .antsand-pricing-price .currency, .pricing-2 .antsand-feature-item .price .currency, .pricing-2 .antsand-feature-item .antsand-pricing-price .currency {
        font-size: 1.5rem;
        vertical-align: super; }
      .pricing-2 .sub-container .price .period, .pricing-2 .antsand-footer-column .price .period, .pricing-2 .sub-container .antsand-pricing-price .period, .pricing-2 .antsand-footer-column .antsand-pricing-price .period, .pricing-2 .antsand-pricing-card .price .period, .pricing-2 .antsand-pricing-card .antsand-pricing-price .period, .pricing-2 .antsand-feature-item .price .period, .pricing-2 .antsand-feature-item .antsand-pricing-price .period {
        display: block;
        font-size: 1rem;
        font-weight: 400;
        margin-top: 0.25rem; }
    .pricing-2 .sub-container .features, .pricing-2 .antsand-footer-column .features, .pricing-2 .sub-container .antsand-pricing-features, .pricing-2 .antsand-footer-column .antsand-pricing-features, .pricing-2 .antsand-pricing-card .features, .pricing-2 .antsand-pricing-card .antsand-pricing-features, .pricing-2 .antsand-feature-item .features, .pricing-2 .antsand-feature-item .antsand-pricing-features {
      list-style: none;
      padding: 0;
      margin: 0 0 2rem 0;
      text-align: left;
      flex-grow: 1; }
      .pricing-2 .sub-container .features li, .pricing-2 .antsand-footer-column .features li, .pricing-2 .sub-container .antsand-pricing-features li, .pricing-2 .antsand-footer-column .antsand-pricing-features li, .pricing-2 .antsand-pricing-card .features li, .pricing-2 .antsand-pricing-card .antsand-pricing-features li, .pricing-2 .antsand-feature-item .features li, .pricing-2 .antsand-feature-item .antsand-pricing-features li {
        padding: 0.5rem 0;
        line-height: 1.75; }
        .pricing-2 .sub-container .features li::before, .pricing-2 .antsand-footer-column .features li::before, .pricing-2 .sub-container .antsand-pricing-features li::before, .pricing-2 .antsand-footer-column .antsand-pricing-features li::before, .pricing-2 .antsand-pricing-card .features li::before, .pricing-2 .antsand-pricing-card .antsand-pricing-features li::before, .pricing-2 .antsand-feature-item .features li::before, .pricing-2 .antsand-feature-item .antsand-pricing-features li::before {
          content: '✓';
          font-weight: 700;
          margin-right: 0.5rem; }
        .pricing-2 .sub-container .features li.disabled, .pricing-2 .antsand-footer-column .features li.disabled, .pricing-2 .sub-container .antsand-pricing-features li.disabled, .pricing-2 .antsand-footer-column .antsand-pricing-features li.disabled, .pricing-2 .antsand-pricing-card .features li.disabled, .pricing-2 .antsand-pricing-card .antsand-pricing-features li.disabled, .pricing-2 .antsand-feature-item .features li.disabled, .pricing-2 .antsand-feature-item .antsand-pricing-features li.disabled {
          opacity: 0.5; }
          .pricing-2 .sub-container .features li.disabled::before, .pricing-2 .antsand-footer-column .features li.disabled::before, .pricing-2 .sub-container .antsand-pricing-features li.disabled::before, .pricing-2 .antsand-footer-column .antsand-pricing-features li.disabled::before, .pricing-2 .antsand-pricing-card .features li.disabled::before, .pricing-2 .antsand-pricing-card .antsand-pricing-features li.disabled::before, .pricing-2 .antsand-feature-item .features li.disabled::before, .pricing-2 .antsand-feature-item .antsand-pricing-features li.disabled::before {
            content: '✕'; }
    .pricing-2 .sub-container .cta-container, .pricing-2 .antsand-footer-column .cta-container, .pricing-2 .antsand-pricing-card .cta-container, .pricing-2 .antsand-feature-item .cta-container, .pricing-2 .sub-container .antsand-hero-cta, .pricing-2 .antsand-footer-column .antsand-hero-cta, .pricing-2 .antsand-pricing-card .antsand-hero-cta, .pricing-2 .antsand-feature-item .antsand-hero-cta {
      margin-top: auto; }
      .pricing-2 .sub-container .cta-container .cta, .pricing-2 .antsand-footer-column .cta-container .cta, .pricing-2 .sub-container .cta-container .antsand-pricing-cta, .pricing-2 .antsand-footer-column .cta-container .antsand-pricing-cta, .pricing-2 .antsand-pricing-card .cta-container .cta, .pricing-2 .antsand-pricing-card .cta-container .antsand-pricing-cta, .pricing-2 .antsand-feature-item .cta-container .cta, .pricing-2 .antsand-feature-item .cta-container .antsand-pricing-cta, .pricing-2 .sub-container .antsand-hero-cta .cta, .pricing-2 .antsand-footer-column .antsand-hero-cta .cta, .pricing-2 .sub-container .antsand-hero-cta .antsand-pricing-cta, .pricing-2 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .pricing-2 .antsand-pricing-card .antsand-hero-cta .cta, .pricing-2 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .pricing-2 .antsand-feature-item .antsand-hero-cta .cta, .pricing-2 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta {
        display: block;
        width: 100%;
        padding: 1rem 1.5rem;
        border-radius: 0.5rem;
        font-weight: 600;
        text-decoration: none;
        text-align: center;
        transition: all 250ms ease;
        cursor: pointer;
        border: none; }
    .pricing-2 .sub-container.featured, .pricing-2 .featured.antsand-footer-column, .pricing-2 .sub-container.antsand-pricing-highlight, .pricing-2 .antsand-pricing-highlight.antsand-footer-column, .pricing-2 .featured.antsand-pricing-card, .pricing-2 .antsand-pricing-card.antsand-pricing-highlight, .pricing-2 .featured.antsand-feature-item, .pricing-2 .antsand-feature-item.antsand-pricing-highlight {
      transform: scale(1.05); }
      @media (max-width: 768px) {
        .pricing-2 .sub-container.featured, .pricing-2 .featured.antsand-footer-column, .pricing-2 .sub-container.antsand-pricing-highlight, .pricing-2 .antsand-pricing-highlight.antsand-footer-column, .pricing-2 .featured.antsand-pricing-card, .pricing-2 .antsand-pricing-card.antsand-pricing-highlight, .pricing-2 .featured.antsand-feature-item, .pricing-2 .antsand-feature-item.antsand-pricing-highlight {
          transform: scale(1); } }
  .pricing-2 .header-section .title, .pricing-2 .header-section .antsand-hero-title, .pricing-2 .header-section .antsand-feature-title {
    color: #212529; }
  .pricing-2 .header-section .description, .pricing-2 .header-section .antsand-hero-subtitle, .pricing-2 .header-section .antsand-feature-desc {
    color: #6c757d; }
  .pricing-2 .sub-container, .pricing-2 .antsand-footer-column, .pricing-2 .antsand-pricing-card, .pricing-2 .antsand-feature-item {
    background-color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border: none; }
    .pricing-2 .sub-container:hover, .pricing-2 .antsand-footer-column:hover, .pricing-2 .antsand-pricing-card:hover, .pricing-2 .antsand-feature-item:hover {
      box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15); }
    .pricing-2 .sub-container .badge, .pricing-2 .antsand-footer-column .badge, .pricing-2 .sub-container .antsand-pricing-badge, .pricing-2 .antsand-footer-column .antsand-pricing-badge, .pricing-2 .antsand-pricing-card .badge, .pricing-2 .antsand-pricing-card .antsand-pricing-badge, .pricing-2 .antsand-feature-item .badge, .pricing-2 .antsand-feature-item .antsand-pricing-badge {
      background-color: #27ae60;
      color: white; }
    .pricing-2 .sub-container .title, .pricing-2 .antsand-footer-column .title, .pricing-2 .antsand-pricing-card .title, .pricing-2 .antsand-feature-item .title, .pricing-2 .sub-container .antsand-hero-title, .pricing-2 .antsand-footer-column .antsand-hero-title, .pricing-2 .antsand-pricing-card .antsand-hero-title, .pricing-2 .antsand-feature-item .antsand-hero-title, .pricing-2 .sub-container .antsand-feature-title, .pricing-2 .antsand-footer-column .antsand-feature-title, .pricing-2 .antsand-pricing-card .antsand-feature-title, .pricing-2 .antsand-feature-item .antsand-feature-title {
      color: #212529; }
    .pricing-2 .sub-container .description, .pricing-2 .antsand-footer-column .description, .pricing-2 .antsand-pricing-card .description, .pricing-2 .antsand-feature-item .description, .pricing-2 .sub-container .antsand-hero-subtitle, .pricing-2 .antsand-footer-column .antsand-hero-subtitle, .pricing-2 .antsand-pricing-card .antsand-hero-subtitle, .pricing-2 .antsand-feature-item .antsand-hero-subtitle, .pricing-2 .sub-container .antsand-feature-desc, .pricing-2 .antsand-footer-column .antsand-feature-desc, .pricing-2 .antsand-pricing-card .antsand-feature-desc, .pricing-2 .antsand-feature-item .antsand-feature-desc {
      color: #adb5bd;
      border-bottom: none; }
    .pricing-2 .sub-container .price, .pricing-2 .antsand-footer-column .price, .pricing-2 .sub-container .antsand-pricing-price, .pricing-2 .antsand-footer-column .antsand-pricing-price, .pricing-2 .antsand-pricing-card .price, .pricing-2 .antsand-pricing-card .antsand-pricing-price, .pricing-2 .antsand-feature-item .price, .pricing-2 .antsand-feature-item .antsand-pricing-price {
      color: #212529; }
    .pricing-2 .sub-container .price .period, .pricing-2 .antsand-footer-column .price .period, .pricing-2 .sub-container .antsand-pricing-price .period, .pricing-2 .antsand-footer-column .antsand-pricing-price .period, .pricing-2 .antsand-pricing-card .price .period, .pricing-2 .antsand-pricing-card .antsand-pricing-price .period, .pricing-2 .antsand-feature-item .price .period, .pricing-2 .antsand-feature-item .antsand-pricing-price .period {
      color: #adb5bd; }
    .pricing-2 .sub-container .features li, .pricing-2 .antsand-footer-column .features li, .pricing-2 .sub-container .antsand-pricing-features li, .pricing-2 .antsand-footer-column .antsand-pricing-features li, .pricing-2 .antsand-pricing-card .features li, .pricing-2 .antsand-pricing-card .antsand-pricing-features li, .pricing-2 .antsand-feature-item .features li, .pricing-2 .antsand-feature-item .antsand-pricing-features li {
      color: #6c757d; }
      .pricing-2 .sub-container .features li::before, .pricing-2 .antsand-footer-column .features li::before, .pricing-2 .sub-container .antsand-pricing-features li::before, .pricing-2 .antsand-footer-column .antsand-pricing-features li::before, .pricing-2 .antsand-pricing-card .features li::before, .pricing-2 .antsand-pricing-card .antsand-pricing-features li::before, .pricing-2 .antsand-feature-item .features li::before, .pricing-2 .antsand-feature-item .antsand-pricing-features li::before {
        color: #27ae60; }
    .pricing-2 .sub-container .cta, .pricing-2 .antsand-footer-column .cta, .pricing-2 .sub-container .antsand-pricing-cta, .pricing-2 .antsand-footer-column .antsand-pricing-cta, .pricing-2 .antsand-pricing-card .cta, .pricing-2 .antsand-pricing-card .antsand-pricing-cta, .pricing-2 .antsand-feature-item .cta, .pricing-2 .antsand-feature-item .antsand-pricing-cta {
      background-color: #3498db;
      color: white; }
      .pricing-2 .sub-container .cta:hover, .pricing-2 .antsand-footer-column .cta:hover, .pricing-2 .sub-container .antsand-pricing-cta:hover, .pricing-2 .antsand-footer-column .antsand-pricing-cta:hover, .pricing-2 .antsand-pricing-card .cta:hover, .pricing-2 .antsand-pricing-card .antsand-pricing-cta:hover, .pricing-2 .antsand-feature-item .cta:hover, .pricing-2 .antsand-feature-item .antsand-pricing-cta:hover {
        background-color: #217dbb; }
    .pricing-2 .sub-container.featured, .pricing-2 .featured.antsand-footer-column, .pricing-2 .sub-container.antsand-pricing-highlight, .pricing-2 .antsand-pricing-highlight.antsand-footer-column, .pricing-2 .featured.antsand-pricing-card, .pricing-2 .antsand-pricing-card.antsand-pricing-highlight, .pricing-2 .featured.antsand-feature-item, .pricing-2 .antsand-feature-item.antsand-pricing-highlight {
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
      .pricing-2 .sub-container.featured .title, .pricing-2 .featured.antsand-footer-column .title, .pricing-2 .sub-container.antsand-pricing-highlight .title, .pricing-2 .antsand-pricing-highlight.antsand-footer-column .title, .pricing-2 .featured.antsand-pricing-card .title, .pricing-2 .antsand-pricing-card.antsand-pricing-highlight .title, .pricing-2 .featured.antsand-feature-item .title, .pricing-2 .antsand-feature-item.antsand-pricing-highlight .title, .pricing-2 .sub-container.featured .antsand-hero-title, .pricing-2 .featured.antsand-footer-column .antsand-hero-title, .pricing-2 .sub-container.antsand-pricing-highlight .antsand-hero-title, .pricing-2 .antsand-pricing-highlight.antsand-footer-column .antsand-hero-title, .pricing-2 .featured.antsand-pricing-card .antsand-hero-title, .pricing-2 .antsand-pricing-card.antsand-pricing-highlight .antsand-hero-title, .pricing-2 .featured.antsand-feature-item .antsand-hero-title, .pricing-2 .antsand-feature-item.antsand-pricing-highlight .antsand-hero-title, .pricing-2 .sub-container.featured .antsand-feature-title, .pricing-2 .featured.antsand-footer-column .antsand-feature-title, .pricing-2 .sub-container.antsand-pricing-highlight .antsand-feature-title, .pricing-2 .antsand-pricing-highlight.antsand-footer-column .antsand-feature-title, .pricing-2 .featured.antsand-pricing-card .antsand-feature-title, .pricing-2 .antsand-pricing-card.antsand-pricing-highlight .antsand-feature-title, .pricing-2 .featured.antsand-feature-item .antsand-feature-title, .pricing-2 .antsand-feature-item.antsand-pricing-highlight .antsand-feature-title, .pricing-2 .sub-container.featured .price, .pricing-2 .featured.antsand-footer-column .price, .pricing-2 .sub-container.antsand-pricing-highlight .price, .pricing-2 .antsand-pricing-highlight.antsand-footer-column .price, .pricing-2 .sub-container.featured .antsand-pricing-price, .pricing-2 .featured.antsand-footer-column .antsand-pricing-price, .pricing-2 .sub-container.antsand-pricing-highlight .antsand-pricing-price, .pricing-2 .antsand-pricing-highlight.antsand-footer-column .antsand-pricing-price, .pricing-2 .featured.antsand-pricing-card .price, .pricing-2 .antsand-pricing-card.antsand-pricing-highlight .price, .pricing-2 .featured.antsand-pricing-card .antsand-pricing-price, .pricing-2 .antsand-pricing-card.antsand-pricing-highlight .antsand-pricing-price, .pricing-2 .featured.antsand-feature-item .price, .pricing-2 .antsand-feature-item.antsand-pricing-highlight .price, .pricing-2 .featured.antsand-feature-item .antsand-pricing-price, .pricing-2 .antsand-feature-item.antsand-pricing-highlight .antsand-pricing-price {
        color: white; }
      .pricing-2 .sub-container.featured .description, .pricing-2 .featured.antsand-footer-column .description, .pricing-2 .sub-container.antsand-pricing-highlight .description, .pricing-2 .antsand-pricing-highlight.antsand-footer-column .description, .pricing-2 .featured.antsand-pricing-card .description, .pricing-2 .antsand-pricing-card.antsand-pricing-highlight .description, .pricing-2 .featured.antsand-feature-item .description, .pricing-2 .antsand-feature-item.antsand-pricing-highlight .description, .pricing-2 .sub-container.featured .antsand-hero-subtitle, .pricing-2 .featured.antsand-footer-column .antsand-hero-subtitle, .pricing-2 .sub-container.antsand-pricing-highlight .antsand-hero-subtitle, .pricing-2 .antsand-pricing-highlight.antsand-footer-column .antsand-hero-subtitle, .pricing-2 .featured.antsand-pricing-card .antsand-hero-subtitle, .pricing-2 .antsand-pricing-card.antsand-pricing-highlight .antsand-hero-subtitle, .pricing-2 .featured.antsand-feature-item .antsand-hero-subtitle, .pricing-2 .antsand-feature-item.antsand-pricing-highlight .antsand-hero-subtitle, .pricing-2 .sub-container.featured .antsand-feature-desc, .pricing-2 .featured.antsand-footer-column .antsand-feature-desc, .pricing-2 .sub-container.antsand-pricing-highlight .antsand-feature-desc, .pricing-2 .antsand-pricing-highlight.antsand-footer-column .antsand-feature-desc, .pricing-2 .featured.antsand-pricing-card .antsand-feature-desc, .pricing-2 .antsand-pricing-card.antsand-pricing-highlight .antsand-feature-desc, .pricing-2 .featured.antsand-feature-item .antsand-feature-desc, .pricing-2 .antsand-feature-item.antsand-pricing-highlight .antsand-feature-desc {
        color: rgba(255, 255, 255, 0.8); }
      .pricing-2 .sub-container.featured .price .period, .pricing-2 .featured.antsand-footer-column .price .period, .pricing-2 .sub-container.antsand-pricing-highlight .price .period, .pricing-2 .antsand-pricing-highlight.antsand-footer-column .price .period, .pricing-2 .sub-container.featured .antsand-pricing-price .period, .pricing-2 .featured.antsand-footer-column .antsand-pricing-price .period, .pricing-2 .sub-container.antsand-pricing-highlight .antsand-pricing-price .period, .pricing-2 .antsand-pricing-highlight.antsand-footer-column .antsand-pricing-price .period, .pricing-2 .featured.antsand-pricing-card .price .period, .pricing-2 .antsand-pricing-card.antsand-pricing-highlight .price .period, .pricing-2 .featured.antsand-pricing-card .antsand-pricing-price .period, .pricing-2 .antsand-pricing-card.antsand-pricing-highlight .antsand-pricing-price .period, .pricing-2 .featured.antsand-feature-item .price .period, .pricing-2 .antsand-feature-item.antsand-pricing-highlight .price .period, .pricing-2 .featured.antsand-feature-item .antsand-pricing-price .period, .pricing-2 .antsand-feature-item.antsand-pricing-highlight .antsand-pricing-price .period {
        color: rgba(255, 255, 255, 0.7); }
      .pricing-2 .sub-container.featured .features li, .pricing-2 .featured.antsand-footer-column .features li, .pricing-2 .sub-container.antsand-pricing-highlight .features li, .pricing-2 .antsand-pricing-highlight.antsand-footer-column .features li, .pricing-2 .sub-container.featured .antsand-pricing-features li, .pricing-2 .featured.antsand-footer-column .antsand-pricing-features li, .pricing-2 .sub-container.antsand-pricing-highlight .antsand-pricing-features li, .pricing-2 .antsand-pricing-highlight.antsand-footer-column .antsand-pricing-features li, .pricing-2 .featured.antsand-pricing-card .features li, .pricing-2 .antsand-pricing-card.antsand-pricing-highlight .features li, .pricing-2 .featured.antsand-pricing-card .antsand-pricing-features li, .pricing-2 .antsand-pricing-card.antsand-pricing-highlight .antsand-pricing-features li, .pricing-2 .featured.antsand-feature-item .features li, .pricing-2 .antsand-feature-item.antsand-pricing-highlight .features li, .pricing-2 .featured.antsand-feature-item .antsand-pricing-features li, .pricing-2 .antsand-feature-item.antsand-pricing-highlight .antsand-pricing-features li {
        color: rgba(255, 255, 255, 0.9); }
      .pricing-2 .sub-container.featured .features li::before, .pricing-2 .featured.antsand-footer-column .features li::before, .pricing-2 .sub-container.antsand-pricing-highlight .features li::before, .pricing-2 .antsand-pricing-highlight.antsand-footer-column .features li::before, .pricing-2 .sub-container.featured .antsand-pricing-features li::before, .pricing-2 .featured.antsand-footer-column .antsand-pricing-features li::before, .pricing-2 .sub-container.antsand-pricing-highlight .antsand-pricing-features li::before, .pricing-2 .antsand-pricing-highlight.antsand-footer-column .antsand-pricing-features li::before, .pricing-2 .featured.antsand-pricing-card .features li::before, .pricing-2 .antsand-pricing-card.antsand-pricing-highlight .features li::before, .pricing-2 .featured.antsand-pricing-card .antsand-pricing-features li::before, .pricing-2 .antsand-pricing-card.antsand-pricing-highlight .antsand-pricing-features li::before, .pricing-2 .featured.antsand-feature-item .features li::before, .pricing-2 .antsand-feature-item.antsand-pricing-highlight .features li::before, .pricing-2 .featured.antsand-feature-item .antsand-pricing-features li::before, .pricing-2 .antsand-feature-item.antsand-pricing-highlight .antsand-pricing-features li::before {
        color: white; }
      .pricing-2 .sub-container.featured .cta, .pricing-2 .featured.antsand-footer-column .cta, .pricing-2 .sub-container.antsand-pricing-highlight .cta, .pricing-2 .antsand-pricing-highlight.antsand-footer-column .cta, .pricing-2 .sub-container.featured .antsand-pricing-cta, .pricing-2 .featured.antsand-footer-column .antsand-pricing-cta, .pricing-2 .sub-container.antsand-pricing-highlight .antsand-pricing-cta, .pricing-2 .antsand-pricing-highlight.antsand-footer-column .antsand-pricing-cta, .pricing-2 .featured.antsand-pricing-card .cta, .pricing-2 .antsand-pricing-card.antsand-pricing-highlight .cta, .pricing-2 .featured.antsand-pricing-card .antsand-pricing-cta, .pricing-2 .antsand-pricing-card.antsand-pricing-highlight .antsand-pricing-cta, .pricing-2 .featured.antsand-feature-item .cta, .pricing-2 .antsand-feature-item.antsand-pricing-highlight .cta, .pricing-2 .featured.antsand-feature-item .antsand-pricing-cta, .pricing-2 .antsand-feature-item.antsand-pricing-highlight .antsand-pricing-cta {
        background-color: white;
        color: #764ba2; }

.pricing-3, .antsand-pricing-dark {
  padding: 4rem 0;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); }
  .pricing-3 > .container, .pricing-3 > .antsand-footer-grid, .antsand-pricing-dark > .container, .antsand-pricing-dark > .antsand-footer-grid {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem; }
  .pricing-3 .header-section, .antsand-pricing-dark .header-section {
    text-align: center;
    margin-bottom: 3rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; }
    .pricing-3 .header-section .title, .antsand-pricing-dark .header-section .title, .pricing-3 .header-section .antsand-hero-title, .antsand-pricing-dark .header-section .antsand-hero-title, .pricing-3 .header-section .antsand-feature-title, .antsand-pricing-dark .header-section .antsand-feature-title {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 1rem; }
      @media (min-width: 768px) {
        .pricing-3 .header-section .title, .antsand-pricing-dark .header-section .title, .pricing-3 .header-section .antsand-hero-title, .antsand-pricing-dark .header-section .antsand-hero-title, .pricing-3 .header-section .antsand-feature-title, .antsand-pricing-dark .header-section .antsand-feature-title {
          font-size: 2.5rem; } }
    .pricing-3 .header-section .description, .antsand-pricing-dark .header-section .description, .pricing-3 .header-section .antsand-hero-subtitle, .antsand-pricing-dark .header-section .antsand-hero-subtitle, .pricing-3 .header-section .antsand-feature-desc, .antsand-pricing-dark .header-section .antsand-feature-desc {
      font-size: 1.125rem;
      line-height: 1.75; }
  .pricing-3 .data-container, .antsand-pricing-dark .data-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    align-items: stretch; }
    @media (max-width: 640px) {
      .pricing-3 .data-container, .antsand-pricing-dark .data-container {
        grid-template-columns: 1fr; } }
  .pricing-3 .sub-container, .pricing-3 .antsand-footer-column, .pricing-3 .antsand-pricing-card, .antsand-pricing-dark .sub-container, .antsand-pricing-dark .antsand-footer-column, .antsand-pricing-dark .antsand-pricing-card, .pricing-3 .antsand-feature-item, .antsand-pricing-dark .antsand-feature-item {
    border-radius: 0.75rem;
    padding: 2rem;
    text-align: center;
    transition: all 250ms ease;
    position: relative;
    display: flex;
    flex-direction: column; }
    .pricing-3 .sub-container:hover, .pricing-3 .antsand-footer-column:hover, .pricing-3 .antsand-pricing-card:hover, .antsand-pricing-dark .sub-container:hover, .antsand-pricing-dark .antsand-footer-column:hover, .antsand-pricing-dark .antsand-pricing-card:hover, .pricing-3 .antsand-feature-item:hover, .antsand-pricing-dark .antsand-feature-item:hover {
      transform: translateY(-4px); }
    .pricing-3 .sub-container .badge, .pricing-3 .antsand-footer-column .badge, .pricing-3 .sub-container .antsand-pricing-badge, .pricing-3 .antsand-footer-column .antsand-pricing-badge, .pricing-3 .antsand-pricing-card .badge, .pricing-3 .antsand-pricing-card .antsand-pricing-badge, .antsand-pricing-dark .sub-container .badge, .antsand-pricing-dark .antsand-footer-column .badge, .antsand-pricing-dark .sub-container .antsand-pricing-badge, .antsand-pricing-dark .antsand-footer-column .antsand-pricing-badge, .antsand-pricing-dark .antsand-pricing-card .badge, .antsand-pricing-dark .antsand-pricing-card .antsand-pricing-badge, .pricing-3 .antsand-feature-item .badge, .pricing-3 .antsand-feature-item .antsand-pricing-badge, .antsand-pricing-dark .antsand-feature-item .badge, .antsand-pricing-dark .antsand-feature-item .antsand-pricing-badge {
      position: absolute;
      top: -0.75rem;
      left: 50%;
      transform: translateX(-50%);
      padding: 0.25rem 1rem;
      border-radius: 9999px;
      font-size: 0.875rem;
      font-weight: 600;
      white-space: nowrap; }
    .pricing-3 .sub-container .title, .pricing-3 .antsand-footer-column .title, .pricing-3 .antsand-pricing-card .title, .antsand-pricing-dark .sub-container .title, .antsand-pricing-dark .antsand-footer-column .title, .antsand-pricing-dark .antsand-pricing-card .title, .pricing-3 .antsand-feature-item .title, .antsand-pricing-dark .antsand-feature-item .title, .pricing-3 .sub-container .antsand-hero-title, .pricing-3 .antsand-footer-column .antsand-hero-title, .pricing-3 .antsand-pricing-card .antsand-hero-title, .antsand-pricing-dark .sub-container .antsand-hero-title, .antsand-pricing-dark .antsand-footer-column .antsand-hero-title, .antsand-pricing-dark .antsand-pricing-card .antsand-hero-title, .pricing-3 .antsand-feature-item .antsand-hero-title, .antsand-pricing-dark .antsand-feature-item .antsand-hero-title, .pricing-3 .sub-container .antsand-feature-title, .pricing-3 .antsand-footer-column .antsand-feature-title, .pricing-3 .antsand-pricing-card .antsand-feature-title, .antsand-pricing-dark .sub-container .antsand-feature-title, .antsand-pricing-dark .antsand-footer-column .antsand-feature-title, .antsand-pricing-dark .antsand-pricing-card .antsand-feature-title, .pricing-3 .antsand-feature-item .antsand-feature-title, .antsand-pricing-dark .antsand-feature-item .antsand-feature-title {
      font-size: 1.25rem;
      font-weight: 700;
      margin-bottom: 0.5rem; }
    .pricing-3 .sub-container .description, .pricing-3 .antsand-footer-column .description, .pricing-3 .antsand-pricing-card .description, .antsand-pricing-dark .sub-container .description, .antsand-pricing-dark .antsand-footer-column .description, .antsand-pricing-dark .antsand-pricing-card .description, .pricing-3 .antsand-feature-item .description, .antsand-pricing-dark .antsand-feature-item .description, .pricing-3 .sub-container .antsand-hero-subtitle, .pricing-3 .antsand-footer-column .antsand-hero-subtitle, .pricing-3 .antsand-pricing-card .antsand-hero-subtitle, .antsand-pricing-dark .sub-container .antsand-hero-subtitle, .antsand-pricing-dark .antsand-footer-column .antsand-hero-subtitle, .antsand-pricing-dark .antsand-pricing-card .antsand-hero-subtitle, .pricing-3 .antsand-feature-item .antsand-hero-subtitle, .antsand-pricing-dark .antsand-feature-item .antsand-hero-subtitle, .pricing-3 .sub-container .antsand-feature-desc, .pricing-3 .antsand-footer-column .antsand-feature-desc, .pricing-3 .antsand-pricing-card .antsand-feature-desc, .antsand-pricing-dark .sub-container .antsand-feature-desc, .antsand-pricing-dark .antsand-footer-column .antsand-feature-desc, .antsand-pricing-dark .antsand-pricing-card .antsand-feature-desc, .pricing-3 .antsand-feature-item .antsand-feature-desc, .antsand-pricing-dark .antsand-feature-item .antsand-feature-desc {
      font-size: 0.875rem;
      margin-bottom: 1.5rem;
      padding-bottom: 1.5rem; }
    .pricing-3 .sub-container .price, .pricing-3 .antsand-footer-column .price, .pricing-3 .sub-container .antsand-pricing-price, .pricing-3 .antsand-footer-column .antsand-pricing-price, .pricing-3 .antsand-pricing-card .price, .pricing-3 .antsand-pricing-card .antsand-pricing-price, .antsand-pricing-dark .sub-container .price, .antsand-pricing-dark .antsand-footer-column .price, .antsand-pricing-dark .sub-container .antsand-pricing-price, .antsand-pricing-dark .antsand-footer-column .antsand-pricing-price, .antsand-pricing-dark .antsand-pricing-card .price, .antsand-pricing-dark .antsand-pricing-card .antsand-pricing-price, .pricing-3 .antsand-feature-item .price, .pricing-3 .antsand-feature-item .antsand-pricing-price, .antsand-pricing-dark .antsand-feature-item .price, .antsand-pricing-dark .antsand-feature-item .antsand-pricing-price {
      margin-bottom: 1.5rem;
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 1; }
      .pricing-3 .sub-container .price .currency, .pricing-3 .antsand-footer-column .price .currency, .pricing-3 .sub-container .antsand-pricing-price .currency, .pricing-3 .antsand-footer-column .antsand-pricing-price .currency, .pricing-3 .antsand-pricing-card .price .currency, .pricing-3 .antsand-pricing-card .antsand-pricing-price .currency, .antsand-pricing-dark .sub-container .price .currency, .antsand-pricing-dark .antsand-footer-column .price .currency, .antsand-pricing-dark .sub-container .antsand-pricing-price .currency, .antsand-pricing-dark .antsand-footer-column .antsand-pricing-price .currency, .antsand-pricing-dark .antsand-pricing-card .price .currency, .antsand-pricing-dark .antsand-pricing-card .antsand-pricing-price .currency, .pricing-3 .antsand-feature-item .price .currency, .pricing-3 .antsand-feature-item .antsand-pricing-price .currency, .antsand-pricing-dark .antsand-feature-item .price .currency, .antsand-pricing-dark .antsand-feature-item .antsand-pricing-price .currency {
        font-size: 1.5rem;
        vertical-align: super; }
      .pricing-3 .sub-container .price .period, .pricing-3 .antsand-footer-column .price .period, .pricing-3 .sub-container .antsand-pricing-price .period, .pricing-3 .antsand-footer-column .antsand-pricing-price .period, .pricing-3 .antsand-pricing-card .price .period, .pricing-3 .antsand-pricing-card .antsand-pricing-price .period, .antsand-pricing-dark .sub-container .price .period, .antsand-pricing-dark .antsand-footer-column .price .period, .antsand-pricing-dark .sub-container .antsand-pricing-price .period, .antsand-pricing-dark .antsand-footer-column .antsand-pricing-price .period, .antsand-pricing-dark .antsand-pricing-card .price .period, .antsand-pricing-dark .antsand-pricing-card .antsand-pricing-price .period, .pricing-3 .antsand-feature-item .price .period, .pricing-3 .antsand-feature-item .antsand-pricing-price .period, .antsand-pricing-dark .antsand-feature-item .price .period, .antsand-pricing-dark .antsand-feature-item .antsand-pricing-price .period {
        display: block;
        font-size: 1rem;
        font-weight: 400;
        margin-top: 0.25rem; }
    .pricing-3 .sub-container .features, .pricing-3 .antsand-footer-column .features, .pricing-3 .sub-container .antsand-pricing-features, .pricing-3 .antsand-footer-column .antsand-pricing-features, .pricing-3 .antsand-pricing-card .features, .pricing-3 .antsand-pricing-card .antsand-pricing-features, .antsand-pricing-dark .sub-container .features, .antsand-pricing-dark .antsand-footer-column .features, .antsand-pricing-dark .sub-container .antsand-pricing-features, .antsand-pricing-dark .antsand-footer-column .antsand-pricing-features, .antsand-pricing-dark .antsand-pricing-card .features, .antsand-pricing-dark .antsand-pricing-card .antsand-pricing-features, .pricing-3 .antsand-feature-item .features, .pricing-3 .antsand-feature-item .antsand-pricing-features, .antsand-pricing-dark .antsand-feature-item .features, .antsand-pricing-dark .antsand-feature-item .antsand-pricing-features {
      list-style: none;
      padding: 0;
      margin: 0 0 2rem 0;
      text-align: left;
      flex-grow: 1; }
      .pricing-3 .sub-container .features li, .pricing-3 .antsand-footer-column .features li, .pricing-3 .sub-container .antsand-pricing-features li, .pricing-3 .antsand-footer-column .antsand-pricing-features li, .pricing-3 .antsand-pricing-card .features li, .pricing-3 .antsand-pricing-card .antsand-pricing-features li, .antsand-pricing-dark .sub-container .features li, .antsand-pricing-dark .antsand-footer-column .features li, .antsand-pricing-dark .sub-container .antsand-pricing-features li, .antsand-pricing-dark .antsand-footer-column .antsand-pricing-features li, .antsand-pricing-dark .antsand-pricing-card .features li, .antsand-pricing-dark .antsand-pricing-card .antsand-pricing-features li, .pricing-3 .antsand-feature-item .features li, .pricing-3 .antsand-feature-item .antsand-pricing-features li, .antsand-pricing-dark .antsand-feature-item .features li, .antsand-pricing-dark .antsand-feature-item .antsand-pricing-features li {
        padding: 0.5rem 0;
        line-height: 1.75; }
        .pricing-3 .sub-container .features li::before, .pricing-3 .antsand-footer-column .features li::before, .pricing-3 .sub-container .antsand-pricing-features li::before, .pricing-3 .antsand-footer-column .antsand-pricing-features li::before, .pricing-3 .antsand-pricing-card .features li::before, .pricing-3 .antsand-pricing-card .antsand-pricing-features li::before, .antsand-pricing-dark .sub-container .features li::before, .antsand-pricing-dark .antsand-footer-column .features li::before, .antsand-pricing-dark .sub-container .antsand-pricing-features li::before, .antsand-pricing-dark .antsand-footer-column .antsand-pricing-features li::before, .antsand-pricing-dark .antsand-pricing-card .features li::before, .antsand-pricing-dark .antsand-pricing-card .antsand-pricing-features li::before, .pricing-3 .antsand-feature-item .features li::before, .pricing-3 .antsand-feature-item .antsand-pricing-features li::before, .antsand-pricing-dark .antsand-feature-item .features li::before, .antsand-pricing-dark .antsand-feature-item .antsand-pricing-features li::before {
          content: '✓';
          font-weight: 700;
          margin-right: 0.5rem; }
        .pricing-3 .sub-container .features li.disabled, .pricing-3 .antsand-footer-column .features li.disabled, .pricing-3 .sub-container .antsand-pricing-features li.disabled, .pricing-3 .antsand-footer-column .antsand-pricing-features li.disabled, .pricing-3 .antsand-pricing-card .features li.disabled, .pricing-3 .antsand-pricing-card .antsand-pricing-features li.disabled, .antsand-pricing-dark .sub-container .features li.disabled, .antsand-pricing-dark .antsand-footer-column .features li.disabled, .antsand-pricing-dark .sub-container .antsand-pricing-features li.disabled, .antsand-pricing-dark .antsand-footer-column .antsand-pricing-features li.disabled, .antsand-pricing-dark .antsand-pricing-card .features li.disabled, .antsand-pricing-dark .antsand-pricing-card .antsand-pricing-features li.disabled, .pricing-3 .antsand-feature-item .features li.disabled, .pricing-3 .antsand-feature-item .antsand-pricing-features li.disabled, .antsand-pricing-dark .antsand-feature-item .features li.disabled, .antsand-pricing-dark .antsand-feature-item .antsand-pricing-features li.disabled {
          opacity: 0.5; }
          .pricing-3 .sub-container .features li.disabled::before, .pricing-3 .antsand-footer-column .features li.disabled::before, .pricing-3 .sub-container .antsand-pricing-features li.disabled::before, .pricing-3 .antsand-footer-column .antsand-pricing-features li.disabled::before, .pricing-3 .antsand-pricing-card .features li.disabled::before, .pricing-3 .antsand-pricing-card .antsand-pricing-features li.disabled::before, .antsand-pricing-dark .sub-container .features li.disabled::before, .antsand-pricing-dark .antsand-footer-column .features li.disabled::before, .antsand-pricing-dark .sub-container .antsand-pricing-features li.disabled::before, .antsand-pricing-dark .antsand-footer-column .antsand-pricing-features li.disabled::before, .antsand-pricing-dark .antsand-pricing-card .features li.disabled::before, .antsand-pricing-dark .antsand-pricing-card .antsand-pricing-features li.disabled::before, .pricing-3 .antsand-feature-item .features li.disabled::before, .pricing-3 .antsand-feature-item .antsand-pricing-features li.disabled::before, .antsand-pricing-dark .antsand-feature-item .features li.disabled::before, .antsand-pricing-dark .antsand-feature-item .antsand-pricing-features li.disabled::before {
            content: '✕'; }
    .pricing-3 .sub-container .cta-container, .pricing-3 .antsand-footer-column .cta-container, .pricing-3 .antsand-pricing-card .cta-container, .antsand-pricing-dark .sub-container .cta-container, .antsand-pricing-dark .antsand-footer-column .cta-container, .antsand-pricing-dark .antsand-pricing-card .cta-container, .pricing-3 .antsand-feature-item .cta-container, .antsand-pricing-dark .antsand-feature-item .cta-container, .pricing-3 .sub-container .antsand-hero-cta, .pricing-3 .antsand-footer-column .antsand-hero-cta, .pricing-3 .antsand-pricing-card .antsand-hero-cta, .antsand-pricing-dark .sub-container .antsand-hero-cta, .antsand-pricing-dark .antsand-footer-column .antsand-hero-cta, .antsand-pricing-dark .antsand-pricing-card .antsand-hero-cta, .pricing-3 .antsand-feature-item .antsand-hero-cta, .antsand-pricing-dark .antsand-feature-item .antsand-hero-cta {
      margin-top: auto; }
      .pricing-3 .sub-container .cta-container .cta, .pricing-3 .antsand-footer-column .cta-container .cta, .pricing-3 .sub-container .cta-container .antsand-pricing-cta, .pricing-3 .antsand-footer-column .cta-container .antsand-pricing-cta, .pricing-3 .antsand-pricing-card .cta-container .cta, .pricing-3 .antsand-pricing-card .cta-container .antsand-pricing-cta, .antsand-pricing-dark .sub-container .cta-container .cta, .antsand-pricing-dark .antsand-footer-column .cta-container .cta, .antsand-pricing-dark .sub-container .cta-container .antsand-pricing-cta, .antsand-pricing-dark .antsand-footer-column .cta-container .antsand-pricing-cta, .antsand-pricing-dark .antsand-pricing-card .cta-container .cta, .antsand-pricing-dark .antsand-pricing-card .cta-container .antsand-pricing-cta, .pricing-3 .antsand-feature-item .cta-container .cta, .pricing-3 .antsand-feature-item .cta-container .antsand-pricing-cta, .antsand-pricing-dark .antsand-feature-item .cta-container .cta, .antsand-pricing-dark .antsand-feature-item .cta-container .antsand-pricing-cta, .pricing-3 .sub-container .antsand-hero-cta .cta, .pricing-3 .antsand-footer-column .antsand-hero-cta .cta, .pricing-3 .sub-container .antsand-hero-cta .antsand-pricing-cta, .pricing-3 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .pricing-3 .antsand-pricing-card .antsand-hero-cta .cta, .pricing-3 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .antsand-pricing-dark .sub-container .antsand-hero-cta .cta, .antsand-pricing-dark .antsand-footer-column .antsand-hero-cta .cta, .antsand-pricing-dark .sub-container .antsand-hero-cta .antsand-pricing-cta, .antsand-pricing-dark .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .antsand-pricing-dark .antsand-pricing-card .antsand-hero-cta .cta, .antsand-pricing-dark .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .pricing-3 .antsand-feature-item .antsand-hero-cta .cta, .pricing-3 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta, .antsand-pricing-dark .antsand-feature-item .antsand-hero-cta .cta, .antsand-pricing-dark .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta {
        display: block;
        width: 100%;
        padding: 1rem 1.5rem;
        border-radius: 0.5rem;
        font-weight: 600;
        text-decoration: none;
        text-align: center;
        transition: all 250ms ease;
        cursor: pointer;
        border: none; }
    .pricing-3 .sub-container.featured, .pricing-3 .featured.antsand-footer-column, .pricing-3 .sub-container.antsand-pricing-highlight, .pricing-3 .antsand-pricing-highlight.antsand-footer-column, .pricing-3 .featured.antsand-pricing-card, .pricing-3 .antsand-pricing-card.antsand-pricing-highlight, .antsand-pricing-dark .sub-container.featured, .antsand-pricing-dark .featured.antsand-footer-column, .antsand-pricing-dark .sub-container.antsand-pricing-highlight, .antsand-pricing-dark .antsand-pricing-highlight.antsand-footer-column, .antsand-pricing-dark .featured.antsand-pricing-card, .antsand-pricing-dark .antsand-pricing-card.antsand-pricing-highlight, .pricing-3 .featured.antsand-feature-item, .pricing-3 .antsand-feature-item.antsand-pricing-highlight, .antsand-pricing-dark .featured.antsand-feature-item, .antsand-pricing-dark .antsand-feature-item.antsand-pricing-highlight {
      transform: scale(1.05); }
      @media (max-width: 768px) {
        .pricing-3 .sub-container.featured, .pricing-3 .featured.antsand-footer-column, .pricing-3 .sub-container.antsand-pricing-highlight, .pricing-3 .antsand-pricing-highlight.antsand-footer-column, .pricing-3 .featured.antsand-pricing-card, .pricing-3 .antsand-pricing-card.antsand-pricing-highlight, .antsand-pricing-dark .sub-container.featured, .antsand-pricing-dark .featured.antsand-footer-column, .antsand-pricing-dark .sub-container.antsand-pricing-highlight, .antsand-pricing-dark .antsand-pricing-highlight.antsand-footer-column, .antsand-pricing-dark .featured.antsand-pricing-card, .antsand-pricing-dark .antsand-pricing-card.antsand-pricing-highlight, .pricing-3 .featured.antsand-feature-item, .pricing-3 .antsand-feature-item.antsand-pricing-highlight, .antsand-pricing-dark .featured.antsand-feature-item, .antsand-pricing-dark .antsand-feature-item.antsand-pricing-highlight {
          transform: scale(1); } }
  .pricing-3 .header-section .title, .antsand-pricing-dark .header-section .title, .pricing-3 .header-section .antsand-hero-title, .antsand-pricing-dark .header-section .antsand-hero-title, .pricing-3 .header-section .antsand-feature-title, .antsand-pricing-dark .header-section .antsand-feature-title {
    color: white; }
  .pricing-3 .header-section .description, .antsand-pricing-dark .header-section .description, .pricing-3 .header-section .antsand-hero-subtitle, .antsand-pricing-dark .header-section .antsand-hero-subtitle, .pricing-3 .header-section .antsand-feature-desc, .antsand-pricing-dark .header-section .antsand-feature-desc {
    color: #ced4da; }
  .pricing-3 .sub-container, .pricing-3 .antsand-footer-column, .pricing-3 .antsand-pricing-card, .antsand-pricing-dark .sub-container, .antsand-pricing-dark .antsand-footer-column, .antsand-pricing-dark .antsand-pricing-card, .pricing-3 .antsand-feature-item, .antsand-pricing-dark .antsand-feature-item {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1); }
    .pricing-3 .sub-container:hover, .pricing-3 .antsand-footer-column:hover, .pricing-3 .antsand-pricing-card:hover, .antsand-pricing-dark .sub-container:hover, .antsand-pricing-dark .antsand-footer-column:hover, .antsand-pricing-dark .antsand-pricing-card:hover, .pricing-3 .antsand-feature-item:hover, .antsand-pricing-dark .antsand-feature-item:hover {
      background-color: rgba(255, 255, 255, 0.08);
      border-color: #3498db; }
    .pricing-3 .sub-container .badge, .pricing-3 .antsand-footer-column .badge, .pricing-3 .sub-container .antsand-pricing-badge, .pricing-3 .antsand-footer-column .antsand-pricing-badge, .pricing-3 .antsand-pricing-card .badge, .pricing-3 .antsand-pricing-card .antsand-pricing-badge, .antsand-pricing-dark .sub-container .badge, .antsand-pricing-dark .antsand-footer-column .badge, .antsand-pricing-dark .sub-container .antsand-pricing-badge, .antsand-pricing-dark .antsand-footer-column .antsand-pricing-badge, .antsand-pricing-dark .antsand-pricing-card .badge, .antsand-pricing-dark .antsand-pricing-card .antsand-pricing-badge, .pricing-3 .antsand-feature-item .badge, .pricing-3 .antsand-feature-item .antsand-pricing-badge, .antsand-pricing-dark .antsand-feature-item .badge, .antsand-pricing-dark .antsand-feature-item .antsand-pricing-badge {
      background-color: #3498db;
      color: white; }
    .pricing-3 .sub-container .title, .pricing-3 .antsand-footer-column .title, .pricing-3 .antsand-pricing-card .title, .antsand-pricing-dark .sub-container .title, .antsand-pricing-dark .antsand-footer-column .title, .antsand-pricing-dark .antsand-pricing-card .title, .pricing-3 .antsand-feature-item .title, .antsand-pricing-dark .antsand-feature-item .title, .pricing-3 .sub-container .antsand-hero-title, .pricing-3 .antsand-footer-column .antsand-hero-title, .pricing-3 .antsand-pricing-card .antsand-hero-title, .antsand-pricing-dark .sub-container .antsand-hero-title, .antsand-pricing-dark .antsand-footer-column .antsand-hero-title, .antsand-pricing-dark .antsand-pricing-card .antsand-hero-title, .pricing-3 .antsand-feature-item .antsand-hero-title, .antsand-pricing-dark .antsand-feature-item .antsand-hero-title, .pricing-3 .sub-container .antsand-feature-title, .pricing-3 .antsand-footer-column .antsand-feature-title, .pricing-3 .antsand-pricing-card .antsand-feature-title, .antsand-pricing-dark .sub-container .antsand-feature-title, .antsand-pricing-dark .antsand-footer-column .antsand-feature-title, .antsand-pricing-dark .antsand-pricing-card .antsand-feature-title, .pricing-3 .antsand-feature-item .antsand-feature-title, .antsand-pricing-dark .antsand-feature-item .antsand-feature-title {
      color: white; }
    .pricing-3 .sub-container .description, .pricing-3 .antsand-footer-column .description, .pricing-3 .antsand-pricing-card .description, .antsand-pricing-dark .sub-container .description, .antsand-pricing-dark .antsand-footer-column .description, .antsand-pricing-dark .antsand-pricing-card .description, .pricing-3 .antsand-feature-item .description, .antsand-pricing-dark .antsand-feature-item .description, .pricing-3 .sub-container .antsand-hero-subtitle, .pricing-3 .antsand-footer-column .antsand-hero-subtitle, .pricing-3 .antsand-pricing-card .antsand-hero-subtitle, .antsand-pricing-dark .sub-container .antsand-hero-subtitle, .antsand-pricing-dark .antsand-footer-column .antsand-hero-subtitle, .antsand-pricing-dark .antsand-pricing-card .antsand-hero-subtitle, .pricing-3 .antsand-feature-item .antsand-hero-subtitle, .antsand-pricing-dark .antsand-feature-item .antsand-hero-subtitle, .pricing-3 .sub-container .antsand-feature-desc, .pricing-3 .antsand-footer-column .antsand-feature-desc, .pricing-3 .antsand-pricing-card .antsand-feature-desc, .antsand-pricing-dark .sub-container .antsand-feature-desc, .antsand-pricing-dark .antsand-footer-column .antsand-feature-desc, .antsand-pricing-dark .antsand-pricing-card .antsand-feature-desc, .pricing-3 .antsand-feature-item .antsand-feature-desc, .antsand-pricing-dark .antsand-feature-item .antsand-feature-desc {
      color: #ced4da;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .pricing-3 .sub-container .price, .pricing-3 .antsand-footer-column .price, .pricing-3 .sub-container .antsand-pricing-price, .pricing-3 .antsand-footer-column .antsand-pricing-price, .pricing-3 .antsand-pricing-card .price, .pricing-3 .antsand-pricing-card .antsand-pricing-price, .antsand-pricing-dark .sub-container .price, .antsand-pricing-dark .antsand-footer-column .price, .antsand-pricing-dark .sub-container .antsand-pricing-price, .antsand-pricing-dark .antsand-footer-column .antsand-pricing-price, .antsand-pricing-dark .antsand-pricing-card .price, .antsand-pricing-dark .antsand-pricing-card .antsand-pricing-price, .pricing-3 .antsand-feature-item .price, .pricing-3 .antsand-feature-item .antsand-pricing-price, .antsand-pricing-dark .antsand-feature-item .price, .antsand-pricing-dark .antsand-feature-item .antsand-pricing-price {
      color: white; }
    .pricing-3 .sub-container .price .period, .pricing-3 .antsand-footer-column .price .period, .pricing-3 .sub-container .antsand-pricing-price .period, .pricing-3 .antsand-footer-column .antsand-pricing-price .period, .pricing-3 .antsand-pricing-card .price .period, .pricing-3 .antsand-pricing-card .antsand-pricing-price .period, .antsand-pricing-dark .sub-container .price .period, .antsand-pricing-dark .antsand-footer-column .price .period, .antsand-pricing-dark .sub-container .antsand-pricing-price .period, .antsand-pricing-dark .antsand-footer-column .antsand-pricing-price .period, .antsand-pricing-dark .antsand-pricing-card .price .period, .antsand-pricing-dark .antsand-pricing-card .antsand-pricing-price .period, .pricing-3 .antsand-feature-item .price .period, .pricing-3 .antsand-feature-item .antsand-pricing-price .period, .antsand-pricing-dark .antsand-feature-item .price .period, .antsand-pricing-dark .antsand-feature-item .antsand-pricing-price .period {
      color: #ced4da; }
    .pricing-3 .sub-container .features li, .pricing-3 .antsand-footer-column .features li, .pricing-3 .sub-container .antsand-pricing-features li, .pricing-3 .antsand-footer-column .antsand-pricing-features li, .pricing-3 .antsand-pricing-card .features li, .pricing-3 .antsand-pricing-card .antsand-pricing-features li, .antsand-pricing-dark .sub-container .features li, .antsand-pricing-dark .antsand-footer-column .features li, .antsand-pricing-dark .sub-container .antsand-pricing-features li, .antsand-pricing-dark .antsand-footer-column .antsand-pricing-features li, .antsand-pricing-dark .antsand-pricing-card .features li, .antsand-pricing-dark .antsand-pricing-card .antsand-pricing-features li, .pricing-3 .antsand-feature-item .features li, .pricing-3 .antsand-feature-item .antsand-pricing-features li, .antsand-pricing-dark .antsand-feature-item .features li, .antsand-pricing-dark .antsand-feature-item .antsand-pricing-features li {
      color: #dee2e6; }
      .pricing-3 .sub-container .features li::before, .pricing-3 .antsand-footer-column .features li::before, .pricing-3 .sub-container .antsand-pricing-features li::before, .pricing-3 .antsand-footer-column .antsand-pricing-features li::before, .pricing-3 .antsand-pricing-card .features li::before, .pricing-3 .antsand-pricing-card .antsand-pricing-features li::before, .antsand-pricing-dark .sub-container .features li::before, .antsand-pricing-dark .antsand-footer-column .features li::before, .antsand-pricing-dark .sub-container .antsand-pricing-features li::before, .antsand-pricing-dark .antsand-footer-column .antsand-pricing-features li::before, .antsand-pricing-dark .antsand-pricing-card .features li::before, .antsand-pricing-dark .antsand-pricing-card .antsand-pricing-features li::before, .pricing-3 .antsand-feature-item .features li::before, .pricing-3 .antsand-feature-item .antsand-pricing-features li::before, .antsand-pricing-dark .antsand-feature-item .features li::before, .antsand-pricing-dark .antsand-feature-item .antsand-pricing-features li::before {
        color: #27ae60; }
      .pricing-3 .sub-container .features li.disabled::before, .pricing-3 .antsand-footer-column .features li.disabled::before, .pricing-3 .sub-container .antsand-pricing-features li.disabled::before, .pricing-3 .antsand-footer-column .antsand-pricing-features li.disabled::before, .pricing-3 .antsand-pricing-card .features li.disabled::before, .pricing-3 .antsand-pricing-card .antsand-pricing-features li.disabled::before, .antsand-pricing-dark .sub-container .features li.disabled::before, .antsand-pricing-dark .antsand-footer-column .features li.disabled::before, .antsand-pricing-dark .sub-container .antsand-pricing-features li.disabled::before, .antsand-pricing-dark .antsand-footer-column .antsand-pricing-features li.disabled::before, .antsand-pricing-dark .antsand-pricing-card .features li.disabled::before, .antsand-pricing-dark .antsand-pricing-card .antsand-pricing-features li.disabled::before, .pricing-3 .antsand-feature-item .features li.disabled::before, .pricing-3 .antsand-feature-item .antsand-pricing-features li.disabled::before, .antsand-pricing-dark .antsand-feature-item .features li.disabled::before, .antsand-pricing-dark .antsand-feature-item .antsand-pricing-features li.disabled::before {
        color: #6c757d; }
    .pricing-3 .sub-container .cta, .pricing-3 .antsand-footer-column .cta, .pricing-3 .sub-container .antsand-pricing-cta, .pricing-3 .antsand-footer-column .antsand-pricing-cta, .pricing-3 .antsand-pricing-card .cta, .pricing-3 .antsand-pricing-card .antsand-pricing-cta, .antsand-pricing-dark .sub-container .cta, .antsand-pricing-dark .antsand-footer-column .cta, .antsand-pricing-dark .sub-container .antsand-pricing-cta, .antsand-pricing-dark .antsand-footer-column .antsand-pricing-cta, .antsand-pricing-dark .antsand-pricing-card .cta, .antsand-pricing-dark .antsand-pricing-card .antsand-pricing-cta, .pricing-3 .antsand-feature-item .cta, .pricing-3 .antsand-feature-item .antsand-pricing-cta, .antsand-pricing-dark .antsand-feature-item .cta, .antsand-pricing-dark .antsand-feature-item .antsand-pricing-cta {
      background-color: rgba(255, 255, 255, 0.1);
      color: white;
      border: 1px solid rgba(255, 255, 255, 0.2); }
      .pricing-3 .sub-container .cta:hover, .pricing-3 .antsand-footer-column .cta:hover, .pricing-3 .sub-container .antsand-pricing-cta:hover, .pricing-3 .antsand-footer-column .antsand-pricing-cta:hover, .pricing-3 .antsand-pricing-card .cta:hover, .pricing-3 .antsand-pricing-card .antsand-pricing-cta:hover, .antsand-pricing-dark .sub-container .cta:hover, .antsand-pricing-dark .antsand-footer-column .cta:hover, .antsand-pricing-dark .sub-container .antsand-pricing-cta:hover, .antsand-pricing-dark .antsand-footer-column .antsand-pricing-cta:hover, .antsand-pricing-dark .antsand-pricing-card .cta:hover, .antsand-pricing-dark .antsand-pricing-card .antsand-pricing-cta:hover, .pricing-3 .antsand-feature-item .cta:hover, .pricing-3 .antsand-feature-item .antsand-pricing-cta:hover, .antsand-pricing-dark .antsand-feature-item .cta:hover, .antsand-pricing-dark .antsand-feature-item .antsand-pricing-cta:hover {
        background-color: #3498db;
        border-color: #3498db; }
    .pricing-3 .sub-container.featured, .pricing-3 .featured.antsand-footer-column, .pricing-3 .sub-container.antsand-pricing-highlight, .pricing-3 .antsand-pricing-highlight.antsand-footer-column, .pricing-3 .featured.antsand-pricing-card, .pricing-3 .antsand-pricing-card.antsand-pricing-highlight, .antsand-pricing-dark .sub-container.featured, .antsand-pricing-dark .featured.antsand-footer-column, .antsand-pricing-dark .sub-container.antsand-pricing-highlight, .antsand-pricing-dark .antsand-pricing-highlight.antsand-footer-column, .antsand-pricing-dark .featured.antsand-pricing-card, .antsand-pricing-dark .antsand-pricing-card.antsand-pricing-highlight, .pricing-3 .featured.antsand-feature-item, .pricing-3 .antsand-feature-item.antsand-pricing-highlight, .antsand-pricing-dark .featured.antsand-feature-item, .antsand-pricing-dark .antsand-feature-item.antsand-pricing-highlight {
      background-color: #3498db;
      border-color: #3498db; }
      .pricing-3 .sub-container.featured .cta, .pricing-3 .featured.antsand-footer-column .cta, .pricing-3 .sub-container.antsand-pricing-highlight .cta, .pricing-3 .antsand-pricing-highlight.antsand-footer-column .cta, .pricing-3 .sub-container.featured .antsand-pricing-cta, .pricing-3 .featured.antsand-footer-column .antsand-pricing-cta, .pricing-3 .sub-container.antsand-pricing-highlight .antsand-pricing-cta, .pricing-3 .antsand-pricing-highlight.antsand-footer-column .antsand-pricing-cta, .pricing-3 .featured.antsand-pricing-card .cta, .pricing-3 .antsand-pricing-card.antsand-pricing-highlight .cta, .pricing-3 .featured.antsand-pricing-card .antsand-pricing-cta, .pricing-3 .antsand-pricing-card.antsand-pricing-highlight .antsand-pricing-cta, .antsand-pricing-dark .sub-container.featured .cta, .antsand-pricing-dark .featured.antsand-footer-column .cta, .antsand-pricing-dark .sub-container.antsand-pricing-highlight .cta, .antsand-pricing-dark .antsand-pricing-highlight.antsand-footer-column .cta, .antsand-pricing-dark .sub-container.featured .antsand-pricing-cta, .antsand-pricing-dark .featured.antsand-footer-column .antsand-pricing-cta, .antsand-pricing-dark .sub-container.antsand-pricing-highlight .antsand-pricing-cta, .antsand-pricing-dark .antsand-pricing-highlight.antsand-footer-column .antsand-pricing-cta, .antsand-pricing-dark .featured.antsand-pricing-card .cta, .antsand-pricing-dark .antsand-pricing-card.antsand-pricing-highlight .cta, .antsand-pricing-dark .featured.antsand-pricing-card .antsand-pricing-cta, .antsand-pricing-dark .antsand-pricing-card.antsand-pricing-highlight .antsand-pricing-cta, .pricing-3 .featured.antsand-feature-item .cta, .pricing-3 .antsand-feature-item.antsand-pricing-highlight .cta, .pricing-3 .featured.antsand-feature-item .antsand-pricing-cta, .pricing-3 .antsand-feature-item.antsand-pricing-highlight .antsand-pricing-cta, .antsand-pricing-dark .featured.antsand-feature-item .cta, .antsand-pricing-dark .antsand-feature-item.antsand-pricing-highlight .cta, .antsand-pricing-dark .featured.antsand-feature-item .antsand-pricing-cta, .antsand-pricing-dark .antsand-feature-item.antsand-pricing-highlight .antsand-pricing-cta {
        background-color: white;
        color: #3498db;
        border-color: white; }

.pricing-4 {
  padding: 4rem 0;
  background-color: white; }
  .pricing-4 > .container, .pricing-4 > .antsand-footer-grid {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem; }
  .pricing-4 .header-section {
    text-align: center;
    margin-bottom: 3rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; }
    .pricing-4 .header-section .title, .pricing-4 .header-section .antsand-hero-title, .pricing-4 .header-section .antsand-feature-title {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 1rem; }
      @media (min-width: 768px) {
        .pricing-4 .header-section .title, .pricing-4 .header-section .antsand-hero-title, .pricing-4 .header-section .antsand-feature-title {
          font-size: 2.5rem; } }
    .pricing-4 .header-section .description, .pricing-4 .header-section .antsand-hero-subtitle, .pricing-4 .header-section .antsand-feature-desc {
      font-size: 1.125rem;
      line-height: 1.75; }
  .pricing-4 .data-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    align-items: stretch; }
    @media (max-width: 640px) {
      .pricing-4 .data-container {
        grid-template-columns: 1fr; } }
  .pricing-4 .sub-container, .pricing-4 .antsand-footer-column, .pricing-4 .antsand-pricing-card, .pricing-4 .antsand-feature-item {
    border-radius: 0.75rem;
    padding: 2rem;
    text-align: center;
    transition: all 250ms ease;
    position: relative;
    display: flex;
    flex-direction: column; }
    .pricing-4 .sub-container:hover, .pricing-4 .antsand-footer-column:hover, .pricing-4 .antsand-pricing-card:hover, .pricing-4 .antsand-feature-item:hover {
      transform: translateY(-4px); }
    .pricing-4 .sub-container .badge, .pricing-4 .antsand-footer-column .badge, .pricing-4 .sub-container .antsand-pricing-badge, .pricing-4 .antsand-footer-column .antsand-pricing-badge, .pricing-4 .antsand-pricing-card .badge, .pricing-4 .antsand-pricing-card .antsand-pricing-badge, .pricing-4 .antsand-feature-item .badge, .pricing-4 .antsand-feature-item .antsand-pricing-badge {
      position: absolute;
      top: -0.75rem;
      left: 50%;
      transform: translateX(-50%);
      padding: 0.25rem 1rem;
      border-radius: 9999px;
      font-size: 0.875rem;
      font-weight: 600;
      white-space: nowrap; }
    .pricing-4 .sub-container .title, .pricing-4 .antsand-footer-column .title, .pricing-4 .antsand-pricing-card .title, .pricing-4 .antsand-feature-item .title, .pricing-4 .sub-container .antsand-hero-title, .pricing-4 .antsand-footer-column .antsand-hero-title, .pricing-4 .antsand-pricing-card .antsand-hero-title, .pricing-4 .antsand-feature-item .antsand-hero-title, .pricing-4 .sub-container .antsand-feature-title, .pricing-4 .antsand-footer-column .antsand-feature-title, .pricing-4 .antsand-pricing-card .antsand-feature-title, .pricing-4 .antsand-feature-item .antsand-feature-title {
      font-size: 1.25rem;
      font-weight: 700;
      margin-bottom: 0.5rem; }
    .pricing-4 .sub-container .description, .pricing-4 .antsand-footer-column .description, .pricing-4 .antsand-pricing-card .description, .pricing-4 .antsand-feature-item .description, .pricing-4 .sub-container .antsand-hero-subtitle, .pricing-4 .antsand-footer-column .antsand-hero-subtitle, .pricing-4 .antsand-pricing-card .antsand-hero-subtitle, .pricing-4 .antsand-feature-item .antsand-hero-subtitle, .pricing-4 .sub-container .antsand-feature-desc, .pricing-4 .antsand-footer-column .antsand-feature-desc, .pricing-4 .antsand-pricing-card .antsand-feature-desc, .pricing-4 .antsand-feature-item .antsand-feature-desc {
      font-size: 0.875rem;
      margin-bottom: 1.5rem;
      padding-bottom: 1.5rem; }
    .pricing-4 .sub-container .price, .pricing-4 .antsand-footer-column .price, .pricing-4 .sub-container .antsand-pricing-price, .pricing-4 .antsand-footer-column .antsand-pricing-price, .pricing-4 .antsand-pricing-card .price, .pricing-4 .antsand-pricing-card .antsand-pricing-price, .pricing-4 .antsand-feature-item .price, .pricing-4 .antsand-feature-item .antsand-pricing-price {
      margin-bottom: 1.5rem;
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 1; }
      .pricing-4 .sub-container .price .currency, .pricing-4 .antsand-footer-column .price .currency, .pricing-4 .sub-container .antsand-pricing-price .currency, .pricing-4 .antsand-footer-column .antsand-pricing-price .currency, .pricing-4 .antsand-pricing-card .price .currency, .pricing-4 .antsand-pricing-card .antsand-pricing-price .currency, .pricing-4 .antsand-feature-item .price .currency, .pricing-4 .antsand-feature-item .antsand-pricing-price .currency {
        font-size: 1.5rem;
        vertical-align: super; }
      .pricing-4 .sub-container .price .period, .pricing-4 .antsand-footer-column .price .period, .pricing-4 .sub-container .antsand-pricing-price .period, .pricing-4 .antsand-footer-column .antsand-pricing-price .period, .pricing-4 .antsand-pricing-card .price .period, .pricing-4 .antsand-pricing-card .antsand-pricing-price .period, .pricing-4 .antsand-feature-item .price .period, .pricing-4 .antsand-feature-item .antsand-pricing-price .period {
        display: block;
        font-size: 1rem;
        font-weight: 400;
        margin-top: 0.25rem; }
    .pricing-4 .sub-container .features, .pricing-4 .antsand-footer-column .features, .pricing-4 .sub-container .antsand-pricing-features, .pricing-4 .antsand-footer-column .antsand-pricing-features, .pricing-4 .antsand-pricing-card .features, .pricing-4 .antsand-pricing-card .antsand-pricing-features, .pricing-4 .antsand-feature-item .features, .pricing-4 .antsand-feature-item .antsand-pricing-features {
      list-style: none;
      padding: 0;
      margin: 0 0 2rem 0;
      text-align: left;
      flex-grow: 1; }
      .pricing-4 .sub-container .features li, .pricing-4 .antsand-footer-column .features li, .pricing-4 .sub-container .antsand-pricing-features li, .pricing-4 .antsand-footer-column .antsand-pricing-features li, .pricing-4 .antsand-pricing-card .features li, .pricing-4 .antsand-pricing-card .antsand-pricing-features li, .pricing-4 .antsand-feature-item .features li, .pricing-4 .antsand-feature-item .antsand-pricing-features li {
        padding: 0.5rem 0;
        line-height: 1.75; }
        .pricing-4 .sub-container .features li::before, .pricing-4 .antsand-footer-column .features li::before, .pricing-4 .sub-container .antsand-pricing-features li::before, .pricing-4 .antsand-footer-column .antsand-pricing-features li::before, .pricing-4 .antsand-pricing-card .features li::before, .pricing-4 .antsand-pricing-card .antsand-pricing-features li::before, .pricing-4 .antsand-feature-item .features li::before, .pricing-4 .antsand-feature-item .antsand-pricing-features li::before {
          content: '✓';
          font-weight: 700;
          margin-right: 0.5rem; }
        .pricing-4 .sub-container .features li.disabled, .pricing-4 .antsand-footer-column .features li.disabled, .pricing-4 .sub-container .antsand-pricing-features li.disabled, .pricing-4 .antsand-footer-column .antsand-pricing-features li.disabled, .pricing-4 .antsand-pricing-card .features li.disabled, .pricing-4 .antsand-pricing-card .antsand-pricing-features li.disabled, .pricing-4 .antsand-feature-item .features li.disabled, .pricing-4 .antsand-feature-item .antsand-pricing-features li.disabled {
          opacity: 0.5; }
          .pricing-4 .sub-container .features li.disabled::before, .pricing-4 .antsand-footer-column .features li.disabled::before, .pricing-4 .sub-container .antsand-pricing-features li.disabled::before, .pricing-4 .antsand-footer-column .antsand-pricing-features li.disabled::before, .pricing-4 .antsand-pricing-card .features li.disabled::before, .pricing-4 .antsand-pricing-card .antsand-pricing-features li.disabled::before, .pricing-4 .antsand-feature-item .features li.disabled::before, .pricing-4 .antsand-feature-item .antsand-pricing-features li.disabled::before {
            content: '✕'; }
    .pricing-4 .sub-container .cta-container, .pricing-4 .antsand-footer-column .cta-container, .pricing-4 .antsand-pricing-card .cta-container, .pricing-4 .antsand-feature-item .cta-container, .pricing-4 .sub-container .antsand-hero-cta, .pricing-4 .antsand-footer-column .antsand-hero-cta, .pricing-4 .antsand-pricing-card .antsand-hero-cta, .pricing-4 .antsand-feature-item .antsand-hero-cta {
      margin-top: auto; }
      .pricing-4 .sub-container .cta-container .cta, .pricing-4 .antsand-footer-column .cta-container .cta, .pricing-4 .sub-container .cta-container .antsand-pricing-cta, .pricing-4 .antsand-footer-column .cta-container .antsand-pricing-cta, .pricing-4 .antsand-pricing-card .cta-container .cta, .pricing-4 .antsand-pricing-card .cta-container .antsand-pricing-cta, .pricing-4 .antsand-feature-item .cta-container .cta, .pricing-4 .antsand-feature-item .cta-container .antsand-pricing-cta, .pricing-4 .sub-container .antsand-hero-cta .cta, .pricing-4 .antsand-footer-column .antsand-hero-cta .cta, .pricing-4 .sub-container .antsand-hero-cta .antsand-pricing-cta, .pricing-4 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .pricing-4 .antsand-pricing-card .antsand-hero-cta .cta, .pricing-4 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .pricing-4 .antsand-feature-item .antsand-hero-cta .cta, .pricing-4 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta {
        display: block;
        width: 100%;
        padding: 1rem 1.5rem;
        border-radius: 0.5rem;
        font-weight: 600;
        text-decoration: none;
        text-align: center;
        transition: all 250ms ease;
        cursor: pointer;
        border: none; }
    .pricing-4 .sub-container.featured, .pricing-4 .featured.antsand-footer-column, .pricing-4 .sub-container.antsand-pricing-highlight, .pricing-4 .antsand-pricing-highlight.antsand-footer-column, .pricing-4 .featured.antsand-pricing-card, .pricing-4 .antsand-pricing-card.antsand-pricing-highlight, .pricing-4 .featured.antsand-feature-item, .pricing-4 .antsand-feature-item.antsand-pricing-highlight {
      transform: scale(1.05); }
      @media (max-width: 768px) {
        .pricing-4 .sub-container.featured, .pricing-4 .featured.antsand-footer-column, .pricing-4 .sub-container.antsand-pricing-highlight, .pricing-4 .antsand-pricing-highlight.antsand-footer-column, .pricing-4 .featured.antsand-pricing-card, .pricing-4 .antsand-pricing-card.antsand-pricing-highlight, .pricing-4 .featured.antsand-feature-item, .pricing-4 .antsand-feature-item.antsand-pricing-highlight {
          transform: scale(1); } }
  .pricing-4 .header-section .title, .pricing-4 .header-section .antsand-hero-title, .pricing-4 .header-section .antsand-feature-title {
    color: #212529; }
  .pricing-4 .header-section .description, .pricing-4 .header-section .antsand-hero-subtitle, .pricing-4 .header-section .antsand-feature-desc {
    color: #adb5bd; }
  .pricing-4 .sub-container, .pricing-4 .antsand-footer-column, .pricing-4 .antsand-pricing-card, .pricing-4 .antsand-feature-item {
    background-color: transparent;
    border: 1px solid #e9ecef;
    border-radius: 0; }
    .pricing-4 .sub-container:hover, .pricing-4 .antsand-footer-column:hover, .pricing-4 .antsand-pricing-card:hover, .pricing-4 .antsand-feature-item:hover {
      border-color: #212529;
      transform: none; }
    .pricing-4 .sub-container .badge, .pricing-4 .antsand-footer-column .badge, .pricing-4 .sub-container .antsand-pricing-badge, .pricing-4 .antsand-footer-column .antsand-pricing-badge, .pricing-4 .antsand-pricing-card .badge, .pricing-4 .antsand-pricing-card .antsand-pricing-badge, .pricing-4 .antsand-feature-item .badge, .pricing-4 .antsand-feature-item .antsand-pricing-badge {
      background-color: #212529;
      color: white;
      border-radius: 0; }
    .pricing-4 .sub-container .title, .pricing-4 .antsand-footer-column .title, .pricing-4 .antsand-pricing-card .title, .pricing-4 .antsand-feature-item .title, .pricing-4 .sub-container .antsand-hero-title, .pricing-4 .antsand-footer-column .antsand-hero-title, .pricing-4 .antsand-pricing-card .antsand-hero-title, .pricing-4 .antsand-feature-item .antsand-hero-title, .pricing-4 .sub-container .antsand-feature-title, .pricing-4 .antsand-footer-column .antsand-feature-title, .pricing-4 .antsand-pricing-card .antsand-feature-title, .pricing-4 .antsand-feature-item .antsand-feature-title {
      color: #212529;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      font-size: 1rem; }
    .pricing-4 .sub-container .description, .pricing-4 .antsand-footer-column .description, .pricing-4 .antsand-pricing-card .description, .pricing-4 .antsand-feature-item .description, .pricing-4 .sub-container .antsand-hero-subtitle, .pricing-4 .antsand-footer-column .antsand-hero-subtitle, .pricing-4 .antsand-pricing-card .antsand-hero-subtitle, .pricing-4 .antsand-feature-item .antsand-hero-subtitle, .pricing-4 .sub-container .antsand-feature-desc, .pricing-4 .antsand-footer-column .antsand-feature-desc, .pricing-4 .antsand-pricing-card .antsand-feature-desc, .pricing-4 .antsand-feature-item .antsand-feature-desc {
      color: #adb5bd;
      border-bottom: none; }
    .pricing-4 .sub-container .price, .pricing-4 .antsand-footer-column .price, .pricing-4 .sub-container .antsand-pricing-price, .pricing-4 .antsand-footer-column .antsand-pricing-price, .pricing-4 .antsand-pricing-card .price, .pricing-4 .antsand-pricing-card .antsand-pricing-price, .pricing-4 .antsand-feature-item .price, .pricing-4 .antsand-feature-item .antsand-pricing-price {
      color: #212529; }
    .pricing-4 .sub-container .price .period, .pricing-4 .antsand-footer-column .price .period, .pricing-4 .sub-container .antsand-pricing-price .period, .pricing-4 .antsand-footer-column .antsand-pricing-price .period, .pricing-4 .antsand-pricing-card .price .period, .pricing-4 .antsand-pricing-card .antsand-pricing-price .period, .pricing-4 .antsand-feature-item .price .period, .pricing-4 .antsand-feature-item .antsand-pricing-price .period {
      color: #adb5bd; }
    .pricing-4 .sub-container .features li, .pricing-4 .antsand-footer-column .features li, .pricing-4 .sub-container .antsand-pricing-features li, .pricing-4 .antsand-footer-column .antsand-pricing-features li, .pricing-4 .antsand-pricing-card .features li, .pricing-4 .antsand-pricing-card .antsand-pricing-features li, .pricing-4 .antsand-feature-item .features li, .pricing-4 .antsand-feature-item .antsand-pricing-features li {
      color: #6c757d; }
      .pricing-4 .sub-container .features li::before, .pricing-4 .antsand-footer-column .features li::before, .pricing-4 .sub-container .antsand-pricing-features li::before, .pricing-4 .antsand-footer-column .antsand-pricing-features li::before, .pricing-4 .antsand-pricing-card .features li::before, .pricing-4 .antsand-pricing-card .antsand-pricing-features li::before, .pricing-4 .antsand-feature-item .features li::before, .pricing-4 .antsand-feature-item .antsand-pricing-features li::before {
        color: #212529; }
    .pricing-4 .sub-container .cta, .pricing-4 .antsand-footer-column .cta, .pricing-4 .sub-container .antsand-pricing-cta, .pricing-4 .antsand-footer-column .antsand-pricing-cta, .pricing-4 .antsand-pricing-card .cta, .pricing-4 .antsand-pricing-card .antsand-pricing-cta, .pricing-4 .antsand-feature-item .cta, .pricing-4 .antsand-feature-item .antsand-pricing-cta {
      background-color: transparent;
      color: #212529;
      border: 1px solid #212529; }
      .pricing-4 .sub-container .cta:hover, .pricing-4 .antsand-footer-column .cta:hover, .pricing-4 .sub-container .antsand-pricing-cta:hover, .pricing-4 .antsand-footer-column .antsand-pricing-cta:hover, .pricing-4 .antsand-pricing-card .cta:hover, .pricing-4 .antsand-pricing-card .antsand-pricing-cta:hover, .pricing-4 .antsand-feature-item .cta:hover, .pricing-4 .antsand-feature-item .antsand-pricing-cta:hover {
        background-color: #212529;
        color: white; }
    .pricing-4 .sub-container.featured, .pricing-4 .featured.antsand-footer-column, .pricing-4 .sub-container.antsand-pricing-highlight, .pricing-4 .antsand-pricing-highlight.antsand-footer-column, .pricing-4 .featured.antsand-pricing-card, .pricing-4 .antsand-pricing-card.antsand-pricing-highlight, .pricing-4 .featured.antsand-feature-item, .pricing-4 .antsand-feature-item.antsand-pricing-highlight {
      border-width: 2px;
      border-color: #212529; }
      .pricing-4 .sub-container.featured .cta, .pricing-4 .featured.antsand-footer-column .cta, .pricing-4 .sub-container.antsand-pricing-highlight .cta, .pricing-4 .antsand-pricing-highlight.antsand-footer-column .cta, .pricing-4 .sub-container.featured .antsand-pricing-cta, .pricing-4 .featured.antsand-footer-column .antsand-pricing-cta, .pricing-4 .sub-container.antsand-pricing-highlight .antsand-pricing-cta, .pricing-4 .antsand-pricing-highlight.antsand-footer-column .antsand-pricing-cta, .pricing-4 .featured.antsand-pricing-card .cta, .pricing-4 .antsand-pricing-card.antsand-pricing-highlight .cta, .pricing-4 .featured.antsand-pricing-card .antsand-pricing-cta, .pricing-4 .antsand-pricing-card.antsand-pricing-highlight .antsand-pricing-cta, .pricing-4 .featured.antsand-feature-item .cta, .pricing-4 .antsand-feature-item.antsand-pricing-highlight .cta, .pricing-4 .featured.antsand-feature-item .antsand-pricing-cta, .pricing-4 .antsand-feature-item.antsand-pricing-highlight .antsand-pricing-cta {
        background-color: #212529;
        color: white; }

.pricing-5 {
  padding: 4rem 0;
  background-color: #f9fafb; }
  .pricing-5 > .container, .pricing-5 > .antsand-footer-grid {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem; }
  .pricing-5 .header-section {
    text-align: center;
    margin-bottom: 3rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; }
    .pricing-5 .header-section .title, .pricing-5 .header-section .antsand-hero-title, .pricing-5 .header-section .antsand-feature-title {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 1rem; }
      @media (min-width: 768px) {
        .pricing-5 .header-section .title, .pricing-5 .header-section .antsand-hero-title, .pricing-5 .header-section .antsand-feature-title {
          font-size: 2.5rem; } }
    .pricing-5 .header-section .description, .pricing-5 .header-section .antsand-hero-subtitle, .pricing-5 .header-section .antsand-feature-desc {
      font-size: 1.125rem;
      line-height: 1.75; }
  .pricing-5 .data-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    align-items: stretch; }
    @media (max-width: 640px) {
      .pricing-5 .data-container {
        grid-template-columns: 1fr; } }
  .pricing-5 .sub-container, .pricing-5 .antsand-footer-column, .pricing-5 .antsand-pricing-card, .pricing-5 .antsand-feature-item {
    border-radius: 0.75rem;
    padding: 2rem;
    text-align: center;
    transition: all 250ms ease;
    position: relative;
    display: flex;
    flex-direction: column; }
    .pricing-5 .sub-container:hover, .pricing-5 .antsand-footer-column:hover, .pricing-5 .antsand-pricing-card:hover, .pricing-5 .antsand-feature-item:hover {
      transform: translateY(-4px); }
    .pricing-5 .sub-container .badge, .pricing-5 .antsand-footer-column .badge, .pricing-5 .sub-container .antsand-pricing-badge, .pricing-5 .antsand-footer-column .antsand-pricing-badge, .pricing-5 .antsand-pricing-card .badge, .pricing-5 .antsand-pricing-card .antsand-pricing-badge, .pricing-5 .antsand-feature-item .badge, .pricing-5 .antsand-feature-item .antsand-pricing-badge {
      position: absolute;
      top: -0.75rem;
      left: 50%;
      transform: translateX(-50%);
      padding: 0.25rem 1rem;
      border-radius: 9999px;
      font-size: 0.875rem;
      font-weight: 600;
      white-space: nowrap; }
    .pricing-5 .sub-container .title, .pricing-5 .antsand-footer-column .title, .pricing-5 .antsand-pricing-card .title, .pricing-5 .antsand-feature-item .title, .pricing-5 .sub-container .antsand-hero-title, .pricing-5 .antsand-footer-column .antsand-hero-title, .pricing-5 .antsand-pricing-card .antsand-hero-title, .pricing-5 .antsand-feature-item .antsand-hero-title, .pricing-5 .sub-container .antsand-feature-title, .pricing-5 .antsand-footer-column .antsand-feature-title, .pricing-5 .antsand-pricing-card .antsand-feature-title, .pricing-5 .antsand-feature-item .antsand-feature-title {
      font-size: 1.25rem;
      font-weight: 700;
      margin-bottom: 0.5rem; }
    .pricing-5 .sub-container .description, .pricing-5 .antsand-footer-column .description, .pricing-5 .antsand-pricing-card .description, .pricing-5 .antsand-feature-item .description, .pricing-5 .sub-container .antsand-hero-subtitle, .pricing-5 .antsand-footer-column .antsand-hero-subtitle, .pricing-5 .antsand-pricing-card .antsand-hero-subtitle, .pricing-5 .antsand-feature-item .antsand-hero-subtitle, .pricing-5 .sub-container .antsand-feature-desc, .pricing-5 .antsand-footer-column .antsand-feature-desc, .pricing-5 .antsand-pricing-card .antsand-feature-desc, .pricing-5 .antsand-feature-item .antsand-feature-desc {
      font-size: 0.875rem;
      margin-bottom: 1.5rem;
      padding-bottom: 1.5rem; }
    .pricing-5 .sub-container .price, .pricing-5 .antsand-footer-column .price, .pricing-5 .sub-container .antsand-pricing-price, .pricing-5 .antsand-footer-column .antsand-pricing-price, .pricing-5 .antsand-pricing-card .price, .pricing-5 .antsand-pricing-card .antsand-pricing-price, .pricing-5 .antsand-feature-item .price, .pricing-5 .antsand-feature-item .antsand-pricing-price {
      margin-bottom: 1.5rem;
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 1; }
      .pricing-5 .sub-container .price .currency, .pricing-5 .antsand-footer-column .price .currency, .pricing-5 .sub-container .antsand-pricing-price .currency, .pricing-5 .antsand-footer-column .antsand-pricing-price .currency, .pricing-5 .antsand-pricing-card .price .currency, .pricing-5 .antsand-pricing-card .antsand-pricing-price .currency, .pricing-5 .antsand-feature-item .price .currency, .pricing-5 .antsand-feature-item .antsand-pricing-price .currency {
        font-size: 1.5rem;
        vertical-align: super; }
      .pricing-5 .sub-container .price .period, .pricing-5 .antsand-footer-column .price .period, .pricing-5 .sub-container .antsand-pricing-price .period, .pricing-5 .antsand-footer-column .antsand-pricing-price .period, .pricing-5 .antsand-pricing-card .price .period, .pricing-5 .antsand-pricing-card .antsand-pricing-price .period, .pricing-5 .antsand-feature-item .price .period, .pricing-5 .antsand-feature-item .antsand-pricing-price .period {
        display: block;
        font-size: 1rem;
        font-weight: 400;
        margin-top: 0.25rem; }
    .pricing-5 .sub-container .features, .pricing-5 .antsand-footer-column .features, .pricing-5 .sub-container .antsand-pricing-features, .pricing-5 .antsand-footer-column .antsand-pricing-features, .pricing-5 .antsand-pricing-card .features, .pricing-5 .antsand-pricing-card .antsand-pricing-features, .pricing-5 .antsand-feature-item .features, .pricing-5 .antsand-feature-item .antsand-pricing-features {
      list-style: none;
      padding: 0;
      margin: 0 0 2rem 0;
      text-align: left;
      flex-grow: 1; }
      .pricing-5 .sub-container .features li, .pricing-5 .antsand-footer-column .features li, .pricing-5 .sub-container .antsand-pricing-features li, .pricing-5 .antsand-footer-column .antsand-pricing-features li, .pricing-5 .antsand-pricing-card .features li, .pricing-5 .antsand-pricing-card .antsand-pricing-features li, .pricing-5 .antsand-feature-item .features li, .pricing-5 .antsand-feature-item .antsand-pricing-features li {
        padding: 0.5rem 0;
        line-height: 1.75; }
        .pricing-5 .sub-container .features li::before, .pricing-5 .antsand-footer-column .features li::before, .pricing-5 .sub-container .antsand-pricing-features li::before, .pricing-5 .antsand-footer-column .antsand-pricing-features li::before, .pricing-5 .antsand-pricing-card .features li::before, .pricing-5 .antsand-pricing-card .antsand-pricing-features li::before, .pricing-5 .antsand-feature-item .features li::before, .pricing-5 .antsand-feature-item .antsand-pricing-features li::before {
          content: '✓';
          font-weight: 700;
          margin-right: 0.5rem; }
        .pricing-5 .sub-container .features li.disabled, .pricing-5 .antsand-footer-column .features li.disabled, .pricing-5 .sub-container .antsand-pricing-features li.disabled, .pricing-5 .antsand-footer-column .antsand-pricing-features li.disabled, .pricing-5 .antsand-pricing-card .features li.disabled, .pricing-5 .antsand-pricing-card .antsand-pricing-features li.disabled, .pricing-5 .antsand-feature-item .features li.disabled, .pricing-5 .antsand-feature-item .antsand-pricing-features li.disabled {
          opacity: 0.5; }
          .pricing-5 .sub-container .features li.disabled::before, .pricing-5 .antsand-footer-column .features li.disabled::before, .pricing-5 .sub-container .antsand-pricing-features li.disabled::before, .pricing-5 .antsand-footer-column .antsand-pricing-features li.disabled::before, .pricing-5 .antsand-pricing-card .features li.disabled::before, .pricing-5 .antsand-pricing-card .antsand-pricing-features li.disabled::before, .pricing-5 .antsand-feature-item .features li.disabled::before, .pricing-5 .antsand-feature-item .antsand-pricing-features li.disabled::before {
            content: '✕'; }
    .pricing-5 .sub-container .cta-container, .pricing-5 .antsand-footer-column .cta-container, .pricing-5 .antsand-pricing-card .cta-container, .pricing-5 .antsand-feature-item .cta-container, .pricing-5 .sub-container .antsand-hero-cta, .pricing-5 .antsand-footer-column .antsand-hero-cta, .pricing-5 .antsand-pricing-card .antsand-hero-cta, .pricing-5 .antsand-feature-item .antsand-hero-cta {
      margin-top: auto; }
      .pricing-5 .sub-container .cta-container .cta, .pricing-5 .antsand-footer-column .cta-container .cta, .pricing-5 .sub-container .cta-container .antsand-pricing-cta, .pricing-5 .antsand-footer-column .cta-container .antsand-pricing-cta, .pricing-5 .antsand-pricing-card .cta-container .cta, .pricing-5 .antsand-pricing-card .cta-container .antsand-pricing-cta, .pricing-5 .antsand-feature-item .cta-container .cta, .pricing-5 .antsand-feature-item .cta-container .antsand-pricing-cta, .pricing-5 .sub-container .antsand-hero-cta .cta, .pricing-5 .antsand-footer-column .antsand-hero-cta .cta, .pricing-5 .sub-container .antsand-hero-cta .antsand-pricing-cta, .pricing-5 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .pricing-5 .antsand-pricing-card .antsand-hero-cta .cta, .pricing-5 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta, .pricing-5 .antsand-feature-item .antsand-hero-cta .cta, .pricing-5 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta {
        display: block;
        width: 100%;
        padding: 1rem 1.5rem;
        border-radius: 0.5rem;
        font-weight: 600;
        text-decoration: none;
        text-align: center;
        transition: all 250ms ease;
        cursor: pointer;
        border: none; }
    .pricing-5 .sub-container.featured, .pricing-5 .featured.antsand-footer-column, .pricing-5 .sub-container.antsand-pricing-highlight, .pricing-5 .antsand-pricing-highlight.antsand-footer-column, .pricing-5 .featured.antsand-pricing-card, .pricing-5 .antsand-pricing-card.antsand-pricing-highlight, .pricing-5 .featured.antsand-feature-item, .pricing-5 .antsand-feature-item.antsand-pricing-highlight {
      transform: scale(1.05); }
      @media (max-width: 768px) {
        .pricing-5 .sub-container.featured, .pricing-5 .featured.antsand-footer-column, .pricing-5 .sub-container.antsand-pricing-highlight, .pricing-5 .antsand-pricing-highlight.antsand-footer-column, .pricing-5 .featured.antsand-pricing-card, .pricing-5 .antsand-pricing-card.antsand-pricing-highlight, .pricing-5 .featured.antsand-feature-item, .pricing-5 .antsand-feature-item.antsand-pricing-highlight {
          transform: scale(1); } }
  .pricing-5 .header-section .title, .pricing-5 .header-section .antsand-hero-title, .pricing-5 .header-section .antsand-feature-title {
    color: #212529; }
  .pricing-5 .header-section .description, .pricing-5 .header-section .antsand-hero-subtitle, .pricing-5 .header-section .antsand-feature-desc {
    color: #6c757d; }
  .pricing-5 .sub-container, .pricing-5 .antsand-footer-column, .pricing-5 .antsand-pricing-card, .pricing-5 .antsand-feature-item {
    background-color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: none;
    overflow: hidden; }
    .pricing-5 .sub-container::before, .pricing-5 .antsand-footer-column::before, .pricing-5 .antsand-pricing-card::before, .pricing-5 .antsand-feature-item::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: #e9ecef; }
    .pricing-5 .sub-container:hover, .pricing-5 .antsand-footer-column:hover, .pricing-5 .antsand-pricing-card:hover, .pricing-5 .antsand-feature-item:hover {
      box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15); }
      .pricing-5 .sub-container:hover::before, .pricing-5 .antsand-footer-column:hover::before, .pricing-5 .antsand-pricing-card:hover::before, .pricing-5 .antsand-feature-item:hover::before {
        background: linear-gradient(90deg, #667eea 0%, #764ba2 100%); }
    .pricing-5 .sub-container .badge, .pricing-5 .antsand-footer-column .badge, .pricing-5 .sub-container .antsand-pricing-badge, .pricing-5 .antsand-footer-column .antsand-pricing-badge, .pricing-5 .antsand-pricing-card .badge, .pricing-5 .antsand-pricing-card .antsand-pricing-badge, .pricing-5 .antsand-feature-item .badge, .pricing-5 .antsand-feature-item .antsand-pricing-badge {
      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
      color: white; }
    .pricing-5 .sub-container .title, .pricing-5 .antsand-footer-column .title, .pricing-5 .antsand-pricing-card .title, .pricing-5 .antsand-feature-item .title, .pricing-5 .sub-container .antsand-hero-title, .pricing-5 .antsand-footer-column .antsand-hero-title, .pricing-5 .antsand-pricing-card .antsand-hero-title, .pricing-5 .antsand-feature-item .antsand-hero-title, .pricing-5 .sub-container .antsand-feature-title, .pricing-5 .antsand-footer-column .antsand-feature-title, .pricing-5 .antsand-pricing-card .antsand-feature-title, .pricing-5 .antsand-feature-item .antsand-feature-title {
      color: #212529; }
    .pricing-5 .sub-container .description, .pricing-5 .antsand-footer-column .description, .pricing-5 .antsand-pricing-card .description, .pricing-5 .antsand-feature-item .description, .pricing-5 .sub-container .antsand-hero-subtitle, .pricing-5 .antsand-footer-column .antsand-hero-subtitle, .pricing-5 .antsand-pricing-card .antsand-hero-subtitle, .pricing-5 .antsand-feature-item .antsand-hero-subtitle, .pricing-5 .sub-container .antsand-feature-desc, .pricing-5 .antsand-footer-column .antsand-feature-desc, .pricing-5 .antsand-pricing-card .antsand-feature-desc, .pricing-5 .antsand-feature-item .antsand-feature-desc {
      color: #adb5bd; }
    .pricing-5 .sub-container .price, .pricing-5 .antsand-footer-column .price, .pricing-5 .sub-container .antsand-pricing-price, .pricing-5 .antsand-footer-column .antsand-pricing-price, .pricing-5 .antsand-pricing-card .price, .pricing-5 .antsand-pricing-card .antsand-pricing-price, .pricing-5 .antsand-feature-item .price, .pricing-5 .antsand-feature-item .antsand-pricing-price {
      color: #212529; }
    .pricing-5 .sub-container .price .period, .pricing-5 .antsand-footer-column .price .period, .pricing-5 .sub-container .antsand-pricing-price .period, .pricing-5 .antsand-footer-column .antsand-pricing-price .period, .pricing-5 .antsand-pricing-card .price .period, .pricing-5 .antsand-pricing-card .antsand-pricing-price .period, .pricing-5 .antsand-feature-item .price .period, .pricing-5 .antsand-feature-item .antsand-pricing-price .period {
      color: #adb5bd; }
    .pricing-5 .sub-container .features li, .pricing-5 .antsand-footer-column .features li, .pricing-5 .sub-container .antsand-pricing-features li, .pricing-5 .antsand-footer-column .antsand-pricing-features li, .pricing-5 .antsand-pricing-card .features li, .pricing-5 .antsand-pricing-card .antsand-pricing-features li, .pricing-5 .antsand-feature-item .features li, .pricing-5 .antsand-feature-item .antsand-pricing-features li {
      color: #6c757d; }
      .pricing-5 .sub-container .features li::before, .pricing-5 .antsand-footer-column .features li::before, .pricing-5 .sub-container .antsand-pricing-features li::before, .pricing-5 .antsand-footer-column .antsand-pricing-features li::before, .pricing-5 .antsand-pricing-card .features li::before, .pricing-5 .antsand-pricing-card .antsand-pricing-features li::before, .pricing-5 .antsand-feature-item .features li::before, .pricing-5 .antsand-feature-item .antsand-pricing-features li::before {
        color: #667eea; }
    .pricing-5 .sub-container .cta, .pricing-5 .antsand-footer-column .cta, .pricing-5 .sub-container .antsand-pricing-cta, .pricing-5 .antsand-footer-column .antsand-pricing-cta, .pricing-5 .antsand-pricing-card .cta, .pricing-5 .antsand-pricing-card .antsand-pricing-cta, .pricing-5 .antsand-feature-item .cta, .pricing-5 .antsand-feature-item .antsand-pricing-cta {
      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
      color: white; }
      .pricing-5 .sub-container .cta:hover, .pricing-5 .antsand-footer-column .cta:hover, .pricing-5 .sub-container .antsand-pricing-cta:hover, .pricing-5 .antsand-footer-column .antsand-pricing-cta:hover, .pricing-5 .antsand-pricing-card .cta:hover, .pricing-5 .antsand-pricing-card .antsand-pricing-cta:hover, .pricing-5 .antsand-feature-item .cta:hover, .pricing-5 .antsand-feature-item .antsand-pricing-cta:hover {
        opacity: 0.9;
        transform: translateY(-2px); }
    .pricing-5 .sub-container.featured::before, .pricing-5 .featured.antsand-footer-column::before, .pricing-5 .sub-container.antsand-pricing-highlight::before, .pricing-5 .antsand-pricing-highlight.antsand-footer-column::before, .pricing-5 .featured.antsand-pricing-card::before, .pricing-5 .antsand-pricing-card.antsand-pricing-highlight::before, .pricing-5 .featured.antsand-feature-item::before, .pricing-5 .antsand-feature-item.antsand-pricing-highlight::before {
      height: 6px;
      background: linear-gradient(90deg, #667eea 0%, #764ba2 100%); }

.antsand-pricing-header {
  border-bottom: 1px solid #e9ecef;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem; }

.footer-1, .antsand-footer {
  padding: 4rem 0 1.5rem 0;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  color: #dee2e6;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 -16px 38px rgba(0, 0, 0, 0.28);
  padding: 3rem 0 3rem 0; }
  .footer-1 .container, .footer-1 .antsand-footer-grid, .antsand-footer .container, .antsand-footer .antsand-footer-grid, .footer-1 .data-container, .antsand-footer .data-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 3rem; }
    @media (max-width: 640px) {
      .footer-1 .container, .footer-1 .antsand-footer-grid, .antsand-footer .container, .antsand-footer .antsand-footer-grid, .footer-1 .data-container, .antsand-footer .data-container {
        grid-template-columns: 1fr;
        gap: 1.5rem; } }
  .footer-1 .sub-container .title, .footer-1 .antsand-footer-column .title, .antsand-footer .sub-container .title, .antsand-footer .antsand-footer-column .title, .footer-1 .antsand-feature-item .title, .antsand-footer .antsand-feature-item .title, .footer-1 .antsand-pricing-card .title, .antsand-footer .antsand-pricing-card .title, .footer-1 .sub-container .antsand-hero-title, .footer-1 .antsand-footer-column .antsand-hero-title, .antsand-footer .sub-container .antsand-hero-title, .antsand-footer .antsand-footer-column .antsand-hero-title, .footer-1 .antsand-feature-item .antsand-hero-title, .antsand-footer .antsand-feature-item .antsand-hero-title, .footer-1 .antsand-pricing-card .antsand-hero-title, .antsand-footer .antsand-pricing-card .antsand-hero-title, .footer-1 .sub-container .antsand-feature-title, .footer-1 .antsand-footer-column .antsand-feature-title, .antsand-footer .sub-container .antsand-feature-title, .antsand-footer .antsand-footer-column .antsand-feature-title, .footer-1 .antsand-feature-item .antsand-feature-title, .antsand-footer .antsand-feature-item .antsand-feature-title, .footer-1 .antsand-pricing-card .antsand-feature-title, .antsand-footer .antsand-pricing-card .antsand-feature-title {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1.3; }
  .footer-1 .sub-container .description, .footer-1 .antsand-footer-column .description, .antsand-footer .sub-container .description, .antsand-footer .antsand-footer-column .description, .footer-1 .antsand-feature-item .description, .antsand-footer .antsand-feature-item .description, .footer-1 .antsand-pricing-card .description, .antsand-footer .antsand-pricing-card .description, .footer-1 .sub-container .antsand-hero-subtitle, .footer-1 .antsand-footer-column .antsand-hero-subtitle, .antsand-footer .sub-container .antsand-hero-subtitle, .antsand-footer .antsand-footer-column .antsand-hero-subtitle, .footer-1 .antsand-feature-item .antsand-hero-subtitle, .antsand-footer .antsand-feature-item .antsand-hero-subtitle, .footer-1 .antsand-pricing-card .antsand-hero-subtitle, .antsand-footer .antsand-pricing-card .antsand-hero-subtitle, .footer-1 .sub-container .antsand-feature-desc, .footer-1 .antsand-footer-column .antsand-feature-desc, .antsand-footer .sub-container .antsand-feature-desc, .antsand-footer .antsand-footer-column .antsand-feature-desc, .footer-1 .antsand-feature-item .antsand-feature-desc, .antsand-footer .antsand-feature-item .antsand-feature-desc, .footer-1 .antsand-pricing-card .antsand-feature-desc, .antsand-footer .antsand-pricing-card .antsand-feature-desc {
    font-size: 1rem;
    line-height: 1.75;
    margin-bottom: 1rem; }
  .footer-1 .sub-container ul, .footer-1 .antsand-footer-column ul, .antsand-footer .sub-container ul, .antsand-footer .antsand-footer-column ul, .footer-1 .antsand-feature-item ul, .antsand-footer .antsand-feature-item ul, .footer-1 .antsand-pricing-card ul, .antsand-footer .antsand-pricing-card ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .footer-1 .sub-container li, .footer-1 .antsand-footer-column li, .antsand-footer .sub-container li, .antsand-footer .antsand-footer-column li, .footer-1 .antsand-feature-item li, .antsand-footer .antsand-feature-item li, .footer-1 .antsand-pricing-card li, .antsand-footer .antsand-pricing-card li {
    margin-bottom: 0.5rem; }
    .footer-1 .sub-container li a, .footer-1 .antsand-footer-column li a, .antsand-footer .sub-container li a, .antsand-footer .antsand-footer-column li a, .footer-1 .antsand-feature-item li a, .antsand-footer .antsand-feature-item li a, .footer-1 .antsand-pricing-card li a, .antsand-footer .antsand-pricing-card li a {
      text-decoration: none;
      transition: color 250ms ease; }
  .footer-1 .sub-container .cta-container, .footer-1 .antsand-footer-column .cta-container, .antsand-footer .sub-container .cta-container, .antsand-footer .antsand-footer-column .cta-container, .footer-1 .antsand-feature-item .cta-container, .antsand-footer .antsand-feature-item .cta-container, .footer-1 .antsand-pricing-card .cta-container, .antsand-footer .antsand-pricing-card .cta-container, .footer-1 .sub-container .antsand-hero-cta, .footer-1 .antsand-footer-column .antsand-hero-cta, .antsand-footer .sub-container .antsand-hero-cta, .antsand-footer .antsand-footer-column .antsand-hero-cta, .footer-1 .antsand-feature-item .antsand-hero-cta, .antsand-footer .antsand-feature-item .antsand-hero-cta, .footer-1 .antsand-pricing-card .antsand-hero-cta, .antsand-footer .antsand-pricing-card .antsand-hero-cta {
    margin-top: 1rem; }
  .footer-1 .sub-container .social-container, .footer-1 .sub-container .antsand-footer-social, .footer-1 .antsand-footer-column .social-container, .footer-1 .antsand-footer-column .antsand-footer-social, .antsand-footer .sub-container .social-container, .antsand-footer .sub-container .antsand-footer-social, .antsand-footer .antsand-footer-column .social-container, .antsand-footer .antsand-footer-column .antsand-footer-social, .footer-1 .antsand-feature-item .social-container, .footer-1 .antsand-feature-item .antsand-footer-social, .antsand-footer .antsand-feature-item .social-container, .antsand-footer .antsand-feature-item .antsand-footer-social, .footer-1 .antsand-pricing-card .social-container, .footer-1 .antsand-pricing-card .antsand-footer-social, .antsand-footer .antsand-pricing-card .social-container, .antsand-footer .antsand-pricing-card .antsand-footer-social {
    display: flex;
    gap: 1rem;
    margin-top: 1rem; }
    .footer-1 .sub-container .social-container .social, .footer-1 .sub-container .antsand-footer-social .social, .footer-1 .antsand-footer-column .social-container .social, .footer-1 .antsand-footer-column .antsand-footer-social .social, .antsand-footer .sub-container .social-container .social, .antsand-footer .sub-container .antsand-footer-social .social, .antsand-footer .antsand-footer-column .social-container .social, .antsand-footer .antsand-footer-column .antsand-footer-social .social, .footer-1 .antsand-feature-item .social-container .social, .footer-1 .antsand-feature-item .antsand-footer-social .social, .antsand-footer .antsand-feature-item .social-container .social, .antsand-footer .antsand-feature-item .antsand-footer-social .social, .footer-1 .antsand-pricing-card .social-container .social, .footer-1 .antsand-pricing-card .antsand-footer-social .social, .antsand-footer .antsand-pricing-card .social-container .social, .antsand-footer .antsand-pricing-card .antsand-footer-social .social {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 2.25rem;
      height: 2.25rem;
      border-radius: 50%;
      text-decoration: none;
      transition: all 250ms ease; }
      .footer-1 .sub-container .social-container .social i, .footer-1 .sub-container .antsand-footer-social .social i, .footer-1 .antsand-footer-column .social-container .social i, .footer-1 .antsand-footer-column .antsand-footer-social .social i, .antsand-footer .sub-container .social-container .social i, .antsand-footer .sub-container .antsand-footer-social .social i, .antsand-footer .antsand-footer-column .social-container .social i, .antsand-footer .antsand-footer-column .antsand-footer-social .social i, .footer-1 .antsand-feature-item .social-container .social i, .footer-1 .antsand-feature-item .antsand-footer-social .social i, .antsand-footer .antsand-feature-item .social-container .social i, .antsand-footer .antsand-feature-item .antsand-footer-social .social i, .footer-1 .antsand-pricing-card .social-container .social i, .footer-1 .antsand-pricing-card .antsand-footer-social .social i, .antsand-footer .antsand-pricing-card .social-container .social i, .antsand-footer .antsand-pricing-card .antsand-footer-social .social i {
        font-size: 1rem; }
      .footer-1 .sub-container .social-container .social:hover, .footer-1 .sub-container .antsand-footer-social .social:hover, .footer-1 .antsand-footer-column .social-container .social:hover, .footer-1 .antsand-footer-column .antsand-footer-social .social:hover, .antsand-footer .sub-container .social-container .social:hover, .antsand-footer .sub-container .antsand-footer-social .social:hover, .antsand-footer .antsand-footer-column .social-container .social:hover, .antsand-footer .antsand-footer-column .antsand-footer-social .social:hover, .footer-1 .antsand-feature-item .social-container .social:hover, .footer-1 .antsand-feature-item .antsand-footer-social .social:hover, .antsand-footer .antsand-feature-item .social-container .social:hover, .antsand-footer .antsand-feature-item .antsand-footer-social .social:hover, .footer-1 .antsand-pricing-card .social-container .social:hover, .footer-1 .antsand-pricing-card .antsand-footer-social .social:hover, .antsand-footer .antsand-pricing-card .social-container .social:hover, .antsand-footer .antsand-pricing-card .antsand-footer-social .social:hover {
        transform: translateY(-2px); }
  .footer-1 .sub-container .img-container, .footer-1 .antsand-footer-column .img-container, .antsand-footer .sub-container .img-container, .antsand-footer .antsand-footer-column .img-container, .footer-1 .antsand-feature-item .img-container, .antsand-footer .antsand-feature-item .img-container, .footer-1 .antsand-pricing-card .img-container, .antsand-footer .antsand-pricing-card .img-container, .footer-1 .sub-container .antsand-hero-image, .footer-1 .antsand-footer-column .antsand-hero-image, .antsand-footer .sub-container .antsand-hero-image, .antsand-footer .antsand-footer-column .antsand-hero-image, .footer-1 .antsand-feature-item .antsand-hero-image, .antsand-footer .antsand-feature-item .antsand-hero-image, .footer-1 .antsand-pricing-card .antsand-hero-image, .antsand-footer .antsand-pricing-card .antsand-hero-image {
    margin-bottom: 1rem; }
    .footer-1 .sub-container .img-container img, .footer-1 .antsand-footer-column .img-container img, .antsand-footer .sub-container .img-container img, .antsand-footer .antsand-footer-column .img-container img, .footer-1 .antsand-feature-item .img-container img, .antsand-footer .antsand-feature-item .img-container img, .footer-1 .antsand-pricing-card .img-container img, .antsand-footer .antsand-pricing-card .img-container img, .footer-1 .sub-container .antsand-hero-image img, .footer-1 .antsand-footer-column .antsand-hero-image img, .antsand-footer .sub-container .antsand-hero-image img, .antsand-footer .antsand-footer-column .antsand-hero-image img, .footer-1 .antsand-feature-item .antsand-hero-image img, .antsand-footer .antsand-feature-item .antsand-hero-image img, .footer-1 .antsand-pricing-card .antsand-hero-image img, .antsand-footer .antsand-pricing-card .antsand-hero-image img {
      max-width: 100%;
      height: auto; }
  .footer-1 .footer-section, .footer-1 .antsand-footer-bottom, .antsand-footer .footer-section, .antsand-footer .antsand-footer-bottom {
    grid-column: 1 / -1;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem; }
    @media (max-width: 640px) {
      .footer-1 .footer-section, .footer-1 .antsand-footer-bottom, .antsand-footer .footer-section, .antsand-footer .antsand-footer-bottom {
        flex-direction: column;
        text-align: center; } }
    .footer-1 .footer-section .title, .footer-1 .antsand-footer-bottom .title, .antsand-footer .footer-section .title, .antsand-footer .antsand-footer-bottom .title, .footer-1 .footer-section .antsand-hero-title, .footer-1 .antsand-footer-bottom .antsand-hero-title, .antsand-footer .footer-section .antsand-hero-title, .antsand-footer .antsand-footer-bottom .antsand-hero-title, .footer-1 .footer-section .antsand-feature-title, .footer-1 .antsand-footer-bottom .antsand-feature-title, .antsand-footer .footer-section .antsand-feature-title, .antsand-footer .antsand-footer-bottom .antsand-feature-title {
      font-size: 0.875rem;
      margin: 0; }
    .footer-1 .footer-section .cta-container, .footer-1 .antsand-footer-bottom .cta-container, .antsand-footer .footer-section .cta-container, .antsand-footer .antsand-footer-bottom .cta-container, .footer-1 .footer-section .antsand-hero-cta, .footer-1 .antsand-footer-bottom .antsand-hero-cta, .antsand-footer .footer-section .antsand-hero-cta, .antsand-footer .antsand-footer-bottom .antsand-hero-cta {
      display: flex;
      gap: 1.5rem; }
      .footer-1 .footer-section .cta-container .cta, .footer-1 .antsand-footer-bottom .cta-container .cta, .antsand-footer .footer-section .cta-container .cta, .antsand-footer .antsand-footer-bottom .cta-container .cta, .footer-1 .footer-section .antsand-hero-cta .cta, .footer-1 .antsand-footer-bottom .antsand-hero-cta .cta, .antsand-footer .footer-section .antsand-hero-cta .cta, .antsand-footer .antsand-footer-bottom .antsand-hero-cta .cta, .footer-1 .footer-section .cta-container .antsand-pricing-cta, .footer-1 .antsand-footer-bottom .cta-container .antsand-pricing-cta, .antsand-footer .footer-section .cta-container .antsand-pricing-cta, .antsand-footer .antsand-footer-bottom .cta-container .antsand-pricing-cta, .footer-1 .footer-section .antsand-hero-cta .antsand-pricing-cta, .footer-1 .antsand-footer-bottom .antsand-hero-cta .antsand-pricing-cta, .antsand-footer .footer-section .antsand-hero-cta .antsand-pricing-cta, .antsand-footer .antsand-footer-bottom .antsand-hero-cta .antsand-pricing-cta {
        font-size: 0.875rem;
        text-decoration: none;
        transition: color 250ms ease; }
  .footer-1 .container, .footer-1 .antsand-footer-grid, .antsand-footer .container, .antsand-footer .antsand-footer-grid,
  .footer-1 .data-container,
  .antsand-footer .data-container {
    gap: 1.5rem;
    row-gap: 2rem; }
  .footer-1 .header-section, .antsand-footer .header-section {
    display: none; }
  .footer-1 .sub-container:first-child, .footer-1 .antsand-footer-column:first-child, .antsand-footer .sub-container:first-child, .antsand-footer .antsand-footer-column:first-child, .footer-1 .antsand-feature-item:first-child, .antsand-footer .antsand-feature-item:first-child, .footer-1 .antsand-pricing-card:first-child, .antsand-footer .antsand-pricing-card:first-child {
    min-width: min(100%, 20rem); }
  .footer-1 .sub-container .content-wrapper, .footer-1 .antsand-footer-column .content-wrapper, .antsand-footer .sub-container .content-wrapper, .antsand-footer .antsand-footer-column .content-wrapper, .footer-1 .antsand-feature-item .content-wrapper, .antsand-footer .antsand-feature-item .content-wrapper, .footer-1 .antsand-pricing-card .content-wrapper, .antsand-footer .antsand-pricing-card .content-wrapper {
    max-width: 34rem; }
  .footer-1 .sub-container .title, .footer-1 .antsand-footer-column .title, .antsand-footer .sub-container .title, .antsand-footer .antsand-footer-column .title, .footer-1 .antsand-feature-item .title, .antsand-footer .antsand-feature-item .title, .footer-1 .antsand-pricing-card .title, .antsand-footer .antsand-pricing-card .title, .footer-1 .sub-container .antsand-hero-title, .footer-1 .antsand-footer-column .antsand-hero-title, .antsand-footer .sub-container .antsand-hero-title, .antsand-footer .antsand-footer-column .antsand-hero-title, .footer-1 .antsand-feature-item .antsand-hero-title, .antsand-footer .antsand-feature-item .antsand-hero-title, .footer-1 .antsand-pricing-card .antsand-hero-title, .antsand-footer .antsand-pricing-card .antsand-hero-title, .footer-1 .sub-container .antsand-feature-title, .footer-1 .antsand-footer-column .antsand-feature-title, .antsand-footer .sub-container .antsand-feature-title, .antsand-footer .antsand-footer-column .antsand-feature-title, .footer-1 .antsand-feature-item .antsand-feature-title, .antsand-footer .antsand-feature-item .antsand-feature-title, .footer-1 .antsand-pricing-card .antsand-feature-title, .antsand-footer .antsand-pricing-card .antsand-feature-title {
    color: white;
    font-size: 1rem;
    letter-spacing: 0.01em;
    margin-bottom: 0.5rem; }
  .footer-1 .sub-container .description, .footer-1 .antsand-footer-column .description, .antsand-footer .sub-container .description, .antsand-footer .antsand-footer-column .description, .footer-1 .antsand-feature-item .description, .antsand-footer .antsand-feature-item .description, .footer-1 .antsand-pricing-card .description, .antsand-footer .antsand-pricing-card .description, .footer-1 .sub-container .antsand-hero-subtitle, .footer-1 .antsand-footer-column .antsand-hero-subtitle, .antsand-footer .sub-container .antsand-hero-subtitle, .antsand-footer .antsand-footer-column .antsand-hero-subtitle, .footer-1 .antsand-feature-item .antsand-hero-subtitle, .antsand-footer .antsand-feature-item .antsand-hero-subtitle, .footer-1 .antsand-pricing-card .antsand-hero-subtitle, .antsand-footer .antsand-pricing-card .antsand-hero-subtitle, .footer-1 .sub-container .antsand-feature-desc, .footer-1 .antsand-footer-column .antsand-feature-desc, .antsand-footer .sub-container .antsand-feature-desc, .antsand-footer .antsand-footer-column .antsand-feature-desc, .footer-1 .antsand-feature-item .antsand-feature-desc, .antsand-footer .antsand-feature-item .antsand-feature-desc, .footer-1 .antsand-pricing-card .antsand-feature-desc, .antsand-footer .antsand-pricing-card .antsand-feature-desc {
    color: #ced4da;
    font-size: 0.875rem;
    line-height: 1.75;
    margin-bottom: 0.5rem; }
  .footer-1 .sub-container li a, .footer-1 .antsand-footer-column li a, .antsand-footer .sub-container li a, .antsand-footer .antsand-footer-column li a, .footer-1 .antsand-feature-item li a, .antsand-footer .antsand-feature-item li a, .footer-1 .antsand-pricing-card li a, .antsand-footer .antsand-pricing-card li a {
    color: #ced4da;
    font-size: 0.875rem;
    line-height: 1.5; }
    .footer-1 .sub-container li a:hover, .footer-1 .antsand-footer-column li a:hover, .antsand-footer .sub-container li a:hover, .antsand-footer .antsand-footer-column li a:hover, .footer-1 .antsand-feature-item li a:hover, .antsand-footer .antsand-feature-item li a:hover, .footer-1 .antsand-pricing-card li a:hover, .antsand-footer .antsand-pricing-card li a:hover {
      color: white; }
  .footer-1 .sub-container .social-container, .footer-1 .sub-container .antsand-footer-social, .footer-1 .antsand-footer-column .social-container, .footer-1 .antsand-footer-column .antsand-footer-social, .antsand-footer .sub-container .social-container, .antsand-footer .sub-container .antsand-footer-social, .antsand-footer .antsand-footer-column .social-container, .antsand-footer .antsand-footer-column .antsand-footer-social, .footer-1 .antsand-feature-item .social-container, .footer-1 .antsand-feature-item .antsand-footer-social, .antsand-footer .antsand-feature-item .social-container, .antsand-footer .antsand-feature-item .antsand-footer-social, .footer-1 .antsand-pricing-card .social-container, .footer-1 .antsand-pricing-card .antsand-footer-social, .antsand-footer .antsand-pricing-card .social-container, .antsand-footer .antsand-pricing-card .antsand-footer-social {
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.5rem; }
  .footer-1 .sub-container .social-container .social, .footer-1 .sub-container .antsand-footer-social .social, .footer-1 .antsand-footer-column .social-container .social, .footer-1 .antsand-footer-column .antsand-footer-social .social, .antsand-footer .sub-container .social-container .social, .antsand-footer .sub-container .antsand-footer-social .social, .antsand-footer .antsand-footer-column .social-container .social, .antsand-footer .antsand-footer-column .antsand-footer-social .social, .footer-1 .antsand-feature-item .social-container .social, .footer-1 .antsand-feature-item .antsand-footer-social .social, .antsand-footer .antsand-feature-item .social-container .social, .antsand-footer .antsand-feature-item .antsand-footer-social .social, .footer-1 .antsand-pricing-card .social-container .social, .footer-1 .antsand-pricing-card .antsand-footer-social .social, .antsand-footer .antsand-pricing-card .social-container .social, .antsand-footer .antsand-pricing-card .antsand-footer-social .social,
  .footer-1 .sub-container .social-container .social > a,
  .footer-1 .sub-container .antsand-footer-social .social > a,
  .footer-1 .antsand-footer-column .social-container .social > a,
  .footer-1 .antsand-footer-column .antsand-footer-social .social > a,
  .antsand-footer .sub-container .social-container .social > a,
  .antsand-footer .sub-container .antsand-footer-social .social > a,
  .antsand-footer .antsand-footer-column .social-container .social > a,
  .antsand-footer .antsand-footer-column .antsand-footer-social .social > a,
  .footer-1 .antsand-feature-item .social-container .social > a,
  .footer-1 .antsand-feature-item .antsand-footer-social .social > a,
  .antsand-footer .antsand-feature-item .social-container .social > a,
  .antsand-footer .antsand-feature-item .antsand-footer-social .social > a,
  .footer-1 .antsand-pricing-card .social-container .social > a,
  .footer-1 .antsand-pricing-card .antsand-footer-social .social > a,
  .antsand-footer .antsand-pricing-card .social-container .social > a,
  .antsand-footer .antsand-pricing-card .antsand-footer-social .social > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px; }
  .footer-1 .sub-container .social-container .social, .footer-1 .sub-container .antsand-footer-social .social, .footer-1 .antsand-footer-column .social-container .social, .footer-1 .antsand-footer-column .antsand-footer-social .social, .antsand-footer .sub-container .social-container .social, .antsand-footer .sub-container .antsand-footer-social .social, .antsand-footer .antsand-footer-column .social-container .social, .antsand-footer .antsand-footer-column .antsand-footer-social .social, .footer-1 .antsand-feature-item .social-container .social, .footer-1 .antsand-feature-item .antsand-footer-social .social, .antsand-footer .antsand-feature-item .social-container .social, .antsand-footer .antsand-feature-item .antsand-footer-social .social, .footer-1 .antsand-pricing-card .social-container .social, .footer-1 .antsand-pricing-card .antsand-footer-social .social, .antsand-footer .antsand-pricing-card .social-container .social, .antsand-footer .antsand-pricing-card .antsand-footer-social .social {
    background-color: rgba(255, 255, 255, 0.08);
    color: #ced4da;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06); }
    .footer-1 .sub-container .social-container .social:hover, .footer-1 .sub-container .antsand-footer-social .social:hover, .footer-1 .antsand-footer-column .social-container .social:hover, .footer-1 .antsand-footer-column .antsand-footer-social .social:hover, .antsand-footer .sub-container .social-container .social:hover, .antsand-footer .sub-container .antsand-footer-social .social:hover, .antsand-footer .antsand-footer-column .social-container .social:hover, .antsand-footer .antsand-footer-column .antsand-footer-social .social:hover, .footer-1 .antsand-feature-item .social-container .social:hover, .footer-1 .antsand-feature-item .antsand-footer-social .social:hover, .antsand-footer .antsand-feature-item .social-container .social:hover, .antsand-footer .antsand-feature-item .antsand-footer-social .social:hover, .footer-1 .antsand-pricing-card .social-container .social:hover, .footer-1 .antsand-pricing-card .antsand-footer-social .social:hover, .antsand-footer .antsand-pricing-card .social-container .social:hover, .antsand-footer .antsand-pricing-card .antsand-footer-social .social:hover {
      background-color: rgba(255, 255, 255, 0.14);
      color: white;
      border-color: rgba(255, 255, 255, 0.24); }
    .footer-1 .sub-container .social-container .social svg, .footer-1 .sub-container .antsand-footer-social .social svg, .footer-1 .antsand-footer-column .social-container .social svg, .footer-1 .antsand-footer-column .antsand-footer-social .social svg, .antsand-footer .sub-container .social-container .social svg, .antsand-footer .sub-container .antsand-footer-social .social svg, .antsand-footer .antsand-footer-column .social-container .social svg, .antsand-footer .antsand-footer-column .antsand-footer-social .social svg, .footer-1 .antsand-feature-item .social-container .social svg, .footer-1 .antsand-feature-item .antsand-footer-social .social svg, .antsand-footer .antsand-feature-item .social-container .social svg, .antsand-footer .antsand-feature-item .antsand-footer-social .social svg, .footer-1 .antsand-pricing-card .social-container .social svg, .footer-1 .antsand-pricing-card .antsand-footer-social .social svg, .antsand-footer .antsand-pricing-card .social-container .social svg, .antsand-footer .antsand-pricing-card .antsand-footer-social .social svg {
      width: 1rem;
      height: 1rem; }
  .footer-1 .footer-section, .footer-1 .antsand-footer-bottom, .antsand-footer .footer-section, .antsand-footer .antsand-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 1rem;
    margin-top: 1rem; }
    .footer-1 .footer-section .title, .footer-1 .antsand-footer-bottom .title, .antsand-footer .footer-section .title, .antsand-footer .antsand-footer-bottom .title, .footer-1 .footer-section .antsand-hero-title, .footer-1 .antsand-footer-bottom .antsand-hero-title, .antsand-footer .footer-section .antsand-hero-title, .antsand-footer .antsand-footer-bottom .antsand-hero-title, .footer-1 .footer-section .antsand-feature-title, .footer-1 .antsand-footer-bottom .antsand-feature-title, .antsand-footer .footer-section .antsand-feature-title, .antsand-footer .antsand-footer-bottom .antsand-feature-title {
      color: #adb5bd;
      font-size: 0.75rem; }
    .footer-1 .footer-section .cta, .footer-1 .antsand-footer-bottom .cta, .antsand-footer .footer-section .cta, .antsand-footer .antsand-footer-bottom .cta, .footer-1 .footer-section .antsand-pricing-cta, .footer-1 .antsand-footer-bottom .antsand-pricing-cta, .antsand-footer .footer-section .antsand-pricing-cta, .antsand-footer .antsand-footer-bottom .antsand-pricing-cta {
      color: #adb5bd;
      font-size: 0.75rem; }
      .footer-1 .footer-section .cta:hover, .footer-1 .antsand-footer-bottom .cta:hover, .antsand-footer .footer-section .cta:hover, .antsand-footer .antsand-footer-bottom .cta:hover, .footer-1 .footer-section .antsand-pricing-cta:hover, .footer-1 .antsand-footer-bottom .antsand-pricing-cta:hover, .antsand-footer .footer-section .antsand-pricing-cta:hover, .antsand-footer .antsand-footer-bottom .antsand-pricing-cta:hover {
        color: white; }

.footer-2, .antsand-footer-light {
  padding: 4rem 0 1.5rem 0;
  background-color: #f8f9fa;
  color: #495057; }
  .footer-2 .container, .footer-2 .antsand-footer-grid, .antsand-footer-light .container, .antsand-footer-light .antsand-footer-grid, .footer-2 .data-container, .antsand-footer-light .data-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 3rem; }
    @media (max-width: 640px) {
      .footer-2 .container, .footer-2 .antsand-footer-grid, .antsand-footer-light .container, .antsand-footer-light .antsand-footer-grid, .footer-2 .data-container, .antsand-footer-light .data-container {
        grid-template-columns: 1fr;
        gap: 1.5rem; } }
  .footer-2 .sub-container .title, .footer-2 .antsand-footer-column .title, .antsand-footer-light .sub-container .title, .antsand-footer-light .antsand-footer-column .title, .footer-2 .antsand-feature-item .title, .antsand-footer-light .antsand-feature-item .title, .footer-2 .antsand-pricing-card .title, .antsand-footer-light .antsand-pricing-card .title, .footer-2 .sub-container .antsand-hero-title, .footer-2 .antsand-footer-column .antsand-hero-title, .antsand-footer-light .sub-container .antsand-hero-title, .antsand-footer-light .antsand-footer-column .antsand-hero-title, .footer-2 .antsand-feature-item .antsand-hero-title, .antsand-footer-light .antsand-feature-item .antsand-hero-title, .footer-2 .antsand-pricing-card .antsand-hero-title, .antsand-footer-light .antsand-pricing-card .antsand-hero-title, .footer-2 .sub-container .antsand-feature-title, .footer-2 .antsand-footer-column .antsand-feature-title, .antsand-footer-light .sub-container .antsand-feature-title, .antsand-footer-light .antsand-footer-column .antsand-feature-title, .footer-2 .antsand-feature-item .antsand-feature-title, .antsand-footer-light .antsand-feature-item .antsand-feature-title, .footer-2 .antsand-pricing-card .antsand-feature-title, .antsand-footer-light .antsand-pricing-card .antsand-feature-title {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1.3; }
  .footer-2 .sub-container .description, .footer-2 .antsand-footer-column .description, .antsand-footer-light .sub-container .description, .antsand-footer-light .antsand-footer-column .description, .footer-2 .antsand-feature-item .description, .antsand-footer-light .antsand-feature-item .description, .footer-2 .antsand-pricing-card .description, .antsand-footer-light .antsand-pricing-card .description, .footer-2 .sub-container .antsand-hero-subtitle, .footer-2 .antsand-footer-column .antsand-hero-subtitle, .antsand-footer-light .sub-container .antsand-hero-subtitle, .antsand-footer-light .antsand-footer-column .antsand-hero-subtitle, .footer-2 .antsand-feature-item .antsand-hero-subtitle, .antsand-footer-light .antsand-feature-item .antsand-hero-subtitle, .footer-2 .antsand-pricing-card .antsand-hero-subtitle, .antsand-footer-light .antsand-pricing-card .antsand-hero-subtitle, .footer-2 .sub-container .antsand-feature-desc, .footer-2 .antsand-footer-column .antsand-feature-desc, .antsand-footer-light .sub-container .antsand-feature-desc, .antsand-footer-light .antsand-footer-column .antsand-feature-desc, .footer-2 .antsand-feature-item .antsand-feature-desc, .antsand-footer-light .antsand-feature-item .antsand-feature-desc, .footer-2 .antsand-pricing-card .antsand-feature-desc, .antsand-footer-light .antsand-pricing-card .antsand-feature-desc {
    font-size: 1rem;
    line-height: 1.75;
    margin-bottom: 1rem; }
  .footer-2 .sub-container ul, .footer-2 .antsand-footer-column ul, .antsand-footer-light .sub-container ul, .antsand-footer-light .antsand-footer-column ul, .footer-2 .antsand-feature-item ul, .antsand-footer-light .antsand-feature-item ul, .footer-2 .antsand-pricing-card ul, .antsand-footer-light .antsand-pricing-card ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .footer-2 .sub-container li, .footer-2 .antsand-footer-column li, .antsand-footer-light .sub-container li, .antsand-footer-light .antsand-footer-column li, .footer-2 .antsand-feature-item li, .antsand-footer-light .antsand-feature-item li, .footer-2 .antsand-pricing-card li, .antsand-footer-light .antsand-pricing-card li {
    margin-bottom: 0.5rem; }
    .footer-2 .sub-container li a, .footer-2 .antsand-footer-column li a, .antsand-footer-light .sub-container li a, .antsand-footer-light .antsand-footer-column li a, .footer-2 .antsand-feature-item li a, .antsand-footer-light .antsand-feature-item li a, .footer-2 .antsand-pricing-card li a, .antsand-footer-light .antsand-pricing-card li a {
      text-decoration: none;
      transition: color 250ms ease; }
  .footer-2 .sub-container .cta-container, .footer-2 .antsand-footer-column .cta-container, .antsand-footer-light .sub-container .cta-container, .antsand-footer-light .antsand-footer-column .cta-container, .footer-2 .antsand-feature-item .cta-container, .antsand-footer-light .antsand-feature-item .cta-container, .footer-2 .antsand-pricing-card .cta-container, .antsand-footer-light .antsand-pricing-card .cta-container, .footer-2 .sub-container .antsand-hero-cta, .footer-2 .antsand-footer-column .antsand-hero-cta, .antsand-footer-light .sub-container .antsand-hero-cta, .antsand-footer-light .antsand-footer-column .antsand-hero-cta, .footer-2 .antsand-feature-item .antsand-hero-cta, .antsand-footer-light .antsand-feature-item .antsand-hero-cta, .footer-2 .antsand-pricing-card .antsand-hero-cta, .antsand-footer-light .antsand-pricing-card .antsand-hero-cta {
    margin-top: 1rem; }
  .footer-2 .sub-container .social-container, .footer-2 .sub-container .antsand-footer-social, .footer-2 .antsand-footer-column .social-container, .footer-2 .antsand-footer-column .antsand-footer-social, .antsand-footer-light .sub-container .social-container, .antsand-footer-light .sub-container .antsand-footer-social, .antsand-footer-light .antsand-footer-column .social-container, .antsand-footer-light .antsand-footer-column .antsand-footer-social, .footer-2 .antsand-feature-item .social-container, .footer-2 .antsand-feature-item .antsand-footer-social, .antsand-footer-light .antsand-feature-item .social-container, .antsand-footer-light .antsand-feature-item .antsand-footer-social, .footer-2 .antsand-pricing-card .social-container, .footer-2 .antsand-pricing-card .antsand-footer-social, .antsand-footer-light .antsand-pricing-card .social-container, .antsand-footer-light .antsand-pricing-card .antsand-footer-social {
    display: flex;
    gap: 1rem;
    margin-top: 1rem; }
    .footer-2 .sub-container .social-container .social, .footer-2 .sub-container .antsand-footer-social .social, .footer-2 .antsand-footer-column .social-container .social, .footer-2 .antsand-footer-column .antsand-footer-social .social, .antsand-footer-light .sub-container .social-container .social, .antsand-footer-light .sub-container .antsand-footer-social .social, .antsand-footer-light .antsand-footer-column .social-container .social, .antsand-footer-light .antsand-footer-column .antsand-footer-social .social, .footer-2 .antsand-feature-item .social-container .social, .footer-2 .antsand-feature-item .antsand-footer-social .social, .antsand-footer-light .antsand-feature-item .social-container .social, .antsand-footer-light .antsand-feature-item .antsand-footer-social .social, .footer-2 .antsand-pricing-card .social-container .social, .footer-2 .antsand-pricing-card .antsand-footer-social .social, .antsand-footer-light .antsand-pricing-card .social-container .social, .antsand-footer-light .antsand-pricing-card .antsand-footer-social .social {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 2.25rem;
      height: 2.25rem;
      border-radius: 50%;
      text-decoration: none;
      transition: all 250ms ease; }
      .footer-2 .sub-container .social-container .social i, .footer-2 .sub-container .antsand-footer-social .social i, .footer-2 .antsand-footer-column .social-container .social i, .footer-2 .antsand-footer-column .antsand-footer-social .social i, .antsand-footer-light .sub-container .social-container .social i, .antsand-footer-light .sub-container .antsand-footer-social .social i, .antsand-footer-light .antsand-footer-column .social-container .social i, .antsand-footer-light .antsand-footer-column .antsand-footer-social .social i, .footer-2 .antsand-feature-item .social-container .social i, .footer-2 .antsand-feature-item .antsand-footer-social .social i, .antsand-footer-light .antsand-feature-item .social-container .social i, .antsand-footer-light .antsand-feature-item .antsand-footer-social .social i, .footer-2 .antsand-pricing-card .social-container .social i, .footer-2 .antsand-pricing-card .antsand-footer-social .social i, .antsand-footer-light .antsand-pricing-card .social-container .social i, .antsand-footer-light .antsand-pricing-card .antsand-footer-social .social i {
        font-size: 1rem; }
      .footer-2 .sub-container .social-container .social:hover, .footer-2 .sub-container .antsand-footer-social .social:hover, .footer-2 .antsand-footer-column .social-container .social:hover, .footer-2 .antsand-footer-column .antsand-footer-social .social:hover, .antsand-footer-light .sub-container .social-container .social:hover, .antsand-footer-light .sub-container .antsand-footer-social .social:hover, .antsand-footer-light .antsand-footer-column .social-container .social:hover, .antsand-footer-light .antsand-footer-column .antsand-footer-social .social:hover, .footer-2 .antsand-feature-item .social-container .social:hover, .footer-2 .antsand-feature-item .antsand-footer-social .social:hover, .antsand-footer-light .antsand-feature-item .social-container .social:hover, .antsand-footer-light .antsand-feature-item .antsand-footer-social .social:hover, .footer-2 .antsand-pricing-card .social-container .social:hover, .footer-2 .antsand-pricing-card .antsand-footer-social .social:hover, .antsand-footer-light .antsand-pricing-card .social-container .social:hover, .antsand-footer-light .antsand-pricing-card .antsand-footer-social .social:hover {
        transform: translateY(-2px); }
  .footer-2 .sub-container .img-container, .footer-2 .antsand-footer-column .img-container, .antsand-footer-light .sub-container .img-container, .antsand-footer-light .antsand-footer-column .img-container, .footer-2 .antsand-feature-item .img-container, .antsand-footer-light .antsand-feature-item .img-container, .footer-2 .antsand-pricing-card .img-container, .antsand-footer-light .antsand-pricing-card .img-container, .footer-2 .sub-container .antsand-hero-image, .footer-2 .antsand-footer-column .antsand-hero-image, .antsand-footer-light .sub-container .antsand-hero-image, .antsand-footer-light .antsand-footer-column .antsand-hero-image, .footer-2 .antsand-feature-item .antsand-hero-image, .antsand-footer-light .antsand-feature-item .antsand-hero-image, .footer-2 .antsand-pricing-card .antsand-hero-image, .antsand-footer-light .antsand-pricing-card .antsand-hero-image {
    margin-bottom: 1rem; }
    .footer-2 .sub-container .img-container img, .footer-2 .antsand-footer-column .img-container img, .antsand-footer-light .sub-container .img-container img, .antsand-footer-light .antsand-footer-column .img-container img, .footer-2 .antsand-feature-item .img-container img, .antsand-footer-light .antsand-feature-item .img-container img, .footer-2 .antsand-pricing-card .img-container img, .antsand-footer-light .antsand-pricing-card .img-container img, .footer-2 .sub-container .antsand-hero-image img, .footer-2 .antsand-footer-column .antsand-hero-image img, .antsand-footer-light .sub-container .antsand-hero-image img, .antsand-footer-light .antsand-footer-column .antsand-hero-image img, .footer-2 .antsand-feature-item .antsand-hero-image img, .antsand-footer-light .antsand-feature-item .antsand-hero-image img, .footer-2 .antsand-pricing-card .antsand-hero-image img, .antsand-footer-light .antsand-pricing-card .antsand-hero-image img {
      max-width: 100%;
      height: auto; }
  .footer-2 .footer-section, .footer-2 .antsand-footer-bottom, .antsand-footer-light .footer-section, .antsand-footer-light .antsand-footer-bottom {
    grid-column: 1 / -1;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem; }
    @media (max-width: 640px) {
      .footer-2 .footer-section, .footer-2 .antsand-footer-bottom, .antsand-footer-light .footer-section, .antsand-footer-light .antsand-footer-bottom {
        flex-direction: column;
        text-align: center; } }
    .footer-2 .footer-section .title, .footer-2 .antsand-footer-bottom .title, .antsand-footer-light .footer-section .title, .antsand-footer-light .antsand-footer-bottom .title, .footer-2 .footer-section .antsand-hero-title, .footer-2 .antsand-footer-bottom .antsand-hero-title, .antsand-footer-light .footer-section .antsand-hero-title, .antsand-footer-light .antsand-footer-bottom .antsand-hero-title, .footer-2 .footer-section .antsand-feature-title, .footer-2 .antsand-footer-bottom .antsand-feature-title, .antsand-footer-light .footer-section .antsand-feature-title, .antsand-footer-light .antsand-footer-bottom .antsand-feature-title {
      font-size: 0.875rem;
      margin: 0; }
    .footer-2 .footer-section .cta-container, .footer-2 .antsand-footer-bottom .cta-container, .antsand-footer-light .footer-section .cta-container, .antsand-footer-light .antsand-footer-bottom .cta-container, .footer-2 .footer-section .antsand-hero-cta, .footer-2 .antsand-footer-bottom .antsand-hero-cta, .antsand-footer-light .footer-section .antsand-hero-cta, .antsand-footer-light .antsand-footer-bottom .antsand-hero-cta {
      display: flex;
      gap: 1.5rem; }
      .footer-2 .footer-section .cta-container .cta, .footer-2 .antsand-footer-bottom .cta-container .cta, .antsand-footer-light .footer-section .cta-container .cta, .antsand-footer-light .antsand-footer-bottom .cta-container .cta, .footer-2 .footer-section .antsand-hero-cta .cta, .footer-2 .antsand-footer-bottom .antsand-hero-cta .cta, .antsand-footer-light .footer-section .antsand-hero-cta .cta, .antsand-footer-light .antsand-footer-bottom .antsand-hero-cta .cta, .footer-2 .footer-section .cta-container .antsand-pricing-cta, .footer-2 .antsand-footer-bottom .cta-container .antsand-pricing-cta, .antsand-footer-light .footer-section .cta-container .antsand-pricing-cta, .antsand-footer-light .antsand-footer-bottom .cta-container .antsand-pricing-cta, .footer-2 .footer-section .antsand-hero-cta .antsand-pricing-cta, .footer-2 .antsand-footer-bottom .antsand-hero-cta .antsand-pricing-cta, .antsand-footer-light .footer-section .antsand-hero-cta .antsand-pricing-cta, .antsand-footer-light .antsand-footer-bottom .antsand-hero-cta .antsand-pricing-cta {
        font-size: 0.875rem;
        text-decoration: none;
        transition: color 250ms ease; }
  .footer-2 .sub-container .title, .footer-2 .antsand-footer-column .title, .antsand-footer-light .sub-container .title, .antsand-footer-light .antsand-footer-column .title, .footer-2 .antsand-feature-item .title, .antsand-footer-light .antsand-feature-item .title, .footer-2 .antsand-pricing-card .title, .antsand-footer-light .antsand-pricing-card .title, .footer-2 .sub-container .antsand-hero-title, .footer-2 .antsand-footer-column .antsand-hero-title, .antsand-footer-light .sub-container .antsand-hero-title, .antsand-footer-light .antsand-footer-column .antsand-hero-title, .footer-2 .antsand-feature-item .antsand-hero-title, .antsand-footer-light .antsand-feature-item .antsand-hero-title, .footer-2 .antsand-pricing-card .antsand-hero-title, .antsand-footer-light .antsand-pricing-card .antsand-hero-title, .footer-2 .sub-container .antsand-feature-title, .footer-2 .antsand-footer-column .antsand-feature-title, .antsand-footer-light .sub-container .antsand-feature-title, .antsand-footer-light .antsand-footer-column .antsand-feature-title, .footer-2 .antsand-feature-item .antsand-feature-title, .antsand-footer-light .antsand-feature-item .antsand-feature-title, .footer-2 .antsand-pricing-card .antsand-feature-title, .antsand-footer-light .antsand-pricing-card .antsand-feature-title {
    color: #212529; }
  .footer-2 .sub-container .description, .footer-2 .antsand-footer-column .description, .antsand-footer-light .sub-container .description, .antsand-footer-light .antsand-footer-column .description, .footer-2 .antsand-feature-item .description, .antsand-footer-light .antsand-feature-item .description, .footer-2 .antsand-pricing-card .description, .antsand-footer-light .antsand-pricing-card .description, .footer-2 .sub-container .antsand-hero-subtitle, .footer-2 .antsand-footer-column .antsand-hero-subtitle, .antsand-footer-light .sub-container .antsand-hero-subtitle, .antsand-footer-light .antsand-footer-column .antsand-hero-subtitle, .footer-2 .antsand-feature-item .antsand-hero-subtitle, .antsand-footer-light .antsand-feature-item .antsand-hero-subtitle, .footer-2 .antsand-pricing-card .antsand-hero-subtitle, .antsand-footer-light .antsand-pricing-card .antsand-hero-subtitle, .footer-2 .sub-container .antsand-feature-desc, .footer-2 .antsand-footer-column .antsand-feature-desc, .antsand-footer-light .sub-container .antsand-feature-desc, .antsand-footer-light .antsand-footer-column .antsand-feature-desc, .footer-2 .antsand-feature-item .antsand-feature-desc, .antsand-footer-light .antsand-feature-item .antsand-feature-desc, .footer-2 .antsand-pricing-card .antsand-feature-desc, .antsand-footer-light .antsand-pricing-card .antsand-feature-desc {
    color: #6c757d; }
  .footer-2 .sub-container li a, .footer-2 .antsand-footer-column li a, .antsand-footer-light .sub-container li a, .antsand-footer-light .antsand-footer-column li a, .footer-2 .antsand-feature-item li a, .antsand-footer-light .antsand-feature-item li a, .footer-2 .antsand-pricing-card li a, .antsand-footer-light .antsand-pricing-card li a, .footer-2 .sub-container .h4 a, .footer-2 .antsand-footer-column .h4 a, .antsand-footer-light .sub-container .h4 a, .antsand-footer-light .antsand-footer-column .h4 a, .footer-2 .antsand-feature-item .h4 a, .antsand-footer-light .antsand-feature-item .h4 a, .footer-2 .antsand-pricing-card .h4 a, .antsand-footer-light .antsand-pricing-card .h4 a {
    color: #6c757d; }
    .footer-2 .sub-container li a:hover, .footer-2 .antsand-footer-column li a:hover, .antsand-footer-light .sub-container li a:hover, .antsand-footer-light .antsand-footer-column li a:hover, .footer-2 .antsand-feature-item li a:hover, .antsand-footer-light .antsand-feature-item li a:hover, .footer-2 .antsand-pricing-card li a:hover, .antsand-footer-light .antsand-pricing-card li a:hover, .footer-2 .sub-container .h4 a:hover, .footer-2 .antsand-footer-column .h4 a:hover, .antsand-footer-light .sub-container .h4 a:hover, .antsand-footer-light .antsand-footer-column .h4 a:hover, .footer-2 .antsand-feature-item .h4 a:hover, .antsand-footer-light .antsand-feature-item .h4 a:hover, .footer-2 .antsand-pricing-card .h4 a:hover, .antsand-footer-light .antsand-pricing-card .h4 a:hover {
      color: #3498db; }
  .footer-2 .sub-container .social-container .social, .footer-2 .sub-container .antsand-footer-social .social, .footer-2 .antsand-footer-column .social-container .social, .footer-2 .antsand-footer-column .antsand-footer-social .social, .antsand-footer-light .sub-container .social-container .social, .antsand-footer-light .sub-container .antsand-footer-social .social, .antsand-footer-light .antsand-footer-column .social-container .social, .antsand-footer-light .antsand-footer-column .antsand-footer-social .social, .footer-2 .antsand-feature-item .social-container .social, .footer-2 .antsand-feature-item .antsand-footer-social .social, .antsand-footer-light .antsand-feature-item .social-container .social, .antsand-footer-light .antsand-feature-item .antsand-footer-social .social, .footer-2 .antsand-pricing-card .social-container .social, .footer-2 .antsand-pricing-card .antsand-footer-social .social, .antsand-footer-light .antsand-pricing-card .social-container .social, .antsand-footer-light .antsand-pricing-card .antsand-footer-social .social {
    background-color: white;
    color: #6c757d;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
    .footer-2 .sub-container .social-container .social:hover, .footer-2 .sub-container .antsand-footer-social .social:hover, .footer-2 .antsand-footer-column .social-container .social:hover, .footer-2 .antsand-footer-column .antsand-footer-social .social:hover, .antsand-footer-light .sub-container .social-container .social:hover, .antsand-footer-light .sub-container .antsand-footer-social .social:hover, .antsand-footer-light .antsand-footer-column .social-container .social:hover, .antsand-footer-light .antsand-footer-column .antsand-footer-social .social:hover, .footer-2 .antsand-feature-item .social-container .social:hover, .footer-2 .antsand-feature-item .antsand-footer-social .social:hover, .antsand-footer-light .antsand-feature-item .social-container .social:hover, .antsand-footer-light .antsand-feature-item .antsand-footer-social .social:hover, .footer-2 .antsand-pricing-card .social-container .social:hover, .footer-2 .antsand-pricing-card .antsand-footer-social .social:hover, .antsand-footer-light .antsand-pricing-card .social-container .social:hover, .antsand-footer-light .antsand-pricing-card .antsand-footer-social .social:hover {
      background-color: #3498db;
      color: white; }
  .footer-2 .footer-section, .footer-2 .antsand-footer-bottom, .antsand-footer-light .footer-section, .antsand-footer-light .antsand-footer-bottom {
    border-top: 1px solid #dee2e6; }
    .footer-2 .footer-section .title, .footer-2 .antsand-footer-bottom .title, .antsand-footer-light .footer-section .title, .antsand-footer-light .antsand-footer-bottom .title, .footer-2 .footer-section .antsand-hero-title, .footer-2 .antsand-footer-bottom .antsand-hero-title, .antsand-footer-light .footer-section .antsand-hero-title, .antsand-footer-light .antsand-footer-bottom .antsand-hero-title, .footer-2 .footer-section .antsand-feature-title, .footer-2 .antsand-footer-bottom .antsand-feature-title, .antsand-footer-light .footer-section .antsand-feature-title, .antsand-footer-light .antsand-footer-bottom .antsand-feature-title {
      color: #6c757d; }
    .footer-2 .footer-section .cta, .footer-2 .antsand-footer-bottom .cta, .antsand-footer-light .footer-section .cta, .antsand-footer-light .antsand-footer-bottom .cta, .footer-2 .footer-section .antsand-pricing-cta, .footer-2 .antsand-footer-bottom .antsand-pricing-cta, .antsand-footer-light .footer-section .antsand-pricing-cta, .antsand-footer-light .antsand-footer-bottom .antsand-pricing-cta {
      color: #6c757d; }
      .footer-2 .footer-section .cta:hover, .footer-2 .antsand-footer-bottom .cta:hover, .antsand-footer-light .footer-section .cta:hover, .antsand-footer-light .antsand-footer-bottom .cta:hover, .footer-2 .footer-section .antsand-pricing-cta:hover, .footer-2 .antsand-footer-bottom .antsand-pricing-cta:hover, .antsand-footer-light .footer-section .antsand-pricing-cta:hover, .antsand-footer-light .antsand-footer-bottom .antsand-pricing-cta:hover {
        color: #3498db; }

.footer-3 {
  padding: 4rem 0 1.5rem 0;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: rgba(255, 255, 255, 0.8); }
  .footer-3 .container, .footer-3 .antsand-footer-grid, .footer-3 .data-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 3rem; }
    @media (max-width: 640px) {
      .footer-3 .container, .footer-3 .antsand-footer-grid, .footer-3 .data-container {
        grid-template-columns: 1fr;
        gap: 1.5rem; } }
  .footer-3 .sub-container .title, .footer-3 .antsand-footer-column .title, .footer-3 .antsand-feature-item .title, .footer-3 .antsand-pricing-card .title, .footer-3 .sub-container .antsand-hero-title, .footer-3 .antsand-footer-column .antsand-hero-title, .footer-3 .antsand-feature-item .antsand-hero-title, .footer-3 .antsand-pricing-card .antsand-hero-title, .footer-3 .sub-container .antsand-feature-title, .footer-3 .antsand-footer-column .antsand-feature-title, .footer-3 .antsand-feature-item .antsand-feature-title, .footer-3 .antsand-pricing-card .antsand-feature-title {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1.3; }
  .footer-3 .sub-container .description, .footer-3 .antsand-footer-column .description, .footer-3 .antsand-feature-item .description, .footer-3 .antsand-pricing-card .description, .footer-3 .sub-container .antsand-hero-subtitle, .footer-3 .antsand-footer-column .antsand-hero-subtitle, .footer-3 .antsand-feature-item .antsand-hero-subtitle, .footer-3 .antsand-pricing-card .antsand-hero-subtitle, .footer-3 .sub-container .antsand-feature-desc, .footer-3 .antsand-footer-column .antsand-feature-desc, .footer-3 .antsand-feature-item .antsand-feature-desc, .footer-3 .antsand-pricing-card .antsand-feature-desc {
    font-size: 1rem;
    line-height: 1.75;
    margin-bottom: 1rem; }
  .footer-3 .sub-container ul, .footer-3 .antsand-footer-column ul, .footer-3 .antsand-feature-item ul, .footer-3 .antsand-pricing-card ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .footer-3 .sub-container li, .footer-3 .antsand-footer-column li, .footer-3 .antsand-feature-item li, .footer-3 .antsand-pricing-card li {
    margin-bottom: 0.5rem; }
    .footer-3 .sub-container li a, .footer-3 .antsand-footer-column li a, .footer-3 .antsand-feature-item li a, .footer-3 .antsand-pricing-card li a {
      text-decoration: none;
      transition: color 250ms ease; }
  .footer-3 .sub-container .cta-container, .footer-3 .antsand-footer-column .cta-container, .footer-3 .antsand-feature-item .cta-container, .footer-3 .antsand-pricing-card .cta-container, .footer-3 .sub-container .antsand-hero-cta, .footer-3 .antsand-footer-column .antsand-hero-cta, .footer-3 .antsand-feature-item .antsand-hero-cta, .footer-3 .antsand-pricing-card .antsand-hero-cta {
    margin-top: 1rem; }
  .footer-3 .sub-container .social-container, .footer-3 .sub-container .antsand-footer-social, .footer-3 .antsand-footer-column .social-container, .footer-3 .antsand-footer-column .antsand-footer-social, .footer-3 .antsand-feature-item .social-container, .footer-3 .antsand-feature-item .antsand-footer-social, .footer-3 .antsand-pricing-card .social-container, .footer-3 .antsand-pricing-card .antsand-footer-social {
    display: flex;
    gap: 1rem;
    margin-top: 1rem; }
    .footer-3 .sub-container .social-container .social, .footer-3 .sub-container .antsand-footer-social .social, .footer-3 .antsand-footer-column .social-container .social, .footer-3 .antsand-footer-column .antsand-footer-social .social, .footer-3 .antsand-feature-item .social-container .social, .footer-3 .antsand-feature-item .antsand-footer-social .social, .footer-3 .antsand-pricing-card .social-container .social, .footer-3 .antsand-pricing-card .antsand-footer-social .social {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 2.25rem;
      height: 2.25rem;
      border-radius: 50%;
      text-decoration: none;
      transition: all 250ms ease; }
      .footer-3 .sub-container .social-container .social i, .footer-3 .sub-container .antsand-footer-social .social i, .footer-3 .antsand-footer-column .social-container .social i, .footer-3 .antsand-footer-column .antsand-footer-social .social i, .footer-3 .antsand-feature-item .social-container .social i, .footer-3 .antsand-feature-item .antsand-footer-social .social i, .footer-3 .antsand-pricing-card .social-container .social i, .footer-3 .antsand-pricing-card .antsand-footer-social .social i {
        font-size: 1rem; }
      .footer-3 .sub-container .social-container .social:hover, .footer-3 .sub-container .antsand-footer-social .social:hover, .footer-3 .antsand-footer-column .social-container .social:hover, .footer-3 .antsand-footer-column .antsand-footer-social .social:hover, .footer-3 .antsand-feature-item .social-container .social:hover, .footer-3 .antsand-feature-item .antsand-footer-social .social:hover, .footer-3 .antsand-pricing-card .social-container .social:hover, .footer-3 .antsand-pricing-card .antsand-footer-social .social:hover {
        transform: translateY(-2px); }
  .footer-3 .sub-container .img-container, .footer-3 .antsand-footer-column .img-container, .footer-3 .antsand-feature-item .img-container, .footer-3 .antsand-pricing-card .img-container, .footer-3 .sub-container .antsand-hero-image, .footer-3 .antsand-footer-column .antsand-hero-image, .footer-3 .antsand-feature-item .antsand-hero-image, .footer-3 .antsand-pricing-card .antsand-hero-image {
    margin-bottom: 1rem; }
    .footer-3 .sub-container .img-container img, .footer-3 .antsand-footer-column .img-container img, .footer-3 .antsand-feature-item .img-container img, .footer-3 .antsand-pricing-card .img-container img, .footer-3 .sub-container .antsand-hero-image img, .footer-3 .antsand-footer-column .antsand-hero-image img, .footer-3 .antsand-feature-item .antsand-hero-image img, .footer-3 .antsand-pricing-card .antsand-hero-image img {
      max-width: 100%;
      height: auto; }
  .footer-3 .footer-section, .footer-3 .antsand-footer-bottom {
    grid-column: 1 / -1;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem; }
    @media (max-width: 640px) {
      .footer-3 .footer-section, .footer-3 .antsand-footer-bottom {
        flex-direction: column;
        text-align: center; } }
    .footer-3 .footer-section .title, .footer-3 .antsand-footer-bottom .title, .footer-3 .footer-section .antsand-hero-title, .footer-3 .antsand-footer-bottom .antsand-hero-title, .footer-3 .footer-section .antsand-feature-title, .footer-3 .antsand-footer-bottom .antsand-feature-title {
      font-size: 0.875rem;
      margin: 0; }
    .footer-3 .footer-section .cta-container, .footer-3 .antsand-footer-bottom .cta-container, .footer-3 .footer-section .antsand-hero-cta, .footer-3 .antsand-footer-bottom .antsand-hero-cta {
      display: flex;
      gap: 1.5rem; }
      .footer-3 .footer-section .cta-container .cta, .footer-3 .antsand-footer-bottom .cta-container .cta, .footer-3 .footer-section .antsand-hero-cta .cta, .footer-3 .antsand-footer-bottom .antsand-hero-cta .cta, .footer-3 .footer-section .cta-container .antsand-pricing-cta, .footer-3 .antsand-footer-bottom .cta-container .antsand-pricing-cta, .footer-3 .footer-section .antsand-hero-cta .antsand-pricing-cta, .footer-3 .antsand-footer-bottom .antsand-hero-cta .antsand-pricing-cta {
        font-size: 0.875rem;
        text-decoration: none;
        transition: color 250ms ease; }
  .footer-3 .sub-container .title, .footer-3 .antsand-footer-column .title, .footer-3 .antsand-feature-item .title, .footer-3 .antsand-pricing-card .title, .footer-3 .sub-container .antsand-hero-title, .footer-3 .antsand-footer-column .antsand-hero-title, .footer-3 .antsand-feature-item .antsand-hero-title, .footer-3 .antsand-pricing-card .antsand-hero-title, .footer-3 .sub-container .antsand-feature-title, .footer-3 .antsand-footer-column .antsand-feature-title, .footer-3 .antsand-feature-item .antsand-feature-title, .footer-3 .antsand-pricing-card .antsand-feature-title {
    color: white; }
  .footer-3 .sub-container .description, .footer-3 .antsand-footer-column .description, .footer-3 .antsand-feature-item .description, .footer-3 .antsand-pricing-card .description, .footer-3 .sub-container .antsand-hero-subtitle, .footer-3 .antsand-footer-column .antsand-hero-subtitle, .footer-3 .antsand-feature-item .antsand-hero-subtitle, .footer-3 .antsand-pricing-card .antsand-hero-subtitle, .footer-3 .sub-container .antsand-feature-desc, .footer-3 .antsand-footer-column .antsand-feature-desc, .footer-3 .antsand-feature-item .antsand-feature-desc, .footer-3 .antsand-pricing-card .antsand-feature-desc {
    color: rgba(255, 255, 255, 0.7); }
  .footer-3 .sub-container li a, .footer-3 .antsand-footer-column li a, .footer-3 .antsand-feature-item li a, .footer-3 .antsand-pricing-card li a, .footer-3 .sub-container .h4 a, .footer-3 .antsand-footer-column .h4 a, .footer-3 .antsand-feature-item .h4 a, .footer-3 .antsand-pricing-card .h4 a {
    color: rgba(255, 255, 255, 0.7); }
    .footer-3 .sub-container li a:hover, .footer-3 .antsand-footer-column li a:hover, .footer-3 .antsand-feature-item li a:hover, .footer-3 .antsand-pricing-card li a:hover, .footer-3 .sub-container .h4 a:hover, .footer-3 .antsand-footer-column .h4 a:hover, .footer-3 .antsand-feature-item .h4 a:hover, .footer-3 .antsand-pricing-card .h4 a:hover {
      color: white; }
  .footer-3 .sub-container .social-container .social, .footer-3 .sub-container .antsand-footer-social .social, .footer-3 .antsand-footer-column .social-container .social, .footer-3 .antsand-footer-column .antsand-footer-social .social, .footer-3 .antsand-feature-item .social-container .social, .footer-3 .antsand-feature-item .antsand-footer-social .social, .footer-3 .antsand-pricing-card .social-container .social, .footer-3 .antsand-pricing-card .antsand-footer-social .social {
    background-color: rgba(255, 255, 255, 0.2);
    color: white; }
    .footer-3 .sub-container .social-container .social:hover, .footer-3 .sub-container .antsand-footer-social .social:hover, .footer-3 .antsand-footer-column .social-container .social:hover, .footer-3 .antsand-footer-column .antsand-footer-social .social:hover, .footer-3 .antsand-feature-item .social-container .social:hover, .footer-3 .antsand-feature-item .antsand-footer-social .social:hover, .footer-3 .antsand-pricing-card .social-container .social:hover, .footer-3 .antsand-pricing-card .antsand-footer-social .social:hover {
      background-color: white;
      color: #764ba2; }
  .footer-3 .footer-section, .footer-3 .antsand-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.2); }
    .footer-3 .footer-section .title, .footer-3 .antsand-footer-bottom .title, .footer-3 .footer-section .antsand-hero-title, .footer-3 .antsand-footer-bottom .antsand-hero-title, .footer-3 .footer-section .antsand-feature-title, .footer-3 .antsand-footer-bottom .antsand-feature-title {
      color: rgba(255, 255, 255, 0.6); }
    .footer-3 .footer-section .cta, .footer-3 .antsand-footer-bottom .cta, .footer-3 .footer-section .antsand-pricing-cta, .footer-3 .antsand-footer-bottom .antsand-pricing-cta {
      color: rgba(255, 255, 255, 0.6); }
      .footer-3 .footer-section .cta:hover, .footer-3 .antsand-footer-bottom .cta:hover, .footer-3 .footer-section .antsand-pricing-cta:hover, .footer-3 .antsand-footer-bottom .antsand-pricing-cta:hover {
        color: white; }

.footer-4 {
  padding: 4rem 0 1.5rem 0;
  background-color: white;
  color: #6c757d;
  border-top: 1px solid #e9ecef; }
  .footer-4 .container, .footer-4 .antsand-footer-grid, .footer-4 .data-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 3rem; }
    @media (max-width: 640px) {
      .footer-4 .container, .footer-4 .antsand-footer-grid, .footer-4 .data-container {
        grid-template-columns: 1fr;
        gap: 1.5rem; } }
  .footer-4 .sub-container .title, .footer-4 .antsand-footer-column .title, .footer-4 .antsand-feature-item .title, .footer-4 .antsand-pricing-card .title, .footer-4 .sub-container .antsand-hero-title, .footer-4 .antsand-footer-column .antsand-hero-title, .footer-4 .antsand-feature-item .antsand-hero-title, .footer-4 .antsand-pricing-card .antsand-hero-title, .footer-4 .sub-container .antsand-feature-title, .footer-4 .antsand-footer-column .antsand-feature-title, .footer-4 .antsand-feature-item .antsand-feature-title, .footer-4 .antsand-pricing-card .antsand-feature-title {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1.3; }
  .footer-4 .sub-container .description, .footer-4 .antsand-footer-column .description, .footer-4 .antsand-feature-item .description, .footer-4 .antsand-pricing-card .description, .footer-4 .sub-container .antsand-hero-subtitle, .footer-4 .antsand-footer-column .antsand-hero-subtitle, .footer-4 .antsand-feature-item .antsand-hero-subtitle, .footer-4 .antsand-pricing-card .antsand-hero-subtitle, .footer-4 .sub-container .antsand-feature-desc, .footer-4 .antsand-footer-column .antsand-feature-desc, .footer-4 .antsand-feature-item .antsand-feature-desc, .footer-4 .antsand-pricing-card .antsand-feature-desc {
    font-size: 1rem;
    line-height: 1.75;
    margin-bottom: 1rem; }
  .footer-4 .sub-container ul, .footer-4 .antsand-footer-column ul, .footer-4 .antsand-feature-item ul, .footer-4 .antsand-pricing-card ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .footer-4 .sub-container li, .footer-4 .antsand-footer-column li, .footer-4 .antsand-feature-item li, .footer-4 .antsand-pricing-card li {
    margin-bottom: 0.5rem; }
    .footer-4 .sub-container li a, .footer-4 .antsand-footer-column li a, .footer-4 .antsand-feature-item li a, .footer-4 .antsand-pricing-card li a {
      text-decoration: none;
      transition: color 250ms ease; }
  .footer-4 .sub-container .cta-container, .footer-4 .antsand-footer-column .cta-container, .footer-4 .antsand-feature-item .cta-container, .footer-4 .antsand-pricing-card .cta-container, .footer-4 .sub-container .antsand-hero-cta, .footer-4 .antsand-footer-column .antsand-hero-cta, .footer-4 .antsand-feature-item .antsand-hero-cta, .footer-4 .antsand-pricing-card .antsand-hero-cta {
    margin-top: 1rem; }
  .footer-4 .sub-container .social-container, .footer-4 .sub-container .antsand-footer-social, .footer-4 .antsand-footer-column .social-container, .footer-4 .antsand-footer-column .antsand-footer-social, .footer-4 .antsand-feature-item .social-container, .footer-4 .antsand-feature-item .antsand-footer-social, .footer-4 .antsand-pricing-card .social-container, .footer-4 .antsand-pricing-card .antsand-footer-social {
    display: flex;
    gap: 1rem;
    margin-top: 1rem; }
    .footer-4 .sub-container .social-container .social, .footer-4 .sub-container .antsand-footer-social .social, .footer-4 .antsand-footer-column .social-container .social, .footer-4 .antsand-footer-column .antsand-footer-social .social, .footer-4 .antsand-feature-item .social-container .social, .footer-4 .antsand-feature-item .antsand-footer-social .social, .footer-4 .antsand-pricing-card .social-container .social, .footer-4 .antsand-pricing-card .antsand-footer-social .social {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 2.25rem;
      height: 2.25rem;
      border-radius: 50%;
      text-decoration: none;
      transition: all 250ms ease; }
      .footer-4 .sub-container .social-container .social i, .footer-4 .sub-container .antsand-footer-social .social i, .footer-4 .antsand-footer-column .social-container .social i, .footer-4 .antsand-footer-column .antsand-footer-social .social i, .footer-4 .antsand-feature-item .social-container .social i, .footer-4 .antsand-feature-item .antsand-footer-social .social i, .footer-4 .antsand-pricing-card .social-container .social i, .footer-4 .antsand-pricing-card .antsand-footer-social .social i {
        font-size: 1rem; }
      .footer-4 .sub-container .social-container .social:hover, .footer-4 .sub-container .antsand-footer-social .social:hover, .footer-4 .antsand-footer-column .social-container .social:hover, .footer-4 .antsand-footer-column .antsand-footer-social .social:hover, .footer-4 .antsand-feature-item .social-container .social:hover, .footer-4 .antsand-feature-item .antsand-footer-social .social:hover, .footer-4 .antsand-pricing-card .social-container .social:hover, .footer-4 .antsand-pricing-card .antsand-footer-social .social:hover {
        transform: translateY(-2px); }
  .footer-4 .sub-container .img-container, .footer-4 .antsand-footer-column .img-container, .footer-4 .antsand-feature-item .img-container, .footer-4 .antsand-pricing-card .img-container, .footer-4 .sub-container .antsand-hero-image, .footer-4 .antsand-footer-column .antsand-hero-image, .footer-4 .antsand-feature-item .antsand-hero-image, .footer-4 .antsand-pricing-card .antsand-hero-image {
    margin-bottom: 1rem; }
    .footer-4 .sub-container .img-container img, .footer-4 .antsand-footer-column .img-container img, .footer-4 .antsand-feature-item .img-container img, .footer-4 .antsand-pricing-card .img-container img, .footer-4 .sub-container .antsand-hero-image img, .footer-4 .antsand-footer-column .antsand-hero-image img, .footer-4 .antsand-feature-item .antsand-hero-image img, .footer-4 .antsand-pricing-card .antsand-hero-image img {
      max-width: 100%;
      height: auto; }
  .footer-4 .footer-section, .footer-4 .antsand-footer-bottom {
    grid-column: 1 / -1;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem; }
    @media (max-width: 640px) {
      .footer-4 .footer-section, .footer-4 .antsand-footer-bottom {
        flex-direction: column;
        text-align: center; } }
    .footer-4 .footer-section .title, .footer-4 .antsand-footer-bottom .title, .footer-4 .footer-section .antsand-hero-title, .footer-4 .antsand-footer-bottom .antsand-hero-title, .footer-4 .footer-section .antsand-feature-title, .footer-4 .antsand-footer-bottom .antsand-feature-title {
      font-size: 0.875rem;
      margin: 0; }
    .footer-4 .footer-section .cta-container, .footer-4 .antsand-footer-bottom .cta-container, .footer-4 .footer-section .antsand-hero-cta, .footer-4 .antsand-footer-bottom .antsand-hero-cta {
      display: flex;
      gap: 1.5rem; }
      .footer-4 .footer-section .cta-container .cta, .footer-4 .antsand-footer-bottom .cta-container .cta, .footer-4 .footer-section .antsand-hero-cta .cta, .footer-4 .antsand-footer-bottom .antsand-hero-cta .cta, .footer-4 .footer-section .cta-container .antsand-pricing-cta, .footer-4 .antsand-footer-bottom .cta-container .antsand-pricing-cta, .footer-4 .footer-section .antsand-hero-cta .antsand-pricing-cta, .footer-4 .antsand-footer-bottom .antsand-hero-cta .antsand-pricing-cta {
        font-size: 0.875rem;
        text-decoration: none;
        transition: color 250ms ease; }
  .footer-4 .sub-container .title, .footer-4 .antsand-footer-column .title, .footer-4 .antsand-feature-item .title, .footer-4 .antsand-pricing-card .title, .footer-4 .sub-container .antsand-hero-title, .footer-4 .antsand-footer-column .antsand-hero-title, .footer-4 .antsand-feature-item .antsand-hero-title, .footer-4 .antsand-pricing-card .antsand-hero-title, .footer-4 .sub-container .antsand-feature-title, .footer-4 .antsand-footer-column .antsand-feature-title, .footer-4 .antsand-feature-item .antsand-feature-title, .footer-4 .antsand-pricing-card .antsand-feature-title {
    color: #212529;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em; }
  .footer-4 .sub-container .description, .footer-4 .antsand-footer-column .description, .footer-4 .antsand-feature-item .description, .footer-4 .antsand-pricing-card .description, .footer-4 .sub-container .antsand-hero-subtitle, .footer-4 .antsand-footer-column .antsand-hero-subtitle, .footer-4 .antsand-feature-item .antsand-hero-subtitle, .footer-4 .antsand-pricing-card .antsand-hero-subtitle, .footer-4 .sub-container .antsand-feature-desc, .footer-4 .antsand-footer-column .antsand-feature-desc, .footer-4 .antsand-feature-item .antsand-feature-desc, .footer-4 .antsand-pricing-card .antsand-feature-desc {
    color: #adb5bd; }
  .footer-4 .sub-container li a, .footer-4 .antsand-footer-column li a, .footer-4 .antsand-feature-item li a, .footer-4 .antsand-pricing-card li a, .footer-4 .sub-container .h4 a, .footer-4 .antsand-footer-column .h4 a, .footer-4 .antsand-feature-item .h4 a, .footer-4 .antsand-pricing-card .h4 a {
    color: #adb5bd; }
    .footer-4 .sub-container li a:hover, .footer-4 .antsand-footer-column li a:hover, .footer-4 .antsand-feature-item li a:hover, .footer-4 .antsand-pricing-card li a:hover, .footer-4 .sub-container .h4 a:hover, .footer-4 .antsand-footer-column .h4 a:hover, .footer-4 .antsand-feature-item .h4 a:hover, .footer-4 .antsand-pricing-card .h4 a:hover {
      color: #212529; }
  .footer-4 .sub-container .social-container .social, .footer-4 .sub-container .antsand-footer-social .social, .footer-4 .antsand-footer-column .social-container .social, .footer-4 .antsand-footer-column .antsand-footer-social .social, .footer-4 .antsand-feature-item .social-container .social, .footer-4 .antsand-feature-item .antsand-footer-social .social, .footer-4 .antsand-pricing-card .social-container .social, .footer-4 .antsand-pricing-card .antsand-footer-social .social {
    background-color: transparent;
    color: #ced4da;
    border: 1px solid #e9ecef; }
    .footer-4 .sub-container .social-container .social:hover, .footer-4 .sub-container .antsand-footer-social .social:hover, .footer-4 .antsand-footer-column .social-container .social:hover, .footer-4 .antsand-footer-column .antsand-footer-social .social:hover, .footer-4 .antsand-feature-item .social-container .social:hover, .footer-4 .antsand-feature-item .antsand-footer-social .social:hover, .footer-4 .antsand-pricing-card .social-container .social:hover, .footer-4 .antsand-pricing-card .antsand-footer-social .social:hover {
      background-color: #212529;
      border-color: #212529;
      color: white; }
  .footer-4 .footer-section, .footer-4 .antsand-footer-bottom {
    border-top: 1px solid #e9ecef; }
    .footer-4 .footer-section .title, .footer-4 .antsand-footer-bottom .title, .footer-4 .footer-section .antsand-hero-title, .footer-4 .antsand-footer-bottom .antsand-hero-title, .footer-4 .footer-section .antsand-feature-title, .footer-4 .antsand-footer-bottom .antsand-feature-title {
      color: #ced4da; }
    .footer-4 .footer-section .cta, .footer-4 .antsand-footer-bottom .cta, .footer-4 .footer-section .antsand-pricing-cta, .footer-4 .antsand-footer-bottom .antsand-pricing-cta {
      color: #ced4da; }
      .footer-4 .footer-section .cta:hover, .footer-4 .antsand-footer-bottom .cta:hover, .footer-4 .footer-section .antsand-pricing-cta:hover, .footer-4 .antsand-footer-bottom .antsand-pricing-cta:hover {
        color: #212529; }

.footer-5 {
  padding: 4rem 0 1.5rem 0;
  background-color: #0f172a;
  color: #ced4da; }
  .footer-5 .container, .footer-5 .antsand-footer-grid, .footer-5 .data-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 3rem; }
    @media (max-width: 640px) {
      .footer-5 .container, .footer-5 .antsand-footer-grid, .footer-5 .data-container {
        grid-template-columns: 1fr;
        gap: 1.5rem; } }
  .footer-5 .sub-container .title, .footer-5 .antsand-footer-column .title, .footer-5 .antsand-feature-item .title, .footer-5 .antsand-pricing-card .title, .footer-5 .sub-container .antsand-hero-title, .footer-5 .antsand-footer-column .antsand-hero-title, .footer-5 .antsand-feature-item .antsand-hero-title, .footer-5 .antsand-pricing-card .antsand-hero-title, .footer-5 .sub-container .antsand-feature-title, .footer-5 .antsand-footer-column .antsand-feature-title, .footer-5 .antsand-feature-item .antsand-feature-title, .footer-5 .antsand-pricing-card .antsand-feature-title {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1.3; }
  .footer-5 .sub-container .description, .footer-5 .antsand-footer-column .description, .footer-5 .antsand-feature-item .description, .footer-5 .antsand-pricing-card .description, .footer-5 .sub-container .antsand-hero-subtitle, .footer-5 .antsand-footer-column .antsand-hero-subtitle, .footer-5 .antsand-feature-item .antsand-hero-subtitle, .footer-5 .antsand-pricing-card .antsand-hero-subtitle, .footer-5 .sub-container .antsand-feature-desc, .footer-5 .antsand-footer-column .antsand-feature-desc, .footer-5 .antsand-feature-item .antsand-feature-desc, .footer-5 .antsand-pricing-card .antsand-feature-desc {
    font-size: 1rem;
    line-height: 1.75;
    margin-bottom: 1rem; }
  .footer-5 .sub-container ul, .footer-5 .antsand-footer-column ul, .footer-5 .antsand-feature-item ul, .footer-5 .antsand-pricing-card ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .footer-5 .sub-container li, .footer-5 .antsand-footer-column li, .footer-5 .antsand-feature-item li, .footer-5 .antsand-pricing-card li {
    margin-bottom: 0.5rem; }
    .footer-5 .sub-container li a, .footer-5 .antsand-footer-column li a, .footer-5 .antsand-feature-item li a, .footer-5 .antsand-pricing-card li a {
      text-decoration: none;
      transition: color 250ms ease; }
  .footer-5 .sub-container .cta-container, .footer-5 .antsand-footer-column .cta-container, .footer-5 .antsand-feature-item .cta-container, .footer-5 .antsand-pricing-card .cta-container, .footer-5 .sub-container .antsand-hero-cta, .footer-5 .antsand-footer-column .antsand-hero-cta, .footer-5 .antsand-feature-item .antsand-hero-cta, .footer-5 .antsand-pricing-card .antsand-hero-cta {
    margin-top: 1rem; }
  .footer-5 .sub-container .social-container, .footer-5 .sub-container .antsand-footer-social, .footer-5 .antsand-footer-column .social-container, .footer-5 .antsand-footer-column .antsand-footer-social, .footer-5 .antsand-feature-item .social-container, .footer-5 .antsand-feature-item .antsand-footer-social, .footer-5 .antsand-pricing-card .social-container, .footer-5 .antsand-pricing-card .antsand-footer-social {
    display: flex;
    gap: 1rem;
    margin-top: 1rem; }
    .footer-5 .sub-container .social-container .social, .footer-5 .sub-container .antsand-footer-social .social, .footer-5 .antsand-footer-column .social-container .social, .footer-5 .antsand-footer-column .antsand-footer-social .social, .footer-5 .antsand-feature-item .social-container .social, .footer-5 .antsand-feature-item .antsand-footer-social .social, .footer-5 .antsand-pricing-card .social-container .social, .footer-5 .antsand-pricing-card .antsand-footer-social .social {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 2.25rem;
      height: 2.25rem;
      border-radius: 50%;
      text-decoration: none;
      transition: all 250ms ease; }
      .footer-5 .sub-container .social-container .social i, .footer-5 .sub-container .antsand-footer-social .social i, .footer-5 .antsand-footer-column .social-container .social i, .footer-5 .antsand-footer-column .antsand-footer-social .social i, .footer-5 .antsand-feature-item .social-container .social i, .footer-5 .antsand-feature-item .antsand-footer-social .social i, .footer-5 .antsand-pricing-card .social-container .social i, .footer-5 .antsand-pricing-card .antsand-footer-social .social i {
        font-size: 1rem; }
      .footer-5 .sub-container .social-container .social:hover, .footer-5 .sub-container .antsand-footer-social .social:hover, .footer-5 .antsand-footer-column .social-container .social:hover, .footer-5 .antsand-footer-column .antsand-footer-social .social:hover, .footer-5 .antsand-feature-item .social-container .social:hover, .footer-5 .antsand-feature-item .antsand-footer-social .social:hover, .footer-5 .antsand-pricing-card .social-container .social:hover, .footer-5 .antsand-pricing-card .antsand-footer-social .social:hover {
        transform: translateY(-2px); }
  .footer-5 .sub-container .img-container, .footer-5 .antsand-footer-column .img-container, .footer-5 .antsand-feature-item .img-container, .footer-5 .antsand-pricing-card .img-container, .footer-5 .sub-container .antsand-hero-image, .footer-5 .antsand-footer-column .antsand-hero-image, .footer-5 .antsand-feature-item .antsand-hero-image, .footer-5 .antsand-pricing-card .antsand-hero-image {
    margin-bottom: 1rem; }
    .footer-5 .sub-container .img-container img, .footer-5 .antsand-footer-column .img-container img, .footer-5 .antsand-feature-item .img-container img, .footer-5 .antsand-pricing-card .img-container img, .footer-5 .sub-container .antsand-hero-image img, .footer-5 .antsand-footer-column .antsand-hero-image img, .footer-5 .antsand-feature-item .antsand-hero-image img, .footer-5 .antsand-pricing-card .antsand-hero-image img {
      max-width: 100%;
      height: auto; }
  .footer-5 .footer-section, .footer-5 .antsand-footer-bottom {
    grid-column: 1 / -1;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem; }
    @media (max-width: 640px) {
      .footer-5 .footer-section, .footer-5 .antsand-footer-bottom {
        flex-direction: column;
        text-align: center; } }
    .footer-5 .footer-section .title, .footer-5 .antsand-footer-bottom .title, .footer-5 .footer-section .antsand-hero-title, .footer-5 .antsand-footer-bottom .antsand-hero-title, .footer-5 .footer-section .antsand-feature-title, .footer-5 .antsand-footer-bottom .antsand-feature-title {
      font-size: 0.875rem;
      margin: 0; }
    .footer-5 .footer-section .cta-container, .footer-5 .antsand-footer-bottom .cta-container, .footer-5 .footer-section .antsand-hero-cta, .footer-5 .antsand-footer-bottom .antsand-hero-cta {
      display: flex;
      gap: 1.5rem; }
      .footer-5 .footer-section .cta-container .cta, .footer-5 .antsand-footer-bottom .cta-container .cta, .footer-5 .footer-section .antsand-hero-cta .cta, .footer-5 .antsand-footer-bottom .antsand-hero-cta .cta, .footer-5 .footer-section .cta-container .antsand-pricing-cta, .footer-5 .antsand-footer-bottom .cta-container .antsand-pricing-cta, .footer-5 .footer-section .antsand-hero-cta .antsand-pricing-cta, .footer-5 .antsand-footer-bottom .antsand-hero-cta .antsand-pricing-cta {
        font-size: 0.875rem;
        text-decoration: none;
        transition: color 250ms ease; }
  .footer-5 .sub-container .title, .footer-5 .antsand-footer-column .title, .footer-5 .antsand-feature-item .title, .footer-5 .antsand-pricing-card .title, .footer-5 .sub-container .antsand-hero-title, .footer-5 .antsand-footer-column .antsand-hero-title, .footer-5 .antsand-feature-item .antsand-hero-title, .footer-5 .antsand-pricing-card .antsand-hero-title, .footer-5 .sub-container .antsand-feature-title, .footer-5 .antsand-footer-column .antsand-feature-title, .footer-5 .antsand-feature-item .antsand-feature-title, .footer-5 .antsand-pricing-card .antsand-feature-title {
    color: white; }
  .footer-5 .sub-container .description, .footer-5 .antsand-footer-column .description, .footer-5 .antsand-feature-item .description, .footer-5 .antsand-pricing-card .description, .footer-5 .sub-container .antsand-hero-subtitle, .footer-5 .antsand-footer-column .antsand-hero-subtitle, .footer-5 .antsand-feature-item .antsand-hero-subtitle, .footer-5 .antsand-pricing-card .antsand-hero-subtitle, .footer-5 .sub-container .antsand-feature-desc, .footer-5 .antsand-footer-column .antsand-feature-desc, .footer-5 .antsand-feature-item .antsand-feature-desc, .footer-5 .antsand-pricing-card .antsand-feature-desc {
    color: #ced4da; }
  .footer-5 .sub-container li a, .footer-5 .antsand-footer-column li a, .footer-5 .antsand-feature-item li a, .footer-5 .antsand-pricing-card li a, .footer-5 .sub-container .h4 a, .footer-5 .antsand-footer-column .h4 a, .footer-5 .antsand-feature-item .h4 a, .footer-5 .antsand-pricing-card .h4 a {
    color: #ced4da; }
    .footer-5 .sub-container li a:hover, .footer-5 .antsand-footer-column li a:hover, .footer-5 .antsand-feature-item li a:hover, .footer-5 .antsand-pricing-card li a:hover, .footer-5 .sub-container .h4 a:hover, .footer-5 .antsand-footer-column .h4 a:hover, .footer-5 .antsand-feature-item .h4 a:hover, .footer-5 .antsand-pricing-card .h4 a:hover {
      color: #38bdf8; }
  .footer-5 .sub-container .social-container .social, .footer-5 .sub-container .antsand-footer-social .social, .footer-5 .antsand-footer-column .social-container .social, .footer-5 .antsand-footer-column .antsand-footer-social .social, .footer-5 .antsand-feature-item .social-container .social, .footer-5 .antsand-feature-item .antsand-footer-social .social, .footer-5 .antsand-pricing-card .social-container .social, .footer-5 .antsand-pricing-card .antsand-footer-social .social {
    background-color: #1e293b;
    color: #ced4da; }
    .footer-5 .sub-container .social-container .social:hover, .footer-5 .sub-container .antsand-footer-social .social:hover, .footer-5 .antsand-footer-column .social-container .social:hover, .footer-5 .antsand-footer-column .antsand-footer-social .social:hover, .footer-5 .antsand-feature-item .social-container .social:hover, .footer-5 .antsand-feature-item .antsand-footer-social .social:hover, .footer-5 .antsand-pricing-card .social-container .social:hover, .footer-5 .antsand-pricing-card .antsand-footer-social .social:hover {
      background-color: #38bdf8;
      color: #0f172a; }
  .footer-5 .footer-section, .footer-5 .antsand-footer-bottom {
    border-top: 1px solid #1e293b; }
    .footer-5 .footer-section .title, .footer-5 .antsand-footer-bottom .title, .footer-5 .footer-section .antsand-hero-title, .footer-5 .antsand-footer-bottom .antsand-hero-title, .footer-5 .footer-section .antsand-feature-title, .footer-5 .antsand-footer-bottom .antsand-feature-title {
      color: #adb5bd; }
    .footer-5 .footer-section .cta, .footer-5 .antsand-footer-bottom .cta, .footer-5 .footer-section .antsand-pricing-cta, .footer-5 .antsand-footer-bottom .antsand-pricing-cta {
      color: #adb5bd; }
      .footer-5 .footer-section .cta:hover, .footer-5 .antsand-footer-bottom .cta:hover, .footer-5 .footer-section .antsand-pricing-cta:hover, .footer-5 .antsand-footer-bottom .antsand-pricing-cta:hover {
        color: #38bdf8; }

.footer-6 {
  padding: 4rem 0 1.5rem 0;
  background: linear-gradient(180deg, #0c1222 0%, #0f172a 100%);
  color: #ced4da;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding: 6rem 0 1.5rem 0; }
  .footer-6 .container, .footer-6 .antsand-footer-grid, .footer-6 .data-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 3rem; }
    @media (max-width: 640px) {
      .footer-6 .container, .footer-6 .antsand-footer-grid, .footer-6 .data-container {
        grid-template-columns: 1fr;
        gap: 1.5rem; } }
  .footer-6 .sub-container .title, .footer-6 .antsand-footer-column .title, .footer-6 .antsand-feature-item .title, .footer-6 .antsand-pricing-card .title, .footer-6 .sub-container .antsand-hero-title, .footer-6 .antsand-footer-column .antsand-hero-title, .footer-6 .antsand-feature-item .antsand-hero-title, .footer-6 .antsand-pricing-card .antsand-hero-title, .footer-6 .sub-container .antsand-feature-title, .footer-6 .antsand-footer-column .antsand-feature-title, .footer-6 .antsand-feature-item .antsand-feature-title, .footer-6 .antsand-pricing-card .antsand-feature-title {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1.3; }
  .footer-6 .sub-container .description, .footer-6 .antsand-footer-column .description, .footer-6 .antsand-feature-item .description, .footer-6 .antsand-pricing-card .description, .footer-6 .sub-container .antsand-hero-subtitle, .footer-6 .antsand-footer-column .antsand-hero-subtitle, .footer-6 .antsand-feature-item .antsand-hero-subtitle, .footer-6 .antsand-pricing-card .antsand-hero-subtitle, .footer-6 .sub-container .antsand-feature-desc, .footer-6 .antsand-footer-column .antsand-feature-desc, .footer-6 .antsand-feature-item .antsand-feature-desc, .footer-6 .antsand-pricing-card .antsand-feature-desc {
    font-size: 1rem;
    line-height: 1.75;
    margin-bottom: 1rem; }
  .footer-6 .sub-container ul, .footer-6 .antsand-footer-column ul, .footer-6 .antsand-feature-item ul, .footer-6 .antsand-pricing-card ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .footer-6 .sub-container li, .footer-6 .antsand-footer-column li, .footer-6 .antsand-feature-item li, .footer-6 .antsand-pricing-card li {
    margin-bottom: 0.5rem; }
    .footer-6 .sub-container li a, .footer-6 .antsand-footer-column li a, .footer-6 .antsand-feature-item li a, .footer-6 .antsand-pricing-card li a {
      text-decoration: none;
      transition: color 250ms ease; }
  .footer-6 .sub-container .cta-container, .footer-6 .antsand-footer-column .cta-container, .footer-6 .antsand-feature-item .cta-container, .footer-6 .antsand-pricing-card .cta-container, .footer-6 .sub-container .antsand-hero-cta, .footer-6 .antsand-footer-column .antsand-hero-cta, .footer-6 .antsand-feature-item .antsand-hero-cta, .footer-6 .antsand-pricing-card .antsand-hero-cta {
    margin-top: 1rem; }
  .footer-6 .sub-container .social-container, .footer-6 .sub-container .antsand-footer-social, .footer-6 .antsand-footer-column .social-container, .footer-6 .antsand-footer-column .antsand-footer-social, .footer-6 .antsand-feature-item .social-container, .footer-6 .antsand-feature-item .antsand-footer-social, .footer-6 .antsand-pricing-card .social-container, .footer-6 .antsand-pricing-card .antsand-footer-social {
    display: flex;
    gap: 1rem;
    margin-top: 1rem; }
    .footer-6 .sub-container .social-container .social, .footer-6 .sub-container .antsand-footer-social .social, .footer-6 .antsand-footer-column .social-container .social, .footer-6 .antsand-footer-column .antsand-footer-social .social, .footer-6 .antsand-feature-item .social-container .social, .footer-6 .antsand-feature-item .antsand-footer-social .social, .footer-6 .antsand-pricing-card .social-container .social, .footer-6 .antsand-pricing-card .antsand-footer-social .social {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 2.25rem;
      height: 2.25rem;
      border-radius: 50%;
      text-decoration: none;
      transition: all 250ms ease; }
      .footer-6 .sub-container .social-container .social i, .footer-6 .sub-container .antsand-footer-social .social i, .footer-6 .antsand-footer-column .social-container .social i, .footer-6 .antsand-footer-column .antsand-footer-social .social i, .footer-6 .antsand-feature-item .social-container .social i, .footer-6 .antsand-feature-item .antsand-footer-social .social i, .footer-6 .antsand-pricing-card .social-container .social i, .footer-6 .antsand-pricing-card .antsand-footer-social .social i {
        font-size: 1rem; }
      .footer-6 .sub-container .social-container .social:hover, .footer-6 .sub-container .antsand-footer-social .social:hover, .footer-6 .antsand-footer-column .social-container .social:hover, .footer-6 .antsand-footer-column .antsand-footer-social .social:hover, .footer-6 .antsand-feature-item .social-container .social:hover, .footer-6 .antsand-feature-item .antsand-footer-social .social:hover, .footer-6 .antsand-pricing-card .social-container .social:hover, .footer-6 .antsand-pricing-card .antsand-footer-social .social:hover {
        transform: translateY(-2px); }
  .footer-6 .sub-container .img-container, .footer-6 .antsand-footer-column .img-container, .footer-6 .antsand-feature-item .img-container, .footer-6 .antsand-pricing-card .img-container, .footer-6 .sub-container .antsand-hero-image, .footer-6 .antsand-footer-column .antsand-hero-image, .footer-6 .antsand-feature-item .antsand-hero-image, .footer-6 .antsand-pricing-card .antsand-hero-image {
    margin-bottom: 1rem; }
    .footer-6 .sub-container .img-container img, .footer-6 .antsand-footer-column .img-container img, .footer-6 .antsand-feature-item .img-container img, .footer-6 .antsand-pricing-card .img-container img, .footer-6 .sub-container .antsand-hero-image img, .footer-6 .antsand-footer-column .antsand-hero-image img, .footer-6 .antsand-feature-item .antsand-hero-image img, .footer-6 .antsand-pricing-card .antsand-hero-image img {
      max-width: 100%;
      height: auto; }
  .footer-6 .footer-section, .footer-6 .antsand-footer-bottom {
    grid-column: 1 / -1;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem; }
    @media (max-width: 640px) {
      .footer-6 .footer-section, .footer-6 .antsand-footer-bottom {
        flex-direction: column;
        text-align: center; } }
    .footer-6 .footer-section .title, .footer-6 .antsand-footer-bottom .title, .footer-6 .footer-section .antsand-hero-title, .footer-6 .antsand-footer-bottom .antsand-hero-title, .footer-6 .footer-section .antsand-feature-title, .footer-6 .antsand-footer-bottom .antsand-feature-title {
      font-size: 0.875rem;
      margin: 0; }
    .footer-6 .footer-section .cta-container, .footer-6 .antsand-footer-bottom .cta-container, .footer-6 .footer-section .antsand-hero-cta, .footer-6 .antsand-footer-bottom .antsand-hero-cta {
      display: flex;
      gap: 1.5rem; }
      .footer-6 .footer-section .cta-container .cta, .footer-6 .antsand-footer-bottom .cta-container .cta, .footer-6 .footer-section .antsand-hero-cta .cta, .footer-6 .antsand-footer-bottom .antsand-hero-cta .cta, .footer-6 .footer-section .cta-container .antsand-pricing-cta, .footer-6 .antsand-footer-bottom .cta-container .antsand-pricing-cta, .footer-6 .footer-section .antsand-hero-cta .antsand-pricing-cta, .footer-6 .antsand-footer-bottom .antsand-hero-cta .antsand-pricing-cta {
        font-size: 0.875rem;
        text-decoration: none;
        transition: color 250ms ease; }
  .footer-6 .container, .footer-6 .antsand-footer-grid,
  .footer-6 .data-container {
    grid-template-columns: 1.4fr repeat(3, 1fr);
    gap: 3rem;
    row-gap: 2rem; }
    @media (max-width: 768px) {
      .footer-6 .container, .footer-6 .antsand-footer-grid,
      .footer-6 .data-container {
        grid-template-columns: 1fr 1fr; } }
    @media (max-width: 640px) {
      .footer-6 .container, .footer-6 .antsand-footer-grid,
      .footer-6 .data-container {
        grid-template-columns: 1fr; } }
  .footer-6 .header-section {
    display: none; }
  .footer-6 .sub-container:first-child .title, .footer-6 .antsand-footer-column:first-child .title, .footer-6 .antsand-feature-item:first-child .title, .footer-6 .antsand-pricing-card:first-child .title, .footer-6 .sub-container:first-child .antsand-hero-title, .footer-6 .antsand-footer-column:first-child .antsand-hero-title, .footer-6 .antsand-feature-item:first-child .antsand-hero-title, .footer-6 .antsand-pricing-card:first-child .antsand-hero-title, .footer-6 .sub-container:first-child .antsand-feature-title, .footer-6 .antsand-footer-column:first-child .antsand-feature-title, .footer-6 .antsand-feature-item:first-child .antsand-feature-title, .footer-6 .antsand-pricing-card:first-child .antsand-feature-title {
    color: white;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-bottom: 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.75rem; }
  .footer-6 .sub-container:first-child .description, .footer-6 .antsand-footer-column:first-child .description, .footer-6 .antsand-feature-item:first-child .description, .footer-6 .antsand-pricing-card:first-child .description, .footer-6 .sub-container:first-child .antsand-hero-subtitle, .footer-6 .antsand-footer-column:first-child .antsand-hero-subtitle, .footer-6 .antsand-feature-item:first-child .antsand-hero-subtitle, .footer-6 .antsand-pricing-card:first-child .antsand-hero-subtitle, .footer-6 .sub-container:first-child .antsand-feature-desc, .footer-6 .antsand-footer-column:first-child .antsand-feature-desc, .footer-6 .antsand-feature-item:first-child .antsand-feature-desc, .footer-6 .antsand-pricing-card:first-child .antsand-feature-desc {
    color: #ced4da;
    font-size: 0.875rem;
    line-height: 1.75;
    max-width: 28rem;
    margin-bottom: 1rem; }
  .footer-6 .sub-container .title, .footer-6 .antsand-footer-column .title, .footer-6 .antsand-feature-item .title, .footer-6 .antsand-pricing-card .title, .footer-6 .sub-container .antsand-hero-title, .footer-6 .antsand-footer-column .antsand-hero-title, .footer-6 .antsand-feature-item .antsand-hero-title, .footer-6 .antsand-pricing-card .antsand-hero-title, .footer-6 .sub-container .antsand-feature-title, .footer-6 .antsand-footer-column .antsand-feature-title, .footer-6 .antsand-feature-item .antsand-feature-title, .footer-6 .antsand-pricing-card .antsand-feature-title {
    color: white;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #3498db;
    display: inline-block; }
  .footer-6 .sub-container .description, .footer-6 .antsand-footer-column .description, .footer-6 .antsand-feature-item .description, .footer-6 .antsand-pricing-card .description, .footer-6 .sub-container .antsand-hero-subtitle, .footer-6 .antsand-footer-column .antsand-hero-subtitle, .footer-6 .antsand-feature-item .antsand-hero-subtitle, .footer-6 .antsand-pricing-card .antsand-hero-subtitle, .footer-6 .sub-container .antsand-feature-desc, .footer-6 .antsand-footer-column .antsand-feature-desc, .footer-6 .antsand-feature-item .antsand-feature-desc, .footer-6 .antsand-pricing-card .antsand-feature-desc {
    color: #ced4da;
    font-size: 0.875rem;
    line-height: 1.75; }
  .footer-6 .sub-container li a, .footer-6 .antsand-footer-column li a, .footer-6 .antsand-feature-item li a, .footer-6 .antsand-pricing-card li a, .footer-6 .sub-container .h4 a, .footer-6 .antsand-footer-column .h4 a, .footer-6 .antsand-feature-item .h4 a, .footer-6 .antsand-pricing-card .h4 a {
    color: #ced4da;
    font-size: 0.875rem; }
    .footer-6 .sub-container li a:hover, .footer-6 .antsand-footer-column li a:hover, .footer-6 .antsand-feature-item li a:hover, .footer-6 .antsand-pricing-card li a:hover, .footer-6 .sub-container .h4 a:hover, .footer-6 .antsand-footer-column .h4 a:hover, .footer-6 .antsand-feature-item .h4 a:hover, .footer-6 .antsand-pricing-card .h4 a:hover {
      color: #3498db; }
  .footer-6 .sub-container .social-container, .footer-6 .sub-container .antsand-footer-social, .footer-6 .antsand-footer-column .social-container, .footer-6 .antsand-footer-column .antsand-footer-social, .footer-6 .antsand-feature-item .social-container, .footer-6 .antsand-feature-item .antsand-footer-social, .footer-6 .antsand-pricing-card .social-container, .footer-6 .antsand-pricing-card .antsand-footer-social {
    gap: 0.5rem;
    margin-top: 1rem; }
  .footer-6 .sub-container .social-container .social, .footer-6 .sub-container .antsand-footer-social .social, .footer-6 .antsand-footer-column .social-container .social, .footer-6 .antsand-footer-column .antsand-footer-social .social, .footer-6 .antsand-feature-item .social-container .social, .footer-6 .antsand-feature-item .antsand-footer-social .social, .footer-6 .antsand-pricing-card .social-container .social, .footer-6 .antsand-pricing-card .antsand-footer-social .social,
  .footer-6 .sub-container .social-container .social > a,
  .footer-6 .sub-container .antsand-footer-social .social > a,
  .footer-6 .antsand-footer-column .social-container .social > a,
  .footer-6 .antsand-footer-column .antsand-footer-social .social > a,
  .footer-6 .antsand-feature-item .social-container .social > a,
  .footer-6 .antsand-feature-item .antsand-footer-social .social > a,
  .footer-6 .antsand-pricing-card .social-container .social > a,
  .footer-6 .antsand-pricing-card .antsand-footer-social .social > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%; }
  .footer-6 .sub-container .social-container .social, .footer-6 .sub-container .antsand-footer-social .social, .footer-6 .antsand-footer-column .social-container .social, .footer-6 .antsand-footer-column .antsand-footer-social .social, .footer-6 .antsand-feature-item .social-container .social, .footer-6 .antsand-feature-item .antsand-footer-social .social, .footer-6 .antsand-pricing-card .social-container .social, .footer-6 .antsand-pricing-card .antsand-footer-social .social {
    background-color: rgba(255, 255, 255, 0.06);
    color: #ced4da;
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 250ms ease; }
    .footer-6 .sub-container .social-container .social:hover, .footer-6 .sub-container .antsand-footer-social .social:hover, .footer-6 .antsand-footer-column .social-container .social:hover, .footer-6 .antsand-footer-column .antsand-footer-social .social:hover, .footer-6 .antsand-feature-item .social-container .social:hover, .footer-6 .antsand-feature-item .antsand-footer-social .social:hover, .footer-6 .antsand-pricing-card .social-container .social:hover, .footer-6 .antsand-pricing-card .antsand-footer-social .social:hover {
      background-color: rgba(255, 255, 255, 0.12);
      color: white;
      border-color: rgba(255, 255, 255, 0.2);
      transform: translateY(-2px); }
    .footer-6 .sub-container .social-container .social svg, .footer-6 .sub-container .antsand-footer-social .social svg, .footer-6 .antsand-footer-column .social-container .social svg, .footer-6 .antsand-footer-column .antsand-footer-social .social svg, .footer-6 .antsand-feature-item .social-container .social svg, .footer-6 .antsand-feature-item .antsand-footer-social .social svg, .footer-6 .antsand-pricing-card .social-container .social svg, .footer-6 .antsand-pricing-card .antsand-footer-social .social svg {
      width: 1rem;
      height: 1rem; }
  .footer-6 .sub-container .cta-container, .footer-6 .antsand-footer-column .cta-container, .footer-6 .antsand-feature-item .cta-container, .footer-6 .antsand-pricing-card .cta-container, .footer-6 .sub-container .antsand-hero-cta, .footer-6 .antsand-footer-column .antsand-hero-cta, .footer-6 .antsand-feature-item .antsand-hero-cta, .footer-6 .antsand-pricing-card .antsand-hero-cta {
    margin-top: 1rem; }
    .footer-6 .sub-container .cta-container .cta, .footer-6 .antsand-footer-column .cta-container .cta, .footer-6 .antsand-feature-item .cta-container .cta, .footer-6 .antsand-pricing-card .cta-container .cta, .footer-6 .sub-container .antsand-hero-cta .cta, .footer-6 .antsand-footer-column .antsand-hero-cta .cta, .footer-6 .antsand-feature-item .antsand-hero-cta .cta, .footer-6 .antsand-pricing-card .antsand-hero-cta .cta, .footer-6 .sub-container .cta-container .antsand-pricing-cta, .footer-6 .antsand-footer-column .cta-container .antsand-pricing-cta, .footer-6 .antsand-feature-item .cta-container .antsand-pricing-cta, .footer-6 .antsand-pricing-card .cta-container .antsand-pricing-cta, .footer-6 .sub-container .antsand-hero-cta .antsand-pricing-cta, .footer-6 .antsand-footer-column .antsand-hero-cta .antsand-pricing-cta, .footer-6 .antsand-feature-item .antsand-hero-cta .antsand-pricing-cta, .footer-6 .antsand-pricing-card .antsand-hero-cta .antsand-pricing-cta {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 0.75rem;
      color: #22c55e;
      background: rgba(34, 197, 94, 0.08);
      border: 1px solid rgba(34, 197, 94, 0.2);
      border-radius: 999px;
      padding: 0.35rem 0.85rem;
      text-decoration: none;
      font-weight: 600; }
  .footer-6 .footer-section, .footer-6 .antsand-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding-top: 1rem;
    margin-top: 1.5rem; }
    .footer-6 .footer-section .title, .footer-6 .antsand-footer-bottom .title, .footer-6 .footer-section .antsand-hero-title, .footer-6 .antsand-footer-bottom .antsand-hero-title, .footer-6 .footer-section .antsand-feature-title, .footer-6 .antsand-footer-bottom .antsand-feature-title {
      color: #adb5bd;
      font-size: 0.78rem;
      border-bottom: none;
      padding-bottom: 0;
      text-transform: none;
      letter-spacing: 0;
      font-weight: 400;
      display: block; }
      .footer-6 .footer-section .title strong, .footer-6 .antsand-footer-bottom .title strong, .footer-6 .footer-section .antsand-hero-title strong, .footer-6 .antsand-footer-bottom .antsand-hero-title strong, .footer-6 .footer-section .antsand-feature-title strong, .footer-6 .antsand-footer-bottom .antsand-feature-title strong, .footer-6 .footer-section .title b, .footer-6 .antsand-footer-bottom .title b, .footer-6 .footer-section .antsand-hero-title b, .footer-6 .antsand-footer-bottom .antsand-hero-title b, .footer-6 .footer-section .antsand-feature-title b, .footer-6 .antsand-footer-bottom .antsand-feature-title b {
        color: #3498db;
        font-weight: 700; }
    .footer-6 .footer-section .cta, .footer-6 .antsand-footer-bottom .cta, .footer-6 .footer-section .antsand-pricing-cta, .footer-6 .antsand-footer-bottom .antsand-pricing-cta {
      color: #adb5bd;
      font-size: 0.78rem; }
      .footer-6 .footer-section .cta:hover, .footer-6 .antsand-footer-bottom .cta:hover, .footer-6 .footer-section .antsand-pricing-cta:hover, .footer-6 .antsand-footer-bottom .antsand-pricing-cta:hover {
        color: #3498db; }

.footer-7,
.antsand-footer-premium,
.stylesdoc-footer {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  color: white;
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 -18px 42px rgba(0, 0, 0, 0.28);
  padding: 0; }
  .footer-7::before,
  .antsand-footer-premium::before,
  .stylesdoc-footer::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 80%, rgba(241, 91, 42, 0.08) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(99, 102, 241, 0.08) 0%, transparent 50%);
    pointer-events: none; }
  .footer-7 .footer-main,
  .antsand-footer-premium .footer-main,
  .stylesdoc-footer .footer-main {
    max-width: 1280px;
    margin: 0 auto;
    padding: 4rem 2rem 2rem;
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(16rem, 1.2fr) minmax(0, 2.8fr);
    gap: 3rem;
    align-items: start; }
  .footer-7 .footer-brand,
  .antsand-footer-premium .footer-brand,
  .stylesdoc-footer .footer-brand {
    max-width: 320px; }
  .footer-7 .footer-logo-text,
  .antsand-footer-premium .footer-logo-text,
  .stylesdoc-footer .footer-logo-text {
    min-height: 48px;
    margin: 0 0 1.25rem;
    padding-left: 60px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em; }
  .footer-7 .footer-logo-text::before,
  .antsand-footer-premium .footer-logo-text::before,
  .stylesdoc-footer .footer-logo-text::before {
    content: 'A';
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: white;
    background: linear-gradient(135deg, #3498db 0%, #ff7a4d 100%);
    box-shadow: 0 10px 24px rgba(241, 91, 42, 0.32);
    font-size: 1.45rem;
    font-weight: 900; }
  .footer-7 .footer-logo-text::after,
  .antsand-footer-premium .footer-logo-text::after,
  .stylesdoc-footer .footer-logo-text::after {
    content: 'STYLES LIBRARY';
    display: block;
    margin-top: 0.2rem;
    color: #94a3b8;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase; }
  .footer-7 .footer-brand-desc,
  .antsand-footer-premium .footer-brand-desc,
  .stylesdoc-footer .footer-brand-desc {
    color: #94a3b8;
    font-size: 0.9375rem;
    line-height: 1.7;
    margin: 0 0 1.5rem; }
  .footer-7 .footer-grid,
  .antsand-footer-premium .footer-grid,
  .stylesdoc-footer .footer-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3rem;
    margin: 0;
    align-items: start; }
  .footer-7 .footer-column-title,
  .footer-7 .footer-title,
  .antsand-footer-premium .footer-column-title,
  .antsand-footer-premium .footer-title,
  .stylesdoc-footer .footer-column-title,
  .stylesdoc-footer .footer-title {
    color: white;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin: 0 0 1.5rem;
    padding-bottom: 0.75rem;
    position: relative; }
  .footer-7 .footer-column-title::after,
  .footer-7 .footer-title::after,
  .antsand-footer-premium .footer-column-title::after,
  .antsand-footer-premium .footer-title::after,
  .stylesdoc-footer .footer-column-title::after,
  .stylesdoc-footer .footer-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 32px;
    height: 2px;
    background: linear-gradient(90deg, #3498db, transparent);
    border-radius: 999px; }
  .footer-7 .footer-link-list,
  .antsand-footer-premium .footer-link-list,
  .stylesdoc-footer .footer-link-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 0.7rem; }
  .footer-7 .footer-link,
  .antsand-footer-premium .footer-link,
  .stylesdoc-footer .footer-link {
    color: #94a3b8;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9375rem;
    line-height: 1.5;
    text-decoration: none;
    transition: color 180ms ease, transform 180ms ease; }
  .footer-7 .footer-link:hover,
  .footer-7 .footer-link:focus-visible,
  .antsand-footer-premium .footer-link:hover,
  .antsand-footer-premium .footer-link:focus-visible,
  .stylesdoc-footer .footer-link:hover,
  .stylesdoc-footer .footer-link:focus-visible {
    color: #3498db;
    transform: translateX(4px); }
  .footer-7 .footer-bottom,
  .antsand-footer-premium .footer-bottom,
  .stylesdoc-footer .footer-bottom {
    grid-column: 1 / -1;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 1.5rem;
    margin-top: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem; }
  .footer-7 .footer-copyright,
  .antsand-footer-premium .footer-copyright,
  .stylesdoc-footer .footer-copyright {
    color: #64748b;
    font-size: 0.875rem;
    margin: 0; }
    .footer-7 .footer-copyright a,
    .footer-7 .footer-copyright strong,
    .footer-7 .footer-copyright b,
    .antsand-footer-premium .footer-copyright a,
    .antsand-footer-premium .footer-copyright strong,
    .antsand-footer-premium .footer-copyright b,
    .stylesdoc-footer .footer-copyright a,
    .stylesdoc-footer .footer-copyright strong,
    .stylesdoc-footer .footer-copyright b {
      color: #3498db;
      font-weight: 700; }
  .footer-7 .footer-legal,
  .footer-7 .footer-cta-container,
  .antsand-footer-premium .footer-legal,
  .antsand-footer-premium .footer-cta-container,
  .stylesdoc-footer .footer-legal,
  .stylesdoc-footer .footer-cta-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: center; }
  .footer-7 .footer-legal-link,
  .footer-7 .footer-cta,
  .antsand-footer-premium .footer-legal-link,
  .antsand-footer-premium .footer-cta,
  .stylesdoc-footer .footer-legal-link,
  .stylesdoc-footer .footer-cta {
    color: #64748b;
    font-size: 0.8125rem;
    text-decoration: none;
    transition: color 180ms ease; }
    .footer-7 .footer-legal-link:hover, .footer-7 .footer-legal-link:focus-visible,
    .footer-7 .footer-cta:hover,
    .footer-7 .footer-cta:focus-visible,
    .antsand-footer-premium .footer-legal-link:hover,
    .antsand-footer-premium .footer-legal-link:focus-visible,
    .antsand-footer-premium .footer-cta:hover,
    .antsand-footer-premium .footer-cta:focus-visible,
    .stylesdoc-footer .footer-legal-link:hover,
    .stylesdoc-footer .footer-legal-link:focus-visible,
    .stylesdoc-footer .footer-cta:hover,
    .stylesdoc-footer .footer-cta:focus-visible {
      color: #3498db; }
  @media (max-width: 1024px) {
    .footer-7 .footer-main,
    .antsand-footer-premium .footer-main,
    .stylesdoc-footer .footer-main {
      grid-template-columns: 1fr; }
    .footer-7 .footer-brand,
    .antsand-footer-premium .footer-brand,
    .stylesdoc-footer .footer-brand {
      max-width: 42rem; } }
  @media (max-width: 768px) {
    .footer-7 .footer-grid,
    .antsand-footer-premium .footer-grid,
    .stylesdoc-footer .footer-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (max-width: 640px) {
    .footer-7 .footer-main,
    .antsand-footer-premium .footer-main,
    .stylesdoc-footer .footer-main {
      padding: 3rem 1.25rem 1.5rem; }
    .footer-7 .footer-grid,
    .antsand-footer-premium .footer-grid,
    .stylesdoc-footer .footer-grid {
      grid-template-columns: 1fr;
      gap: 2rem; }
    .footer-7 .footer-bottom,
    .antsand-footer-premium .footer-bottom,
    .stylesdoc-footer .footer-bottom {
      align-items: flex-start;
      flex-direction: column; } }
.antsand-footer-links {
  list-style: none;
  padding: 0;
  margin: 0; }

.antsand-footer-copyright {
  font-size: 0.875rem; }

.antsand-blog-detail-title {
  color: #1a1a1a;
  font-size: clamp(2rem, 6vw, 3rem);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  overflow-wrap: anywhere; }

.blog-media-header .antsand-blog-detail-title,
.research-header .antsand-blog-detail-title,
.video-header .antsand-blog-detail-title {
  color: #fff;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35); }

.blog-media-header {
  position: relative;
  width: 100%;
  min-height: 400px;
  max-height: 500px;
  overflow: hidden;
  margin-bottom: 40px; }
  .blog-media-header img {
    width: 100%;
    height: 100%;
    min-height: 400px;
    max-height: 500px;
    object-fit: cover; }
  .blog-media-header .media-header-overlay {
    display: none; }
  .blog-media-header .article-header-inner {
    position: relative;
    inset: auto;
    max-width: 800px;
    margin: 0 auto; }

.blog-media-header:has(img) .media-header-overlay {
  display: block;
  position: absolute;
  inset: auto 0 0 0;
  height: 75%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.35) 45%, transparent 100%);
  pointer-events: none; }

.blog-media-header:has(img) .article-header-inner {
  position: absolute;
  inset: auto 0 0 0;
  padding: 40px 20px;
  text-align: center;
  max-width: none; }

.blog-media-header:has(img) .article-header-overlay {
  max-width: 800px;
  margin: 0 auto; }

.blog-media-header:has(img) .article-category,
.blog-media-header:has(img) .article-meta,
.blog-media-header:has(img) .article-meta a,
.blog-media-header:has(img) .blog-detail-tag {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); }

.blog-media-header:not(:has(img)) {
  min-height: auto;
  max-height: none;
  overflow: visible; }

.article-header {
  width: 100%; }

.article-header:not(:has(img)) {
  min-height: auto;
  max-height: none;
  margin: 72px auto 42px;
  padding: 0 24px;
  overflow: visible;
  text-align: center; }
  .article-header:not(:has(img)) .antsand-blog-detail-title,
  .article-header:not(:has(img)) .header-h1,
  .article-header:not(:has(img)) .title,
  .article-header:not(:has(img)) .antsand-hero-title,
  .article-header:not(:has(img)) .antsand-feature-title {
    color: #181818;
    text-shadow: none; }
  .article-header:not(:has(img)) .article-meta,
  .article-header:not(:has(img)) .article-meta span,
  .article-header:not(:has(img)) .article-meta a {
    color: #666;
    text-shadow: none; }
  .article-header:not(:has(img)) .article-category,
  .article-header:not(:has(img)) .blog-detail-tag {
    color: #b90000;
    background: rgba(185, 0, 0, 0.06);
    border-color: rgba(185, 0, 0, 0.16);
    text-shadow: none; }

.article-body {
  max-width: 700px;
  margin: 0 auto 80px;
  overflow: visible; }

.blog-annotated-block,
.blog-side-note-anchor {
  position: relative;
  overflow: visible; }

.blog-side-note {
  display: block;
  margin: 1.35rem 0 1.8rem;
  color: #1f2937;
  text-decoration: none; }

.blog-side-note a,
a.blog-side-note,
.blog-side-note__card {
  display: block;
  color: inherit;
  text-decoration: none; }

.blog-side-note__card,
.blog-side-note > a,
a.blog-side-note {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 12% 0%, rgba(185, 0, 0, 0.08), transparent 11rem), linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 16px;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.1);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; }

.blog-side-note > a:hover,
a.blog-side-note:hover {
  border-color: rgba(185, 0, 0, 0.22);
  box-shadow: 0 20px 52px rgba(15, 23, 42, 0.14);
  transform: translateY(-2px); }

.blog-side-note__media,
.blog-side-note img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: #111827; }

.blog-side-note__body,
.blog-side-note figcaption {
  display: block;
  padding: 0.95rem 1rem 1rem; }

.blog-side-note__label {
  display: inline-flex;
  margin-bottom: 0.45rem;
  color: #b90000;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-transform: uppercase; }

.blog-side-note__title,
.blog-side-note strong {
  display: block;
  margin: 0;
  color: #111827;
  font-size: 0.96rem;
  font-weight: 850;
  letter-spacing: -0.015em;
  line-height: 1.28; }

.blog-side-note__text,
.blog-side-note span:not(.blog-side-note__label):not(.blog-side-note__title):not(.blog-side-note__body):not(.blog-side-note__text):not(.blog-side-note__source):not(.blog-side-note__stat-number) {
  display: block;
  margin-top: 0.45rem;
  color: #64748b;
  font-size: 0.82rem;
  line-height: 1.45; }

.blog-side-note__source,
.blog-side-note cite {
  display: block;
  margin-top: 0.75rem;
  padding-top: 0.65rem;
  color: #7c8798;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  font-size: 0.76rem;
  font-style: italic;
  line-height: 1.45; }

.blog-side-note__source a,
.blog-side-note cite a {
  display: inline;
  color: #64748b;
  text-decoration: underline;
  text-decoration-color: rgba(100, 116, 139, 0.38);
  text-underline-offset: 0.18em; }

.blog-side-note--short .blog-side-note__media,
.blog-side-note--short img {
  aspect-ratio: 9 / 16; }

.blog-side-note--quote .blog-side-note__card,
.blog-side-note--quote > a, .blog-side-note--quote.blog-side-note__card {
  padding: 2rem 2rem 1.6rem; }

.blog-side-note--quote .blog-side-note__body,
.blog-side-note--quote figcaption {
  position: relative;
  padding: 0; }

.blog-side-note--quote .blog-side-note__body::before,
.blog-side-note--quote figcaption::before {
  content: "\201C";
  position: absolute;
  top: -0.35rem;
  right: -0.15rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 6.5rem;
  font-weight: 700;
  line-height: 1;
  color: rgba(15, 23, 42, 0.07);
  pointer-events: none;
  z-index: 0; }

.blog-side-note--quote p,
.blog-side-note--quote .blog-side-note__text {
  position: relative;
  z-index: 1;
  color: #0f172a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.6;
  margin: 0; }

.blog-side-note--quote cite,
.blog-side-note--quote .blog-side-note__source {
  display: block;
  position: relative;
  z-index: 1;
  margin-top: 1rem;
  padding-top: 0.8rem;
  border-top: 1px solid rgba(15, 23, 42, 0.1);
  color: #475569;
  font-family: inherit;
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.blog-side-note--stat .blog-side-note__card,
.blog-side-note--stat > a, .blog-side-note--stat.blog-side-note__card {
  padding: 2rem 1.5rem 1.6rem;
  text-align: center; }

.blog-side-note--stat .blog-side-note__body,
.blog-side-note--stat figcaption {
  padding: 0; }

.blog-side-note--stat .blog-side-note__stat-number {
  display: block;
  color: #0f172a;
  font-size: clamp(2.1rem, 4.8vw, 4.2rem);
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 0.98;
  margin-bottom: 0.65rem;
  overflow-wrap: anywhere;
  text-wrap: balance; }

.blog-side-note--stat p,
.blog-side-note--stat .blog-side-note__text {
  color: #334155;
  font-size: 1rem;
  line-height: 1.55;
  margin: 0; }

.blog-side-note--tint-blue .blog-side-note__card,
.blog-side-note--tint-blue > a, .blog-side-note--tint-blue.blog-side-note__card {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  border-color: rgba(59, 130, 246, 0.25);
  box-shadow: 0 8px 28px rgba(59, 130, 246, 0.1); }

.blog-side-note--tint-blue.blog-side-note--quote .blog-side-note__body::before, .blog-side-note--tint-blue.blog-side-note--quote figcaption::before {
  color: rgba(59, 130, 246, 0.22); }

.blog-side-note--tint-blue .blog-side-note__stat-number {
  color: #1d4ed8; }

.blog-side-note--tint-rose .blog-side-note__card,
.blog-side-note--tint-rose > a, .blog-side-note--tint-rose.blog-side-note__card {
  background: linear-gradient(135deg, #fecdd3 0%, #fda4af 100%);
  border-color: rgba(225, 29, 72, 0.22);
  box-shadow: 0 8px 28px rgba(225, 29, 72, 0.08); }

.blog-side-note--tint-rose.blog-side-note--quote .blog-side-note__body::before, .blog-side-note--tint-rose.blog-side-note--quote figcaption::before {
  color: rgba(225, 29, 72, 0.18); }

.blog-side-note--tint-rose .blog-side-note__stat-number {
  color: #be123c; }

.blog-side-note--tint-mint .blog-side-note__card,
.blog-side-note--tint-mint > a, .blog-side-note--tint-mint.blog-side-note__card {
  background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
  border-color: rgba(16, 185, 129, 0.25);
  box-shadow: 0 8px 28px rgba(16, 185, 129, 0.08); }

.blog-side-note--tint-mint.blog-side-note--quote .blog-side-note__body::before, .blog-side-note--tint-mint.blog-side-note--quote figcaption::before {
  color: rgba(16, 185, 129, 0.2); }

.blog-side-note--tint-mint .blog-side-note__stat-number {
  color: #059669; }

.blog-side-note--tint-amber .blog-side-note__card,
.blog-side-note--tint-amber > a, .blog-side-note--tint-amber.blog-side-note__card {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border-color: rgba(245, 158, 11, 0.25);
  box-shadow: 0 8px 28px rgba(245, 158, 11, 0.08); }

.blog-side-note--tint-amber.blog-side-note--quote .blog-side-note__body::before, .blog-side-note--tint-amber.blog-side-note--quote figcaption::before {
  color: rgba(245, 158, 11, 0.2); }

.blog-side-note--tint-amber .blog-side-note__stat-number {
  color: #b45309; }

.blog-side-note--tint-violet .blog-side-note__card,
.blog-side-note--tint-violet > a, .blog-side-note--tint-violet.blog-side-note__card {
  background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);
  border-color: rgba(124, 58, 237, 0.22);
  box-shadow: 0 8px 28px rgba(124, 58, 237, 0.08); }

.blog-side-note--tint-violet.blog-side-note--quote .blog-side-note__body::before, .blog-side-note--tint-violet.blog-side-note--quote figcaption::before {
  color: rgba(124, 58, 237, 0.2); }

.blog-side-note--tint-violet .blog-side-note__stat-number {
  color: #6d28d9; }

.blog-side-note--wide {
  margin: 2rem 0; }

@media (min-width: 1180px) {
  .blog-side-note--wide.blog-side-note,
  .blog-annotated-block > .blog-side-note--wide,
  .blog-side-note-anchor > .blog-side-note--wide {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    transform: none; } }

.blog-side-note-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  margin: 2rem 0; }
  .blog-side-note-grid .blog-side-note {
    margin: 0; }

.article-body .blog-side-note--quote p,
.article-body .blog-side-note--quote .blog-side-note__text,
.blog-post-content .blog-side-note--quote p,
.blog-post-content .blog-side-note--quote .blog-side-note__text,
.antsand-article .blog-side-note--quote p,
.antsand-article .blog-side-note--quote .blog-side-note__text,
.antsand-research .blog-side-note--quote p,
.antsand-research .blog-side-note--quote .blog-side-note__text,
.antsand-article-wide .blog-side-note--quote p,
.antsand-article-wide .blog-side-note--quote .blog-side-note__text {
  color: #0f172a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.2rem;
  font-style: italic;
  line-height: 1.6;
  margin-bottom: 0; }

.article-body .blog-side-note--quote cite,
.article-body .blog-side-note--quote .blog-side-note__source,
.blog-post-content .blog-side-note--quote cite,
.blog-post-content .blog-side-note--quote .blog-side-note__source,
.antsand-article .blog-side-note--quote cite,
.antsand-article .blog-side-note--quote .blog-side-note__source,
.antsand-research .blog-side-note--quote cite,
.antsand-research .blog-side-note--quote .blog-side-note__source,
.antsand-article-wide .blog-side-note--quote cite,
.antsand-article-wide .blog-side-note--quote .blog-side-note__source {
  color: #475569;
  font-size: 0.82rem;
  font-style: normal; }

.article-body .blog-side-note--stat p,
.article-body .blog-side-note--stat .blog-side-note__text,
.blog-post-content .blog-side-note--stat p,
.blog-post-content .blog-side-note--stat .blog-side-note__text,
.antsand-article .blog-side-note--stat p,
.antsand-article .blog-side-note--stat .blog-side-note__text,
.antsand-research .blog-side-note--stat p,
.antsand-research .blog-side-note--stat .blog-side-note__text,
.antsand-article-wide .blog-side-note--stat p,
.antsand-article-wide .blog-side-note--stat .blog-side-note__text {
  color: #334155;
  font-size: 1rem;
  line-height: 1.55;
  margin-bottom: 0; }

.article-body .blog-side-note--stat .blog-side-note__stat-number,
.blog-post-content .blog-side-note--stat .blog-side-note__stat-number,
.antsand-article .blog-side-note--stat .blog-side-note__stat-number,
.antsand-research .blog-side-note--stat .blog-side-note__stat-number,
.antsand-article-wide .blog-side-note--stat .blog-side-note__stat-number {
  color: #0f172a;
  font-size: clamp(2.8rem, 6vw, 4.2rem); }

.article-body .blog-side-note--tint-blue .blog-side-note__stat-number,
.blog-post-content .blog-side-note--tint-blue .blog-side-note__stat-number,
.antsand-article .blog-side-note--tint-blue .blog-side-note__stat-number,
.antsand-research .blog-side-note--tint-blue .blog-side-note__stat-number,
.antsand-article-wide .blog-side-note--tint-blue .blog-side-note__stat-number {
  color: #1d4ed8; }

.article-body .blog-side-note--tint-rose .blog-side-note__stat-number,
.blog-post-content .blog-side-note--tint-rose .blog-side-note__stat-number,
.antsand-article .blog-side-note--tint-rose .blog-side-note__stat-number,
.antsand-research .blog-side-note--tint-rose .blog-side-note__stat-number,
.antsand-article-wide .blog-side-note--tint-rose .blog-side-note__stat-number {
  color: #be123c; }

.article-body .blog-side-note--tint-mint .blog-side-note__stat-number,
.blog-post-content .blog-side-note--tint-mint .blog-side-note__stat-number,
.antsand-article .blog-side-note--tint-mint .blog-side-note__stat-number,
.antsand-research .blog-side-note--tint-mint .blog-side-note__stat-number,
.antsand-article-wide .blog-side-note--tint-mint .blog-side-note__stat-number {
  color: #059669; }

.article-body .blog-side-note--tint-amber .blog-side-note__stat-number,
.blog-post-content .blog-side-note--tint-amber .blog-side-note__stat-number,
.antsand-article .blog-side-note--tint-amber .blog-side-note__stat-number,
.antsand-research .blog-side-note--tint-amber .blog-side-note__stat-number,
.antsand-article-wide .blog-side-note--tint-amber .blog-side-note__stat-number {
  color: #b45309; }

.article-body .blog-side-note--tint-violet .blog-side-note__stat-number,
.blog-post-content .blog-side-note--tint-violet .blog-side-note__stat-number,
.antsand-article .blog-side-note--tint-violet .blog-side-note__stat-number,
.antsand-research .blog-side-note--tint-violet .blog-side-note__stat-number,
.antsand-article-wide .blog-side-note--tint-violet .blog-side-note__stat-number {
  color: #6d28d9; }

.blog-table-scroll {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 2rem 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 14px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 28px) left center/44px 100% no-repeat, linear-gradient(270deg, rgba(255, 255, 255, 0), #fff 28px) right center/44px 100% no-repeat, #fff; }

.blog-table-scroll__controls {
  display: flex;
  justify-content: flex-end;
  gap: 0.65rem;
  padding: 0.75rem 0.75rem 0; }

.blog-table-scroll__fullscreen-button {
  appearance: none;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 999px;
  background: #fff;
  color: #111827;
  cursor: pointer;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  line-height: 1;
  padding: 0.58rem 0.82rem;
  text-transform: uppercase;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease; }

.blog-table-scroll__fullscreen-button:hover,
.blog-table-scroll__fullscreen-button:focus-visible {
  border-color: rgba(185, 0, 0, 0.32);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
  outline: none;
  transform: translateY(-1px); }

.blog-table-scroll table, .blog-table-scroll .ant-datatable__table {
  min-width: 720px;
  table-layout: auto;
  margin: 0; }

.blog-table-scroll table th, .blog-table-scroll .ant-datatable__table th,
.blog-table-scroll table td,
.blog-table-scroll .ant-datatable__table td {
  vertical-align: top; }

.blog-table-scroll table th:first-child, .blog-table-scroll .ant-datatable__table th:first-child,
.blog-table-scroll table td:first-child,
.blog-table-scroll .ant-datatable__table td:first-child {
  min-width: 12rem;
  width: 16rem; }

.blog-table-scroll table th:first-child code, .blog-table-scroll .ant-datatable__table th:first-child code,
.blog-table-scroll table td:first-child code,
.blog-table-scroll .ant-datatable__table td:first-child code {
  overflow-wrap: break-word;
  word-break: normal; }

.blog-table-scroll code {
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: break-word; }

.article-body code:not(pre code),
.blog-post-content code:not(pre code),
.antsand-article code:not(pre code),
.antsand-research code:not(pre code),
.antsand-article-wide code:not(pre code),
article[data-blog-layout="research"] code:not(pre code) {
  box-sizing: border-box;
  max-width: 100%;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  word-break: break-word !important; }

.article-body li > code:only-child,
.blog-post-content li > code:only-child,
.antsand-article li > code:only-child,
.antsand-research li > code:only-child,
.antsand-article-wide li > code:only-child,
article[data-blog-layout="research"] li > code:only-child {
  display: inline-block;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  vertical-align: bottom;
  -webkit-overflow-scrolling: touch; }

.article-body li,
.blog-post-content li,
.antsand-article li,
.antsand-research li,
.antsand-article-wide li,
article[data-blog-layout="research"] li {
  min-width: 0; }

.blog-table-fullscreen-open {
  overflow: hidden; }

.blog-table-fullscreen-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9998;
  border: 0;
  background: rgba(15, 23, 42, 0.58);
  cursor: zoom-out; }

.blog-table-scroll.is-fullscreen {
  position: fixed;
  inset: clamp(1.5rem, 5vw, 4rem);
  z-index: 9999;
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  margin: 0;
  padding: 0 clamp(1.5rem, 3vw, 3rem) clamp(1.5rem, 3vw, 2.5rem);
  overflow: auto;
  background: #fff;
  border-color: rgba(15, 23, 42, 0.12);
  border-radius: 20px;
  box-shadow: 0 32px 110px rgba(15, 23, 42, 0.32), 0 0 0 1px rgba(15, 23, 42, 0.06); }

.blog-table-scroll.is-fullscreen .blog-table-scroll__controls {
  position: sticky;
  top: 0;
  z-index: 3;
  padding: 1.1rem 0.5rem;
  margin: 0 calc(-1 * clamp(1.5rem, 3vw, 3rem));
  padding-left: clamp(1.5rem, 3vw, 3rem);
  padding-right: clamp(1.5rem, 3vw, 3rem);
  background: linear-gradient(180deg, #fff 60%, rgba(255, 255, 255, 0.92) 100%);
  border-bottom: 1px solid rgba(15, 23, 42, 0.06); }

.blog-table-scroll.is-fullscreen table, .blog-table-scroll.is-fullscreen .ant-datatable__table {
  min-width: 100%;
  width: 100%;
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 0.5rem; }

.blog-table-scroll.is-fullscreen table th, .blog-table-scroll.is-fullscreen .ant-datatable__table th {
  padding: 1rem 1.5rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
  background: #f8fafc;
  border-bottom: 2px solid #e2e8f0;
  white-space: nowrap; }

.blog-table-scroll.is-fullscreen table th:first-child, .blog-table-scroll.is-fullscreen .ant-datatable__table th:first-child {
  border-radius: 10px 0 0 0; }

.blog-table-scroll.is-fullscreen table th:last-child, .blog-table-scroll.is-fullscreen .ant-datatable__table th:last-child {
  border-radius: 0 10px 0 0; }

.blog-table-scroll.is-fullscreen table td, .blog-table-scroll.is-fullscreen .ant-datatable__table td {
  padding: 1rem 1.5rem;
  font-size: 0.95rem;
  line-height: 1.65;
  color: #1e293b;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
  vertical-align: top; }

.blog-table-scroll.is-fullscreen table tbody tr:nth-child(even), .blog-table-scroll.is-fullscreen .ant-datatable__table tbody tr:nth-child(even) {
  background: #f8fafc; }

.blog-table-scroll.is-fullscreen table tbody tr:hover, .blog-table-scroll.is-fullscreen .ant-datatable__table tbody tr:hover {
  background: #eff6ff; }

.blog-table-scroll.is-fullscreen table tbody tr:last-child td, .blog-table-scroll.is-fullscreen .ant-datatable__table tbody tr:last-child td {
  border-bottom: none; }

.blog-table-scroll.is-fullscreen table tbody tr:last-child td:first-child, .blog-table-scroll.is-fullscreen .ant-datatable__table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 10px; }

.blog-table-scroll.is-fullscreen table tbody tr:last-child td:last-child, .blog-table-scroll.is-fullscreen .ant-datatable__table tbody tr:last-child td:last-child {
  border-radius: 0 0 10px 0; }

.blog-table-scroll.is-fullscreen table code, .blog-table-scroll.is-fullscreen .ant-datatable__table code {
  font-size: 0.88rem;
  padding: 0.15em 0.45em;
  background: rgba(59, 130, 246, 0.08);
  border-radius: 4px;
  color: #1e40af; }

.blog-post-content table:not(.research-runtime-table), .blog-post-content .ant-datatable__table:not(.research-runtime-table),
.article-body table:not(.research-runtime-table),
.article-body .ant-datatable__table:not(.research-runtime-table),
.antsand-article table:not(.research-runtime-table),
.antsand-article .ant-datatable__table:not(.research-runtime-table),
.antsand-article-wide .ant-datatable__table:not(.research-runtime-table),
.antsand-research .ant-datatable__table:not(.research-runtime-table),
.antsand-research table:not(.research-runtime-table),
.antsand-article-wide table:not(.research-runtime-table),
article[data-blog-layout="research"] table:not(.research-runtime-table),
article[data-blog-layout="research"] .ant-datatable__table:not(.research-runtime-table) {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; }

.blog-post-content table:not(.research-runtime-table) code, .blog-post-content .ant-datatable__table:not(.research-runtime-table) code,
.article-body table:not(.research-runtime-table) code,
.article-body .ant-datatable__table:not(.research-runtime-table) code,
.antsand-article table:not(.research-runtime-table) code,
.antsand-article .ant-datatable__table:not(.research-runtime-table) code,
.antsand-article-wide .ant-datatable__table:not(.research-runtime-table) code,
.antsand-research .ant-datatable__table:not(.research-runtime-table) code,
.antsand-research table:not(.research-runtime-table) code,
.antsand-article-wide table:not(.research-runtime-table) code,
article[data-blog-layout="research"] table:not(.research-runtime-table) code,
article[data-blog-layout="research"] .ant-datatable__table:not(.research-runtime-table) code {
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: break-word; }

@media (max-width: 760px) {
  .blog-table-scroll {
    margin-left: calc(-1 * min(0.75rem, 3vw));
    margin-right: calc(-1 * min(0.75rem, 3vw));
    width: calc(100% + min(1.5rem, 6vw));
    max-width: calc(100% + min(1.5rem, 6vw));
    border-radius: 12px; }
  .blog-table-scroll table, .blog-table-scroll .ant-datatable__table {
    min-width: 860px; } }

@media (min-width: 1180px) {
  .blog-annotated-block > .blog-side-note,
  .blog-side-note-anchor > .blog-side-note {
    position: absolute;
    top: 50%;
    right: -340px;
    z-index: 2;
    width: 280px;
    margin: 0;
    transform: translateY(calc(-50% + var(--blog-side-note-offset, 0px))); }
  .blog-annotated-block > .blog-side-note--left,
  .blog-side-note-anchor > .blog-side-note--left {
    right: -340px;
    left: auto; }
  .blog-side-note--wide.blog-side-note,
  .blog-annotated-block > .blog-side-note--wide,
  .blog-side-note-anchor > .blog-side-note--wide {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    transform: none; } }

.article-category {
  display: inline-block;
  background: rgba(185, 0, 0, 0.08);
  color: #b90000;
  padding: 6px 14px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
  text-decoration: none; }

.article-header-inner-standard {
  max-width: 800px;
  margin: 60px auto 40px;
  text-align: center; }

.article-meta {
  display: flex;
  justify-content: center;
  gap: 20px;
  font-size: 14px;
  color: #999; }

.blog-media-header .article-category,
.research-header .article-category,
.video-header .article-category {
  background: rgba(255, 255, 255, 0.9);
  color: #b90000;
  margin-bottom: 16px; }

.blog-media-header .article-meta,
.research-header .article-meta,
.video-header .article-meta {
  color: rgba(255, 255, 255, 0.9); }

.blog-detail-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 18px 0 0; }

.blog-detail-tag {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(185, 0, 0, 0.22);
  background: rgba(185, 0, 0, 0.08);
  color: #111827;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none; }

.blog-media-header .blog-detail-tag,
.research-header .blog-detail-tag,
.video-header .blog-detail-tag {
  border-color: rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.12);
  color: #fff; }

.research-header {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  color: #fff;
  padding: 80px 1rem; }

.research-header-inner {
  max-width: 900px;
  margin: 0 auto; }

.research-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(37, 99, 235, 0.2);
  color: #60a5fa;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 24px; }

.research-meta {
  margin-bottom: 20px;
  color: #94a3b8;
  font-size: 14px; }

.research-body,
.video-content {
  max-width: 800px;
  margin: 60px auto 80px; }

.video-header {
  background: #0f172a;
  color: #fff;
  padding: 40px 1rem; }

.video-header-inner {
  max-width: 1100px;
  margin: 0 auto; }

.video-player {
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 12px;
  margin-bottom: 32px;
  overflow: hidden;
  position: relative; }
  .video-player video, .video-player.video-media,
  .video-player img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit; }

.video-player-image {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }

.video-info {
  color: #fff; }

.video-badge {
  display: inline-block;
  background: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 16px; }

.video-meta {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
  color: #94a3b8;
  font-size: 14px; }

article[data-blog-layout="research"] {
  background: #fff; }
  article[data-blog-layout="research"] > .header-section {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 4rem);
    max-width: 1180px;
    min-height: clamp(360px, 42vw, 560px);
    max-height: none;
    margin: 36px auto 64px;
    padding: clamp(3rem, 7vw, 5.5rem) clamp(1.4rem, 5vw, 5rem);
    overflow: hidden;
    color: #fff;
    text-align: center;
    background: radial-gradient(circle at 30% 20%, rgba(185, 0, 0, 0.18), transparent 20rem), radial-gradient(circle at 75% 25%, rgba(96, 165, 250, 0.24), transparent 24rem), linear-gradient(135deg, #07090d 0%, #0f172a 54%, #161616 100%);
    border: 0;
    border-radius: 22px;
    box-shadow: 0 26px 70px rgba(15, 23, 42, 0.22); }
    article[data-blog-layout="research"] > .header-section > img {
      position: absolute;
      inset: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      min-height: 100%;
      max-height: none;
      object-fit: cover;
      filter: saturate(0.95) contrast(1.08) brightness(0.62);
      transform: scale(1.01); }
    article[data-blog-layout="research"] > .header-section > .media-header-overlay,
    article[data-blog-layout="research"] > .header-section > .header-overlay {
      position: absolute;
      inset: 0;
      z-index: 1;
      height: 100%;
      background: radial-gradient(circle at 50% 34%, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.78) 76%), linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.78) 100%); }
  article[data-blog-layout="research"] > .header-section .header-container,
  article[data-blog-layout="research"] > .header-section .article-header-inner {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
    text-align: center; }
  article[data-blog-layout="research"] > .header-section .header-span,
  article[data-blog-layout="research"] > .header-section .meta,
  article[data-blog-layout="research"] > .header-section .article-category {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 24px;
    padding: 8px 16px;
    color: #b90000;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
    font-size: 13px;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-shadow: none;
    text-transform: uppercase; }
  article[data-blog-layout="research"] > .header-section .antsand-blog-detail-title,
  article[data-blog-layout="research"] > .header-section .header-h1,
  article[data-blog-layout="research"] > .header-section .title,
  article[data-blog-layout="research"] > .header-section .antsand-hero-title,
  article[data-blog-layout="research"] > .header-section .antsand-feature-title {
    max-width: 900px;
    margin: 0 auto 26px;
    color: #fff;
    font-size: clamp(2.75rem, 6vw, 5.7rem);
    line-height: 0.92;
    letter-spacing: -0.06em;
    text-align: center;
    text-shadow: 0 8px 34px rgba(0, 0, 0, 0.78); }
  article[data-blog-layout="research"] > .header-section .header-p,
  article[data-blog-layout="research"] > .header-section .description,
  article[data-blog-layout="research"] > .header-section .antsand-hero-subtitle,
  article[data-blog-layout="research"] > .header-section .antsand-feature-desc,
  article[data-blog-layout="research"] > .header-section .article-meta,
  article[data-blog-layout="research"] > .header-section .article-meta span {
    justify-content: center;
    color: rgba(255, 255, 255, 0.86);
    font-size: 14px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.72); }
  article[data-blog-layout="research"] > .header-section .blog-detail-tags {
    justify-content: center;
    margin-top: 24px; }
  article[data-blog-layout="research"] > .header-section .blog-detail-tag {
    color: #fff;
    background: rgba(255, 255, 255, 0.11);
    border-color: rgba(255, 255, 255, 0.34);
    backdrop-filter: blur(8px);
    text-shadow: 0 1px 7px rgba(0, 0, 0, 0.72); }
  article[data-blog-layout="research"] > .data-container,
  article[data-blog-layout="research"] .research-shell > .data-container {
    max-width: 860px;
    margin: 0 auto 90px; }
  article[data-blog-layout="research"] > .data-container .content-wrapper,
  article[data-blog-layout="research"] > .data-container .entry-content,
  article[data-blog-layout="research"] .research-shell > .data-container .content-wrapper,
  article[data-blog-layout="research"] .research-shell > .data-container .entry-content {
    max-width: 820px;
    color: #1f2937; }
  article[data-blog-layout="research"] .research-abstract {
    position: relative;
    margin: 0 0 clamp(2.5rem, 6vw, 4rem);
    padding: clamp(1.4rem, 4vw, 2rem);
    overflow: hidden;
    color: #253044;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.96)), radial-gradient(circle at 100% 0%, rgba(185, 0, 0, 0.08), transparent 18rem);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-left: 4px solid #111827;
    border-radius: 0 14px 14px 0;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08); }
    article[data-blog-layout="research"] .research-abstract::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background-image: linear-gradient(rgba(15, 23, 42, 0.035) 1px, transparent 1px);
      background-size: 100% 2.05rem;
      opacity: 0.5; }
    article[data-blog-layout="research"] .research-abstract > * {
      position: relative;
      z-index: 1; }
    article[data-blog-layout="research"] .research-abstract p {
      margin: 0 0 1rem;
      color: #334155;
      font-size: clamp(1.02rem, 1.8vw, 1.18rem);
      line-height: 1.62; }
    article[data-blog-layout="research"] .research-abstract .research-abstract-kicker,
    article[data-blog-layout="research"] .research-abstract > p:first-child {
      margin-bottom: 1rem;
      color: #111827;
      font-size: 0.75rem;
      font-weight: 900;
      letter-spacing: 0.16em;
      line-height: 1.2;
      text-transform: uppercase; }
    article[data-blog-layout="research"] .research-abstract p:last-child {
      margin-bottom: 0; }
    article[data-blog-layout="research"] .research-abstract .research-abstract-lead {
      color: #1f2937;
      font-size: clamp(1.12rem, 2vw, 1.28rem);
      font-weight: 650;
      line-height: 1.55; }
    article[data-blog-layout="research"] .research-abstract .research-abstract-note {
      margin-top: 1.15rem;
      padding-top: 1.15rem;
      border-top: 1px solid rgba(15, 23, 42, 0.1);
      color: #475569;
      font-size: clamp(0.98rem, 1.5vw, 1.05rem);
      font-style: italic; }
    article[data-blog-layout="research"] .research-abstract code {
      background: rgba(15, 23, 42, 0.06);
      color: #111827; }
  article[data-blog-layout="research"] .research-reference-panel {
    position: relative;
    margin: clamp(3rem, 7vw, 5rem) 0 0;
    padding: clamp(1.4rem, 4vw, 2rem);
    overflow: hidden;
    color: #e5e7eb;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px), linear-gradient(180deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px), radial-gradient(circle at 12% 0%, rgba(185, 0, 0, 0.28), transparent 18rem), radial-gradient(circle at 90% 18%, rgba(96, 165, 250, 0.22), transparent 20rem), linear-gradient(135deg, #07090d 0%, #111827 58%, #1f2937 100%);
    background-size: 28px 28px, 28px 28px, auto, auto, auto;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 18px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22); }
    article[data-blog-layout="research"] .research-reference-panel::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.09) 46%, transparent 62%);
      opacity: 0.42; }
    article[data-blog-layout="research"] .research-reference-panel > * {
      position: relative;
      z-index: 1; }
    article[data-blog-layout="research"] .research-reference-panel h2 {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      margin: 0 0 0.75rem;
      padding: 0 0 0.9rem;
      color: #fff;
      border-bottom: 1px solid rgba(148, 163, 184, 0.28);
      font-size: clamp(1.5rem, 4vw, 2.25rem);
      letter-spacing: -0.035em; }
      article[data-blog-layout="research"] .research-reference-panel h2::before {
        content: "";
        width: 0.65rem;
        height: 0.65rem;
        border-radius: 999px;
        background: #b90000;
        box-shadow: 0 0 0 6px rgba(185, 0, 0, 0.16), 0 0 24px rgba(185, 0, 0, 0.7); }
    article[data-blog-layout="research"] .research-reference-panel .research-reference-intro {
      max-width: 680px;
      margin: 0 0 1.35rem;
      color: #cbd5e1;
      font-size: 1rem;
      line-height: 1.6; }
    article[data-blog-layout="research"] .research-reference-panel ul {
      display: grid;
      gap: 0.7rem;
      margin: 0;
      padding: 0;
      list-style: none; }
    article[data-blog-layout="research"] .research-reference-panel li {
      display: grid;
      grid-template-columns: minmax(86px, 0.28fr) minmax(0, 1fr);
      gap: 1rem;
      align-items: center;
      margin: 0;
      padding: 0.8rem 0.9rem;
      background: rgba(255, 255, 255, 0.055);
      border: 1px solid rgba(148, 163, 184, 0.18);
      border-radius: 12px;
      backdrop-filter: blur(10px); }
    article[data-blog-layout="research"] .research-reference-panel li span {
      display: inline-flex;
      justify-content: center;
      padding: 0.28rem 0.55rem;
      color: #fecaca;
      background: rgba(185, 0, 0, 0.18);
      border: 1px solid rgba(248, 113, 113, 0.26);
      border-radius: 999px;
      font-size: 0.68rem;
      font-weight: 900;
      letter-spacing: 0.12em;
      text-transform: uppercase; }
    article[data-blog-layout="research"] .research-reference-panel li a {
      min-width: 0;
      color: #f8fafc;
      border-bottom: 0;
      font-size: clamp(0.95rem, 1.8vw, 1.05rem);
      font-weight: 750;
      line-height: 1.35;
      overflow-wrap: anywhere;
      text-decoration: none; }
      article[data-blog-layout="research"] .research-reference-panel li a::after {
        content: "↗";
        display: inline-block;
        margin-left: 0.45rem;
        color: #93c5fd;
        font-size: 0.9em;
        transform: translateY(-0.06em); }
      article[data-blog-layout="research"] .research-reference-panel li a:hover {
        color: #bfdbfe; }
  article[data-blog-layout="research"] .research-thesis-card,
  article[data-blog-layout="research"] .research-callout {
    position: relative;
    margin: clamp(2rem, 5vw, 3rem) 0;
    padding: clamp(1.25rem, 4vw, 1.8rem);
    overflow: hidden;
    background: radial-gradient(circle at 0% 0%, rgba(185, 0, 0, 0.08), transparent 18rem), linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(15, 23, 42, 0.09);
    border-left: 4px solid #b90000;
    border-radius: 0 16px 16px 0;
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.07); }
  article[data-blog-layout="research"] .research-thesis-label,
  article[data-blog-layout="research"] .research-callout-label {
    display: inline-flex;
    margin-bottom: 0.85rem;
    color: #b90000;
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.16em;
    line-height: 1.2;
    text-transform: uppercase; }
  article[data-blog-layout="research"] .research-thesis-card p,
  article[data-blog-layout="research"] .research-callout p {
    margin: 0;
    color: #182033;
    font-size: clamp(1.08rem, 2vw, 1.24rem);
    font-weight: 620;
    line-height: 1.58; }
  article[data-blog-layout="research"] .research-figure {
    margin: clamp(2rem, 5vw, 3.5rem) 0; }
  article[data-blog-layout="research"] .research-figure img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 18px;
    box-shadow: 0 22px 58px rgba(15, 23, 42, 0.13); }
  article[data-blog-layout="research"] .research-figure figcaption {
    max-width: 760px;
    margin: 0.85rem auto 0;
    color: #64748b;
    font-size: 0.92rem;
    font-style: italic;
    line-height: 1.55;
    text-align: center; }
  article[data-blog-layout="research"] .research-sequence-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
    margin: clamp(1.4rem, 4vw, 2rem) 0 clamp(2rem, 5vw, 3rem);
    padding: clamp(1rem, 3vw, 1.35rem);
    list-style: none;
    counter-reset: research-sequence;
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.035) 1px, transparent 1px), linear-gradient(180deg, rgba(15, 23, 42, 0.03) 1px, transparent 1px), linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    background-size: 28px 28px, 28px 28px, auto;
    border: 1px solid rgba(15, 23, 42, 0.09);
    border-radius: 18px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.055); }
  article[data-blog-layout="research"] .research-sequence-list li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin: 0;
    padding: 0.72rem 0.8rem;
    color: #1f2937;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(15, 23, 42, 0.075);
    border-radius: 12px;
    font-size: clamp(0.96rem, 1.6vw, 1.05rem);
    font-weight: 650;
    line-height: 1.35;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
    counter-increment: research-sequence; }
  article[data-blog-layout="research"] .research-sequence-list li::before {
    content: counter(research-sequence, decimal-leading-zero);
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 2rem;
    height: 2rem;
    color: #b90000;
    background: rgba(185, 0, 0, 0.08);
    border: 1px solid rgba(185, 0, 0, 0.16);
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: -0.02em; }
  article[data-blog-layout="research"] .research-flow {
    --research-flow-accent: #b90000;
    --research-flow-ink: #101827;
    --research-flow-muted: #64748b;
    --research-flow-border: rgba(15, 23, 42, 0.12);
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.8rem;
    margin: clamp(2rem, 5vw, 3.2rem) 0;
    padding: clamp(1.15rem, 4vw, 1.6rem);
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.035) 1px, transparent 1px), linear-gradient(180deg, rgba(15, 23, 42, 0.028) 1px, transparent 1px), radial-gradient(circle at 12% 0%, rgba(185, 0, 0, 0.09), transparent 20rem), #fbfcfe;
    background-size: 26px 26px, 26px 26px, auto, auto;
    border: 1px solid var(--research-flow-border);
    border-radius: 18px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 18px 44px rgba(15, 23, 42, 0.06); }
  article[data-blog-layout="research"] .research-flow-caption {
    grid-column: 1 / -1;
    margin: 0 0 0.25rem;
    color: var(--research-flow-muted);
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.14em;
    text-transform: uppercase; }
  article[data-blog-layout="research"] .research-flow-node,
  article[data-blog-layout="research"] .research-flow > p:not(.research-flow-caption) {
    position: relative;
    display: block;
    margin: 0;
    min-height: auto;
    padding: 1rem 1.1rem 1.05rem 1.15rem;
    color: var(--research-flow-ink);
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid var(--research-flow-border);
    border-left: 3px solid rgba(15, 23, 42, 0.14);
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.055); }
  article[data-blog-layout="research"] .research-flow-node:not(:last-child)::after,
  article[data-blog-layout="research"] .research-flow > p:not(.research-flow-caption):not(:last-child)::after {
    content: "";
    position: absolute;
    left: 1.55rem;
    bottom: -0.72rem;
    width: 1px;
    height: 0.72rem;
    background: rgba(185, 0, 0, 0.45);
    opacity: 1;
    transform: none; }
  article[data-blog-layout="research"] .research-flow-node strong,
  article[data-blog-layout="research"] .research-flow > p:not(.research-flow-caption) strong {
    display: block;
    margin-bottom: 0.38rem;
    color: #111827;
    font-size: clamp(0.95rem, 1.8vw, 1.05rem);
    font-weight: 900;
    letter-spacing: -0.015em;
    line-height: 1.15; }
  article[data-blog-layout="research"] .research-flow-node span,
  article[data-blog-layout="research"] .research-flow > p:not(.research-flow-caption) span {
    display: block;
    color: var(--research-flow-muted);
    font-size: 0.82rem;
    font-weight: 620;
    line-height: 1.5; }
  article[data-blog-layout="research"] .research-flow-node.is-input {
    border-color: rgba(96, 165, 250, 0.28);
    border-left-color: rgba(96, 165, 250, 0.75);
    box-shadow: 0 10px 28px rgba(96, 165, 250, 0.12); }
  article[data-blog-layout="research"] .research-flow-node.is-output {
    color: #fff;
    background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
    border-color: rgba(185, 0, 0, 0.36);
    border-left-color: #b90000;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.2), 0 0 28px rgba(185, 0, 0, 0.16); }
    article[data-blog-layout="research"] .research-flow-node.is-output strong,
    article[data-blog-layout="research"] .research-flow-node.is-output span {
      color: inherit; }
    article[data-blog-layout="research"] .research-flow-node.is-output span {
      color: rgba(255, 255, 255, 0.76); }
  article[data-blog-layout="research"] .research-runtime-table {
    width: 100%;
    margin: clamp(2rem, 5vw, 3rem) 0;
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 16px;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.06); }
  article[data-blog-layout="research"] .research-runtime-table th,
  article[data-blog-layout="research"] .research-runtime-table td {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    text-align: left;
    vertical-align: top; }
  article[data-blog-layout="research"] .research-runtime-table tr:last-child td {
    border-bottom: 0; }
  article[data-blog-layout="research"] .research-runtime-table th {
    color: #fff;
    background: #111827;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase; }
  article[data-blog-layout="research"] .research-runtime-table td:first-child {
    width: 30%;
    color: #b90000;
    font-weight: 900; }
  article[data-blog-layout="research"] .research-runtime-table td:last-child {
    color: #334155;
    line-height: 1.55; }
  article[data-blog-layout="research"] .research-shell {
    display: block;
    width: 100%;
    margin: 0 auto 96px; }
  article[data-blog-layout="research"] .research-shell > .data-container {
    width: calc(100% - 2rem);
    max-width: 860px;
    margin: 0 auto; }
  article[data-blog-layout="research"] .research-toc {
    position: fixed;
    top: 104px;
    left: clamp(1rem, 3vw, 3.5rem);
    z-index: 20;
    width: clamp(190px, 18vw, 270px);
    max-height: calc(100vh - 128px);
    overflow: auto;
    padding-top: 0.4rem;
    padding-left: 5px;
    scrollbar-width: thin;
    opacity: 1;
    transform: translateX(0);
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease; }
  article[data-blog-layout="research"].is-research-toc-done .research-toc {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-12px); }
  article[data-blog-layout="research"] .research-toc-title {
    margin: 0 0 1rem;
    padding-bottom: 0.7rem;
    border-bottom: 1px solid #e5e7eb;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase; }
  article[data-blog-layout="research"] .research-toc-list {
    position: relative;
    display: grid;
    gap: 1.15rem;
    margin: 0;
    padding: 0 0 0 1.35rem;
    list-style: none; }
    article[data-blog-layout="research"] .research-toc-list::before, article[data-blog-layout="research"] .research-toc-list::after {
      content: "";
      position: absolute;
      left: 4px;
      top: 0.45rem;
      width: 1px;
      border-radius: 999px; }
    article[data-blog-layout="research"] .research-toc-list::before {
      bottom: 0.45rem;
      background: #d7dce3; }
    article[data-blog-layout="research"] .research-toc-list::after {
      height: var(--research-toc-progress, 0px);
      background: #111827;
      transition: height 160ms ease; }
  article[data-blog-layout="research"] .research-toc-item {
    position: relative;
    margin: 0;
    padding: 0; }
  article[data-blog-layout="research"] .research-toc-link {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.55rem;
    color: #9ca3af;
    text-decoration: none;
    transition: color 160ms ease; }
    article[data-blog-layout="research"] .research-toc-link::before {
      content: "";
      position: absolute;
      left: calc(-1.35rem - 0.5px);
      top: 0.38rem;
      width: 9px;
      height: 9px;
      z-index: 2;
      border: 2px solid #d7dce3;
      border-radius: 999px;
      background: #fafafa;
      transition: background 160ms ease, border-color 160ms ease, transform 160ms ease; }
    article[data-blog-layout="research"] .research-toc-link:hover {
      color: #111827; }
      article[data-blog-layout="research"] .research-toc-link:hover::before {
        border-color: #111827;
        transform: scale(1.08); }
  article[data-blog-layout="research"] .research-toc-item.is-read .research-toc-link {
    color: #9ca3af; }
    article[data-blog-layout="research"] .research-toc-item.is-read .research-toc-link::before {
      background: #111827;
      border-color: #111827;
      z-index: 99; }
  article[data-blog-layout="research"] .research-toc-item.is-active .research-toc-link {
    color: #111827;
    font-weight: 800; }
    article[data-blog-layout="research"] .research-toc-item.is-active .research-toc-link::before {
      background: #111827;
      border-color: #111827;
      transform: scale(1.12); }
  article[data-blog-layout="research"] .research-toc-item.is-upcoming .research-toc-link {
    color: #a3a3a3; }
  article[data-blog-layout="research"] .research-toc-index {
    color: inherit;
    font-size: 0.74rem;
    font-weight: 800;
    line-height: 1.35; }
  article[data-blog-layout="research"] .research-toc-text {
    color: inherit;
    font-size: 0.84rem;
    font-weight: 650;
    line-height: 1.35; }
  article[data-blog-layout="research"] .research-rail {
    display: none; }

@media (max-width: 768px) {
  .antsand-blog-detail-title {
    font-size: clamp(1.65rem, 8vw, 2.25rem); }
  .blog-media-header {
    min-height: 360px; }
    .blog-media-header img {
      min-height: 360px; }
    .blog-media-header .article-header-inner {
      padding: 32px 16px; }
    .blog-media-header .article-meta {
      gap: 10px;
      flex-wrap: wrap; }
  .article-body,
  .research-body,
  .video-content {
    width: calc(100% - 2rem);
    margin-bottom: 64px; }
  .research-header {
    padding: 56px 1rem; }
  .video-meta {
    flex-wrap: wrap;
    gap: 10px; } }

@media (max-width: 1180px) {
  article[data-blog-layout="research"] .research-shell {
    margin-bottom: 72px; }
  article[data-blog-layout="research"] .research-toc {
    display: none; } }

@media (max-width: 620px) {
  article[data-blog-layout="research"] .research-sequence-list {
    grid-template-columns: 1fr; }
  article[data-blog-layout="research"] .research-runtime-table,
  article[data-blog-layout="research"] .research-runtime-table tbody,
  article[data-blog-layout="research"] .research-runtime-table tr,
  article[data-blog-layout="research"] .research-runtime-table th,
  article[data-blog-layout="research"] .research-runtime-table td {
    display: block;
    width: 100%; }
  article[data-blog-layout="research"] .research-runtime-table thead {
    display: none; }
  article[data-blog-layout="research"] .research-runtime-table tr {
    border-bottom: 1px solid rgba(15, 23, 42, 0.08); }
  article[data-blog-layout="research"] .research-runtime-table tr:last-child {
    border-bottom: 0; }
  article[data-blog-layout="research"] .research-runtime-table td {
    border-bottom: 0; } }

.antsand-blog-comments {
  --antsand-comment-accent: #b90000;
  --antsand-comment-ink: #111827;
  --antsand-comment-muted: #6b7280;
  --antsand-comment-border: #e5e7eb;
  --antsand-comment-paper: #fff;
  --antsand-comment-soft: #f9fafb;
  padding: clamp(3rem, 7vw, 5rem) 1rem;
  background: radial-gradient(circle at 12% 0%, rgba(185, 0, 0, 0.07), transparent 28%), linear-gradient(180deg, #fff 0%, #f9fafb 100%); }
  .antsand-blog-comments .antsand-blog-comments-wrap {
    width: 100%;
    max-width: 760px;
    margin: 0 auto; }
  .antsand-blog-comments .antsand-blog-comments-header {
    margin-bottom: 2rem;
    text-align: center; }
    .antsand-blog-comments .antsand-blog-comments-header .antsand-blog-comments-kicker {
      display: inline-flex;
      margin-bottom: 0.6rem;
      color: var(--antsand-comment-accent);
      font-size: 0.75rem;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase; }
    .antsand-blog-comments .antsand-blog-comments-header h2 {
      margin: 0 0 0.65rem;
      color: var(--antsand-comment-ink);
      font-size: clamp(2rem, 5vw, 3rem);
      font-weight: 900;
      letter-spacing: -0.045em;
      line-height: 1; }
    .antsand-blog-comments .antsand-blog-comments-header p {
      max-width: 560px;
      margin: 0 auto;
      color: var(--antsand-comment-muted);
      font-size: 1rem;
      line-height: 1.65; }
  .antsand-blog-comments .antsand-blog-comments-list {
    display: grid;
    gap: 1rem;
    margin-bottom: 1.5rem; }
  .antsand-blog-comments .antsand-blog-comment {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--antsand-comment-border);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 12px 34px rgba(15, 23, 42, 0.06); }
  .antsand-blog-comments .antsand-blog-comment-avatar {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--antsand-comment-accent), #111827);
    color: #fff;
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.08em; }
  .antsand-blog-comments .antsand-blog-comment-body {
    min-width: 0; }
    .antsand-blog-comments .antsand-blog-comment-body p {
      margin: 0.45rem 0 0;
      color: #1f2937;
      font-size: 1rem;
      line-height: 1.65; }
  .antsand-blog-comments .antsand-blog-comment-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem; }
    .antsand-blog-comments .antsand-blog-comment-meta strong {
      color: var(--antsand-comment-ink);
      font-size: 0.95rem; }
    .antsand-blog-comments .antsand-blog-comment-meta time {
      color: var(--antsand-comment-muted);
      font-size: 0.82rem; }
  .antsand-blog-comments .antsand-blog-comment-subject {
    margin-top: 0.2rem;
    color: var(--antsand-comment-accent);
    font-size: 0.86rem;
    font-weight: 800; }
  .antsand-blog-comments .antsand-blog-comments-empty {
    padding: 1.1rem;
    border: 1px dashed var(--antsand-comment-border);
    border-radius: 1rem;
    color: var(--antsand-comment-muted);
    text-align: center;
    background: rgba(255, 255, 255, 0.62); }
  .antsand-blog-comments .antsand-blog-comment-form {
    display: grid;
    gap: 1rem;
    padding: clamp(1rem, 3vw, 1.5rem);
    border: 1px solid var(--antsand-comment-border);
    border-radius: 1.25rem;
    background: var(--antsand-comment-paper);
    box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08); }
    .antsand-blog-comments .antsand-blog-comment-form label {
      display: grid;
      gap: 0.45rem;
      color: var(--antsand-comment-ink);
      font-size: 0.85rem;
      font-weight: 800; }
    .antsand-blog-comments .antsand-blog-comment-form em {
      color: var(--antsand-comment-muted);
      font-style: normal;
      font-weight: 600; }
    .antsand-blog-comments .antsand-blog-comment-form input,
    .antsand-blog-comments .antsand-blog-comment-form textarea {
      width: 100%;
      border: 1px solid var(--antsand-comment-border);
      border-radius: 0.8rem;
      padding: 0.85rem 0.95rem;
      background: var(--antsand-comment-soft);
      color: var(--antsand-comment-ink);
      font: inherit;
      font-weight: 500;
      outline: none;
      transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease; }
      .antsand-blog-comments .antsand-blog-comment-form input:focus,
      .antsand-blog-comments .antsand-blog-comment-form textarea:focus {
        border-color: rgba(185, 0, 0, 0.5);
        background: #fff;
        box-shadow: 0 0 0 4px rgba(185, 0, 0, 0.08); }
    .antsand-blog-comments .antsand-blog-comment-form textarea {
      resize: vertical; }
  .antsand-blog-comments .antsand-blog-comment-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem; }
  .antsand-blog-comments .antsand-blog-comment-hp {
    position: absolute;
    left: -10000px;
    width: 1px !important;
    height: 1px !important;
    opacity: 0; }
  .antsand-blog-comments .antsand-blog-comment-actions {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap; }
    .antsand-blog-comments .antsand-blog-comment-actions button {
      border: 0;
      border-radius: 999px;
      padding: 0.85rem 1.35rem;
      background: var(--antsand-comment-accent);
      color: #fff;
      font-weight: 900;
      letter-spacing: 0.02em;
      cursor: pointer;
      transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease; }
      .antsand-blog-comments .antsand-blog-comment-actions button:hover {
        transform: translateY(-1px);
        background: #8a0000;
        box-shadow: 0 10px 24px rgba(185, 0, 0, 0.2); }
  .antsand-blog-comments .antsand-blog-comment-status {
    color: var(--antsand-comment-muted);
    font-size: 0.9rem;
    font-weight: 700; }

@media (max-width: 640px) {
  .antsand-blog-comments .antsand-blog-comment-grid {
    grid-template-columns: 1fr; }
  .antsand-blog-comments .antsand-blog-comment {
    grid-template-columns: 36px 1fr;
    padding: 0.9rem; }
  .antsand-blog-comments .antsand-blog-comment-avatar {
    width: 36px;
    height: 36px; } }

.blog-1 {
  padding: 80px 0;
  background: #f9fafb; }
  .blog-1 > .container,
  .blog-1 .container,
  .blog-1 .antsand-footer-grid {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px; }
    .blog-1 > .container > .title,
    .blog-1 .container > .title,
    .blog-1 .antsand-footer-grid > .title,
    .blog-1 .container > .antsand-hero-title,
    .blog-1 .antsand-footer-grid > .antsand-hero-title,
    .blog-1 .container > .antsand-feature-title,
    .blog-1 .antsand-footer-grid > .antsand-feature-title {
      font-size: 2.5rem;
      font-weight: 700;
      color: #1a1a1a;
      margin-bottom: 16px;
      text-align: center; }
    .blog-1 > .container > .description,
    .blog-1 .container > .description,
    .blog-1 .antsand-footer-grid > .description,
    .blog-1 .container > .antsand-hero-subtitle,
    .blog-1 .antsand-footer-grid > .antsand-hero-subtitle,
    .blog-1 .container > .antsand-feature-desc,
    .blog-1 .antsand-footer-grid > .antsand-feature-desc {
      font-size: 1.125rem;
      color: #6b7280;
      text-align: center;
      max-width: 600px;
      margin: 0 auto 48px; }
  .blog-1 .data-container:not(.layout-carousel):not([data-feature="carousel"]):not(
[data-carousel="true"]):not(
[class*="feature-carousel-"]):not(.layout-carousel-cards):not([data-carousel-variant="cards"]):not(
.carousel-cards) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px; }
    @media (max-width: 992px) {
      .blog-1 .data-container:not(.layout-carousel):not([data-feature="carousel"]):not(
[data-carousel="true"]):not(
[class*="feature-carousel-"]):not(.layout-carousel-cards):not([data-carousel-variant="cards"]):not(
.carousel-cards) {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 640px) {
      .blog-1 .data-container:not(.layout-carousel):not([data-feature="carousel"]):not(
[data-carousel="true"]):not(
[class*="feature-carousel-"]):not(.layout-carousel-cards):not([data-carousel-variant="cards"]):not(
.carousel-cards) {
        grid-template-columns: 1fr; } }
  .blog-1 .sub-container, .blog-1 .antsand-feature-item, .blog-1 .antsand-pricing-card, .blog-1 .antsand-footer-column {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column; }
    .blog-1 .sub-container:hover, .blog-1 .antsand-feature-item:hover, .blog-1 .antsand-pricing-card:hover, .blog-1 .antsand-footer-column:hover {
      transform: translateY(-4px);
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); }
      .blog-1 .sub-container:hover .img-container img, .blog-1 .antsand-feature-item:hover .img-container img, .blog-1 .antsand-pricing-card:hover .img-container img, .blog-1 .antsand-footer-column:hover .img-container img, .blog-1 .sub-container:hover .antsand-hero-image img, .blog-1 .antsand-feature-item:hover .antsand-hero-image img, .blog-1 .antsand-pricing-card:hover .antsand-hero-image img, .blog-1 .antsand-footer-column:hover .antsand-hero-image img {
        transform: scale(1.05); }
  .blog-1 .img-container, .blog-1 .antsand-hero-image {
    aspect-ratio: 16/10;
    overflow: hidden; }
    .blog-1 .img-container img, .blog-1 .antsand-hero-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all 0.3s ease; }
  .blog-1 .content-wrapper {
    padding: 24px;
    flex: 1;
    display: flex;
    flex-direction: column; }
    .blog-1 .content-wrapper .title, .blog-1 .content-wrapper .antsand-hero-title, .blog-1 .content-wrapper .antsand-feature-title {
      font-size: 1.25rem;
      font-weight: 600;
      color: #1a1a1a;
      margin-bottom: 12px;
      line-height: 1.4; }
      .blog-1 .content-wrapper .title a, .blog-1 .content-wrapper .antsand-hero-title a, .blog-1 .content-wrapper .antsand-feature-title a {
        color: inherit;
        text-decoration: none; }
        .blog-1 .content-wrapper .title a:hover, .blog-1 .content-wrapper .antsand-hero-title a:hover, .blog-1 .content-wrapper .antsand-feature-title a:hover {
          color: #3b82f6; }
    .blog-1 .content-wrapper .description, .blog-1 .content-wrapper .antsand-hero-subtitle, .blog-1 .content-wrapper .antsand-feature-desc {
      font-size: 0.9375rem;
      color: #6b7280;
      line-height: 1.6;
      margin-bottom: 16px;
      flex: 1;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .blog-1 .content-wrapper .meta {
      font-size: 0.8125rem;
      color: #9ca3af;
      display: flex;
      gap: 12px;
      align-items: center; }
      .blog-1 .content-wrapper .meta .author {
        font-weight: 500;
        color: #6b7280; }
      .blog-1 .content-wrapper .meta .date,
      .blog-1 .content-wrapper .meta .read-time {
        display: flex;
        align-items: center;
        gap: 4px; }
    .blog-1 .content-wrapper .cta, .blog-1 .content-wrapper .antsand-pricing-cta {
      margin-top: 16px;
      color: #3b82f6;
      font-weight: 500;
      font-size: 0.875rem;
      text-decoration: none; }
      .blog-1 .content-wrapper .cta:hover, .blog-1 .content-wrapper .antsand-pricing-cta:hover {
        text-decoration: underline; }
  .blog-1 .tags {
    padding: 0 24px 20px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap; }
    .blog-1 .tags .tag {
      font-size: 0.75rem;
      padding: 4px 10px;
      background: #f3f4f6;
      color: #6b7280;
      border-radius: 4px; }

.blog-2 {
  padding: 80px 0;
  background: white; }
  .blog-2 > .container,
  .blog-2 .container,
  .blog-2 .antsand-footer-grid {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 24px; }
    .blog-2 > .container > .title,
    .blog-2 .container > .title,
    .blog-2 .antsand-footer-grid > .title,
    .blog-2 .container > .antsand-hero-title,
    .blog-2 .antsand-footer-grid > .antsand-hero-title,
    .blog-2 .container > .antsand-feature-title,
    .blog-2 .antsand-footer-grid > .antsand-feature-title {
      font-size: 2rem;
      font-weight: 700;
      color: #1a1a1a;
      margin-bottom: 48px; }
  .blog-2 .data-container {
    display: flex;
    flex-direction: column;
    gap: 32px; }
  .blog-2 .sub-container, .blog-2 .antsand-feature-item, .blog-2 .antsand-pricing-card, .blog-2 .antsand-footer-column {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 32px;
    padding: 24px;
    background: #f9fafb;
    border-radius: 12px;
    transition: all 0.3s ease; }
    .blog-2 .sub-container:hover, .blog-2 .antsand-feature-item:hover, .blog-2 .antsand-pricing-card:hover, .blog-2 .antsand-footer-column:hover {
      background: #f3f4f6; }
      .blog-2 .sub-container:hover .img-container img, .blog-2 .antsand-feature-item:hover .img-container img, .blog-2 .antsand-pricing-card:hover .img-container img, .blog-2 .antsand-footer-column:hover .img-container img, .blog-2 .sub-container:hover .antsand-hero-image img, .blog-2 .antsand-feature-item:hover .antsand-hero-image img, .blog-2 .antsand-pricing-card:hover .antsand-hero-image img, .blog-2 .antsand-footer-column:hover .antsand-hero-image img {
        transform: scale(1.02); }
    @media (max-width: 768px) {
      .blog-2 .sub-container, .blog-2 .antsand-feature-item, .blog-2 .antsand-pricing-card, .blog-2 .antsand-footer-column {
        grid-template-columns: 1fr; } }
  .blog-2 .img-container, .blog-2 .antsand-hero-image {
    aspect-ratio: 4/3;
    border-radius: 8px;
    overflow: hidden; }
    .blog-2 .img-container img, .blog-2 .antsand-hero-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all 0.3s ease; }
  .blog-2 .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .blog-2 .content-wrapper .meta {
      font-size: 0.8125rem;
      color: #9ca3af;
      margin-bottom: 12px;
      display: flex;
      gap: 12px; }
    .blog-2 .content-wrapper .title, .blog-2 .content-wrapper .antsand-hero-title, .blog-2 .content-wrapper .antsand-feature-title {
      font-size: 1.5rem;
      font-weight: 600;
      color: #1a1a1a;
      margin-bottom: 12px;
      line-height: 1.3; }
      .blog-2 .content-wrapper .title a, .blog-2 .content-wrapper .antsand-hero-title a, .blog-2 .content-wrapper .antsand-feature-title a {
        color: inherit;
        text-decoration: none; }
        .blog-2 .content-wrapper .title a:hover, .blog-2 .content-wrapper .antsand-hero-title a:hover, .blog-2 .content-wrapper .antsand-feature-title a:hover {
          color: #3b82f6; }
    .blog-2 .content-wrapper .description, .blog-2 .content-wrapper .antsand-hero-subtitle, .blog-2 .content-wrapper .antsand-feature-desc {
      font-size: 1rem;
      color: #6b7280;
      line-height: 1.6;
      margin-bottom: 16px; }
    .blog-2 .content-wrapper .cta, .blog-2 .content-wrapper .antsand-pricing-cta {
      color: #3b82f6;
      font-weight: 500;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 6px; }
      .blog-2 .content-wrapper .cta:hover, .blog-2 .content-wrapper .antsand-pricing-cta:hover {
        gap: 10px; }
      .blog-2 .content-wrapper .cta::after, .blog-2 .content-wrapper .antsand-pricing-cta::after {
        content: '→';
        transition: all 0.3s ease; }

.blog-3 {
  padding: 80px 0;
  background: white; }
  .blog-3 > .container,
  .blog-3 .container,
  .blog-3 .antsand-footer-grid {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px; }
    .blog-3 > .container > .title,
    .blog-3 .container > .title,
    .blog-3 .antsand-footer-grid > .title,
    .blog-3 .container > .antsand-hero-title,
    .blog-3 .antsand-footer-grid > .antsand-hero-title,
    .blog-3 .container > .antsand-feature-title,
    .blog-3 .antsand-footer-grid > .antsand-feature-title {
      font-size: 2rem;
      font-weight: 700;
      color: #1a1a1a;
      margin-bottom: 40px; }
  .blog-3 .data-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 24px; }
    @media (max-width: 992px) {
      .blog-3 .data-container {
        grid-template-columns: 1fr; } }
  .blog-3 .sub-container:first-child, .blog-3 .antsand-feature-item:first-child, .blog-3 .antsand-pricing-card:first-child, .blog-3 .antsand-footer-column:first-child {
    grid-row: span 2;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    min-height: 500px; }
    .blog-3 .sub-container:first-child .img-container, .blog-3 .antsand-feature-item:first-child .img-container, .blog-3 .antsand-pricing-card:first-child .img-container, .blog-3 .antsand-footer-column:first-child .img-container, .blog-3 .sub-container:first-child .antsand-hero-image, .blog-3 .antsand-feature-item:first-child .antsand-hero-image, .blog-3 .antsand-pricing-card:first-child .antsand-hero-image, .blog-3 .antsand-footer-column:first-child .antsand-hero-image {
      position: absolute;
      inset: 0; }
      .blog-3 .sub-container:first-child .img-container img, .blog-3 .antsand-feature-item:first-child .img-container img, .blog-3 .antsand-pricing-card:first-child .img-container img, .blog-3 .antsand-footer-column:first-child .img-container img, .blog-3 .sub-container:first-child .antsand-hero-image img, .blog-3 .antsand-feature-item:first-child .antsand-hero-image img, .blog-3 .antsand-pricing-card:first-child .antsand-hero-image img, .blog-3 .antsand-footer-column:first-child .antsand-hero-image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .blog-3 .sub-container:first-child .img-container::after, .blog-3 .antsand-feature-item:first-child .img-container::after, .blog-3 .antsand-pricing-card:first-child .img-container::after, .blog-3 .antsand-footer-column:first-child .img-container::after, .blog-3 .sub-container:first-child .antsand-hero-image::after, .blog-3 .antsand-feature-item:first-child .antsand-hero-image::after, .blog-3 .antsand-pricing-card:first-child .antsand-hero-image::after, .blog-3 .antsand-footer-column:first-child .antsand-hero-image::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 100%); }
    .blog-3 .sub-container:first-child .content-wrapper, .blog-3 .antsand-feature-item:first-child .content-wrapper, .blog-3 .antsand-pricing-card:first-child .content-wrapper, .blog-3 .antsand-footer-column:first-child .content-wrapper {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 32px;
      color: white; }
      .blog-3 .sub-container:first-child .content-wrapper .meta, .blog-3 .antsand-feature-item:first-child .content-wrapper .meta, .blog-3 .antsand-pricing-card:first-child .content-wrapper .meta, .blog-3 .antsand-footer-column:first-child .content-wrapper .meta {
        font-size: 0.875rem;
        color: rgba(255, 255, 255, 0.8);
        margin-bottom: 12px; }
      .blog-3 .sub-container:first-child .content-wrapper .title, .blog-3 .antsand-feature-item:first-child .content-wrapper .title, .blog-3 .antsand-pricing-card:first-child .content-wrapper .title, .blog-3 .antsand-footer-column:first-child .content-wrapper .title, .blog-3 .sub-container:first-child .content-wrapper .antsand-hero-title, .blog-3 .antsand-feature-item:first-child .content-wrapper .antsand-hero-title, .blog-3 .antsand-pricing-card:first-child .content-wrapper .antsand-hero-title, .blog-3 .antsand-footer-column:first-child .content-wrapper .antsand-hero-title, .blog-3 .sub-container:first-child .content-wrapper .antsand-feature-title, .blog-3 .antsand-feature-item:first-child .content-wrapper .antsand-feature-title, .blog-3 .antsand-pricing-card:first-child .content-wrapper .antsand-feature-title, .blog-3 .antsand-footer-column:first-child .content-wrapper .antsand-feature-title {
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 12px;
        line-height: 1.3; }
        .blog-3 .sub-container:first-child .content-wrapper .title a, .blog-3 .antsand-feature-item:first-child .content-wrapper .title a, .blog-3 .antsand-pricing-card:first-child .content-wrapper .title a, .blog-3 .antsand-footer-column:first-child .content-wrapper .title a, .blog-3 .sub-container:first-child .content-wrapper .antsand-hero-title a, .blog-3 .antsand-feature-item:first-child .content-wrapper .antsand-hero-title a, .blog-3 .antsand-pricing-card:first-child .content-wrapper .antsand-hero-title a, .blog-3 .antsand-footer-column:first-child .content-wrapper .antsand-hero-title a, .blog-3 .sub-container:first-child .content-wrapper .antsand-feature-title a, .blog-3 .antsand-feature-item:first-child .content-wrapper .antsand-feature-title a, .blog-3 .antsand-pricing-card:first-child .content-wrapper .antsand-feature-title a, .blog-3 .antsand-footer-column:first-child .content-wrapper .antsand-feature-title a {
          color: white;
          text-decoration: none; }
      .blog-3 .sub-container:first-child .content-wrapper .description, .blog-3 .antsand-feature-item:first-child .content-wrapper .description, .blog-3 .antsand-pricing-card:first-child .content-wrapper .description, .blog-3 .antsand-footer-column:first-child .content-wrapper .description, .blog-3 .sub-container:first-child .content-wrapper .antsand-hero-subtitle, .blog-3 .antsand-feature-item:first-child .content-wrapper .antsand-hero-subtitle, .blog-3 .antsand-pricing-card:first-child .content-wrapper .antsand-hero-subtitle, .blog-3 .antsand-footer-column:first-child .content-wrapper .antsand-hero-subtitle, .blog-3 .sub-container:first-child .content-wrapper .antsand-feature-desc, .blog-3 .antsand-feature-item:first-child .content-wrapper .antsand-feature-desc, .blog-3 .antsand-pricing-card:first-child .content-wrapper .antsand-feature-desc, .blog-3 .antsand-footer-column:first-child .content-wrapper .antsand-feature-desc {
        font-size: 1rem;
        color: rgba(255, 255, 255, 0.9);
        line-height: 1.6; }
    .blog-3 .sub-container:first-child .tags, .blog-3 .antsand-feature-item:first-child .tags, .blog-3 .antsand-pricing-card:first-child .tags, .blog-3 .antsand-footer-column:first-child .tags {
      position: absolute;
      top: 20px;
      left: 20px; }
      .blog-3 .sub-container:first-child .tags .tag, .blog-3 .antsand-feature-item:first-child .tags .tag, .blog-3 .antsand-pricing-card:first-child .tags .tag, .blog-3 .antsand-footer-column:first-child .tags .tag {
        background: rgba(255, 255, 255, 0.9);
        color: #1a1a1a;
        padding: 6px 12px;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: 600; }
  .blog-3 .sub-container:not(:first-child), .blog-3 .antsand-feature-item:not(:first-child), .blog-3 .antsand-pricing-card:not(:first-child), .blog-3 .antsand-footer-column:not(:first-child) {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 20px;
    padding: 16px;
    background: #f9fafb;
    border-radius: 8px;
    transition: all 0.3s ease; }
    .blog-3 .sub-container:not(:first-child):hover, .blog-3 .antsand-feature-item:not(:first-child):hover, .blog-3 .antsand-pricing-card:not(:first-child):hover, .blog-3 .antsand-footer-column:not(:first-child):hover {
      background: #f3f4f6; }
    .blog-3 .sub-container:not(:first-child) .img-container, .blog-3 .antsand-feature-item:not(:first-child) .img-container, .blog-3 .antsand-pricing-card:not(:first-child) .img-container, .blog-3 .antsand-footer-column:not(:first-child) .img-container, .blog-3 .sub-container:not(:first-child) .antsand-hero-image, .blog-3 .antsand-feature-item:not(:first-child) .antsand-hero-image, .blog-3 .antsand-pricing-card:not(:first-child) .antsand-hero-image, .blog-3 .antsand-footer-column:not(:first-child) .antsand-hero-image {
      border-radius: 6px;
      overflow: hidden;
      aspect-ratio: 1; }
      .blog-3 .sub-container:not(:first-child) .img-container img, .blog-3 .antsand-feature-item:not(:first-child) .img-container img, .blog-3 .antsand-pricing-card:not(:first-child) .img-container img, .blog-3 .antsand-footer-column:not(:first-child) .img-container img, .blog-3 .sub-container:not(:first-child) .antsand-hero-image img, .blog-3 .antsand-feature-item:not(:first-child) .antsand-hero-image img, .blog-3 .antsand-pricing-card:not(:first-child) .antsand-hero-image img, .blog-3 .antsand-footer-column:not(:first-child) .antsand-hero-image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .blog-3 .sub-container:not(:first-child) .content-wrapper, .blog-3 .antsand-feature-item:not(:first-child) .content-wrapper, .blog-3 .antsand-pricing-card:not(:first-child) .content-wrapper, .blog-3 .antsand-footer-column:not(:first-child) .content-wrapper {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .blog-3 .sub-container:not(:first-child) .content-wrapper .meta, .blog-3 .antsand-feature-item:not(:first-child) .content-wrapper .meta, .blog-3 .antsand-pricing-card:not(:first-child) .content-wrapper .meta, .blog-3 .antsand-footer-column:not(:first-child) .content-wrapper .meta {
        font-size: 0.75rem;
        color: #9ca3af;
        margin-bottom: 8px; }
      .blog-3 .sub-container:not(:first-child) .content-wrapper .title, .blog-3 .antsand-feature-item:not(:first-child) .content-wrapper .title, .blog-3 .antsand-pricing-card:not(:first-child) .content-wrapper .title, .blog-3 .antsand-footer-column:not(:first-child) .content-wrapper .title, .blog-3 .sub-container:not(:first-child) .content-wrapper .antsand-hero-title, .blog-3 .antsand-feature-item:not(:first-child) .content-wrapper .antsand-hero-title, .blog-3 .antsand-pricing-card:not(:first-child) .content-wrapper .antsand-hero-title, .blog-3 .antsand-footer-column:not(:first-child) .content-wrapper .antsand-hero-title, .blog-3 .sub-container:not(:first-child) .content-wrapper .antsand-feature-title, .blog-3 .antsand-feature-item:not(:first-child) .content-wrapper .antsand-feature-title, .blog-3 .antsand-pricing-card:not(:first-child) .content-wrapper .antsand-feature-title, .blog-3 .antsand-footer-column:not(:first-child) .content-wrapper .antsand-feature-title {
        font-size: 1rem;
        font-weight: 600;
        color: #1a1a1a;
        line-height: 1.4;
        margin-bottom: 8px; }
        .blog-3 .sub-container:not(:first-child) .content-wrapper .title a, .blog-3 .antsand-feature-item:not(:first-child) .content-wrapper .title a, .blog-3 .antsand-pricing-card:not(:first-child) .content-wrapper .title a, .blog-3 .antsand-footer-column:not(:first-child) .content-wrapper .title a, .blog-3 .sub-container:not(:first-child) .content-wrapper .antsand-hero-title a, .blog-3 .antsand-feature-item:not(:first-child) .content-wrapper .antsand-hero-title a, .blog-3 .antsand-pricing-card:not(:first-child) .content-wrapper .antsand-hero-title a, .blog-3 .antsand-footer-column:not(:first-child) .content-wrapper .antsand-hero-title a, .blog-3 .sub-container:not(:first-child) .content-wrapper .antsand-feature-title a, .blog-3 .antsand-feature-item:not(:first-child) .content-wrapper .antsand-feature-title a, .blog-3 .antsand-pricing-card:not(:first-child) .content-wrapper .antsand-feature-title a, .blog-3 .antsand-footer-column:not(:first-child) .content-wrapper .antsand-feature-title a {
          color: inherit;
          text-decoration: none; }
          .blog-3 .sub-container:not(:first-child) .content-wrapper .title a:hover, .blog-3 .antsand-feature-item:not(:first-child) .content-wrapper .title a:hover, .blog-3 .antsand-pricing-card:not(:first-child) .content-wrapper .title a:hover, .blog-3 .antsand-footer-column:not(:first-child) .content-wrapper .title a:hover, .blog-3 .sub-container:not(:first-child) .content-wrapper .antsand-hero-title a:hover, .blog-3 .antsand-feature-item:not(:first-child) .content-wrapper .antsand-hero-title a:hover, .blog-3 .antsand-pricing-card:not(:first-child) .content-wrapper .antsand-hero-title a:hover, .blog-3 .antsand-footer-column:not(:first-child) .content-wrapper .antsand-hero-title a:hover, .blog-3 .sub-container:not(:first-child) .content-wrapper .antsand-feature-title a:hover, .blog-3 .antsand-feature-item:not(:first-child) .content-wrapper .antsand-feature-title a:hover, .blog-3 .antsand-pricing-card:not(:first-child) .content-wrapper .antsand-feature-title a:hover, .blog-3 .antsand-footer-column:not(:first-child) .content-wrapper .antsand-feature-title a:hover {
            color: #3b82f6; }
      .blog-3 .sub-container:not(:first-child) .content-wrapper .description, .blog-3 .antsand-feature-item:not(:first-child) .content-wrapper .description, .blog-3 .antsand-pricing-card:not(:first-child) .content-wrapper .description, .blog-3 .antsand-footer-column:not(:first-child) .content-wrapper .description, .blog-3 .sub-container:not(:first-child) .content-wrapper .antsand-hero-subtitle, .blog-3 .antsand-feature-item:not(:first-child) .content-wrapper .antsand-hero-subtitle, .blog-3 .antsand-pricing-card:not(:first-child) .content-wrapper .antsand-hero-subtitle, .blog-3 .antsand-footer-column:not(:first-child) .content-wrapper .antsand-hero-subtitle, .blog-3 .sub-container:not(:first-child) .content-wrapper .antsand-feature-desc, .blog-3 .antsand-feature-item:not(:first-child) .content-wrapper .antsand-feature-desc, .blog-3 .antsand-pricing-card:not(:first-child) .content-wrapper .antsand-feature-desc, .blog-3 .antsand-footer-column:not(:first-child) .content-wrapper .antsand-feature-desc {
        font-size: 0.875rem;
        color: #6b7280;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }

.blog-4 {
  padding: 80px 0;
  background: #f3f4f6; }
  .blog-4 > .container,
  .blog-4 .container,
  .blog-4 .antsand-footer-grid {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px; }
    .blog-4 > .container > .title,
    .blog-4 .container > .title,
    .blog-4 .antsand-footer-grid > .title,
    .blog-4 .container > .antsand-hero-title,
    .blog-4 .antsand-footer-grid > .antsand-hero-title,
    .blog-4 .container > .antsand-feature-title,
    .blog-4 .antsand-footer-grid > .antsand-feature-title {
      font-size: 2rem;
      font-weight: 700;
      color: #1a1a1a;
      margin-bottom: 40px;
      text-align: center; }
  .blog-4 .data-container {
    column-count: 4;
    column-gap: 24px; }
    @media (max-width: 1200px) {
      .blog-4 .data-container {
        column-count: 3; } }
    @media (max-width: 768px) {
      .blog-4 .data-container {
        column-count: 2; } }
    @media (max-width: 480px) {
      .blog-4 .data-container {
        column-count: 1; } }
  .blog-4 .sub-container, .blog-4 .antsand-feature-item, .blog-4 .antsand-pricing-card, .blog-4 .antsand-footer-column {
    break-inside: avoid;
    margin-bottom: 24px;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease; }
    .blog-4 .sub-container:hover, .blog-4 .antsand-feature-item:hover, .blog-4 .antsand-pricing-card:hover, .blog-4 .antsand-footer-column:hover {
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); }
  .blog-4 .img-container img, .blog-4 .antsand-hero-image img {
    width: 100%;
    height: auto;
    display: block; }
  .blog-4 .content-wrapper {
    padding: 20px; }
    .blog-4 .content-wrapper .title, .blog-4 .content-wrapper .antsand-hero-title, .blog-4 .content-wrapper .antsand-feature-title {
      font-size: 1.125rem;
      font-weight: 600;
      color: #1a1a1a;
      margin-bottom: 8px;
      line-height: 1.4; }
      .blog-4 .content-wrapper .title a, .blog-4 .content-wrapper .antsand-hero-title a, .blog-4 .content-wrapper .antsand-feature-title a {
        color: inherit;
        text-decoration: none; }
        .blog-4 .content-wrapper .title a:hover, .blog-4 .content-wrapper .antsand-hero-title a:hover, .blog-4 .content-wrapper .antsand-feature-title a:hover {
          color: #3b82f6; }
    .blog-4 .content-wrapper .description, .blog-4 .content-wrapper .antsand-hero-subtitle, .blog-4 .content-wrapper .antsand-feature-desc {
      font-size: 0.875rem;
      color: #6b7280;
      line-height: 1.5;
      margin-bottom: 12px; }
    .blog-4 .content-wrapper .meta {
      font-size: 0.75rem;
      color: #9ca3af;
      display: flex;
      justify-content: space-between; }

.blog-5 {
  padding: 80px 0;
  background: white; }
  .blog-5 > .container,
  .blog-5 .container,
  .blog-5 .antsand-footer-grid {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 24px; }
    .blog-5 > .container > .title,
    .blog-5 .container > .title,
    .blog-5 .antsand-footer-grid > .title,
    .blog-5 .container > .antsand-hero-title,
    .blog-5 .antsand-footer-grid > .antsand-hero-title,
    .blog-5 .container > .antsand-feature-title,
    .blog-5 .antsand-footer-grid > .antsand-feature-title {
      font-size: 1.75rem;
      font-weight: 700;
      color: #1a1a1a;
      margin-bottom: 48px;
      padding-bottom: 16px;
      border-bottom: 2px solid #e5e7eb; }
  .blog-5 .data-container {
    display: flex;
    flex-direction: column; }
  .blog-5 .sub-container, .blog-5 .antsand-feature-item, .blog-5 .antsand-pricing-card, .blog-5 .antsand-footer-column {
    padding: 32px 0;
    border-bottom: 1px solid #e5e7eb;
    transition: all 0.3s ease; }
    .blog-5 .sub-container:hover .title a, .blog-5 .antsand-feature-item:hover .title a, .blog-5 .antsand-pricing-card:hover .title a, .blog-5 .antsand-footer-column:hover .title a, .blog-5 .sub-container:hover .antsand-hero-title a, .blog-5 .antsand-feature-item:hover .antsand-hero-title a, .blog-5 .antsand-pricing-card:hover .antsand-hero-title a, .blog-5 .antsand-footer-column:hover .antsand-hero-title a, .blog-5 .sub-container:hover .antsand-feature-title a, .blog-5 .antsand-feature-item:hover .antsand-feature-title a, .blog-5 .antsand-pricing-card:hover .antsand-feature-title a, .blog-5 .antsand-footer-column:hover .antsand-feature-title a {
      color: #3b82f6; }
    .blog-5 .sub-container:last-child, .blog-5 .antsand-feature-item:last-child, .blog-5 .antsand-pricing-card:last-child, .blog-5 .antsand-footer-column:last-child {
      border-bottom: none; }
  .blog-5 .img-container, .blog-5 .antsand-hero-image {
    display: none; }
  .blog-5 .content-wrapper .meta {
    font-size: 0.8125rem;
    color: #9ca3af;
    margin-bottom: 12px;
    display: flex;
    gap: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px; }
    .blog-5 .content-wrapper .meta .tag {
      color: #3b82f6;
      font-weight: 500; }
  .blog-5 .content-wrapper .title, .blog-5 .content-wrapper .antsand-hero-title, .blog-5 .content-wrapper .antsand-feature-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 12px;
    line-height: 1.4; }
    .blog-5 .content-wrapper .title a, .blog-5 .content-wrapper .antsand-hero-title a, .blog-5 .content-wrapper .antsand-feature-title a {
      color: inherit;
      text-decoration: none;
      transition: all 0.3s ease; }
  .blog-5 .content-wrapper .description, .blog-5 .content-wrapper .antsand-hero-subtitle, .blog-5 .content-wrapper .antsand-feature-desc {
    font-size: 1.0625rem;
    color: #6b7280;
    line-height: 1.7; }
  .blog-5 .content-wrapper .cta, .blog-5 .content-wrapper .antsand-pricing-cta {
    display: none; }

.blog-dark {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); }
  .blog-dark > .container > .title,
  .blog-dark .container > .title,
  .blog-dark .antsand-footer-grid > .title,
  .blog-dark .container > .antsand-hero-title,
  .blog-dark .antsand-footer-grid > .antsand-hero-title,
  .blog-dark .container > .antsand-feature-title,
  .blog-dark .antsand-footer-grid > .antsand-feature-title {
    color: white; }
  .blog-dark > .container > .description,
  .blog-dark .container > .description,
  .blog-dark .antsand-footer-grid > .description,
  .blog-dark .container > .antsand-hero-subtitle,
  .blog-dark .antsand-footer-grid > .antsand-hero-subtitle,
  .blog-dark .container > .antsand-feature-desc,
  .blog-dark .antsand-footer-grid > .antsand-feature-desc {
    color: rgba(255, 255, 255, 0.7); }
  .blog-dark .sub-container, .blog-dark .antsand-feature-item, .blog-dark .antsand-pricing-card, .blog-dark .antsand-footer-column {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1); }
  .blog-dark .content-wrapper .title, .blog-dark .content-wrapper .antsand-hero-title, .blog-dark .content-wrapper .antsand-feature-title, .blog-dark .content-wrapper .title a, .blog-dark .content-wrapper .antsand-hero-title a, .blog-dark .content-wrapper .antsand-feature-title a {
    color: white; }
  .blog-dark .content-wrapper .description, .blog-dark .content-wrapper .antsand-hero-subtitle, .blog-dark .content-wrapper .antsand-feature-desc {
    color: rgba(255, 255, 255, 0.7); }
  .blog-dark .content-wrapper .meta {
    color: rgba(255, 255, 255, 0.5); }

.blog-no-images .img-container, .blog-no-images .antsand-hero-image {
  display: none; }

.blog-no-images .sub-container, .blog-no-images .antsand-feature-item, .blog-no-images .antsand-pricing-card, .blog-no-images .antsand-footer-column {
  grid-template-columns: 1fr !important; }

.blog-compact .sub-container, .blog-compact .antsand-feature-item, .blog-compact .antsand-pricing-card, .blog-compact .antsand-footer-column {
  padding: 16px; }

.blog-compact .content-wrapper {
  padding: 16px; }
  .blog-compact .content-wrapper .title, .blog-compact .content-wrapper .antsand-hero-title, .blog-compact .content-wrapper .antsand-feature-title {
    font-size: 1rem; }
  .blog-compact .content-wrapper .description, .blog-compact .content-wrapper .antsand-hero-subtitle, .blog-compact .content-wrapper .antsand-feature-desc {
    font-size: 0.875rem;
    -webkit-line-clamp: 2; }

.data-container:has(.blog-card-meta):not(.layout-carousel):not([data-feature="carousel"]):not(
[data-carousel="true"]):not(
[class*="feature-carousel-"]):not(.layout-carousel-cards):not([data-carousel-variant="cards"]):not(
.carousel-cards),
.data-container:has(.blog-card-excerpt):not(.layout-carousel):not([data-feature="carousel"]):not(
[data-carousel="true"]):not(
[class*="feature-carousel-"]):not(.layout-carousel-cards):not([data-carousel-variant="cards"]):not(
.carousel-cards) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 32px; }

.data-container:has(.blog-card-meta) .data-sub-container,
.data-container:has(.blog-card-meta) .sub-container,
.data-container:has(.blog-card-meta) .antsand-feature-item,
.data-container:has(.blog-card-meta) .antsand-pricing-card,
.data-container:has(.blog-card-meta) .antsand-footer-column,
.data-container:has(.blog-card-excerpt) .data-sub-container,
.data-container:has(.blog-card-excerpt) .sub-container,
.data-container:has(.blog-card-excerpt) .antsand-feature-item,
.data-container:has(.blog-card-excerpt) .antsand-pricing-card,
.data-container:has(.blog-card-excerpt) .antsand-footer-column {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column; }
  .data-container:has(.blog-card-meta) .data-sub-container:hover,
  .data-container:has(.blog-card-meta) .sub-container:hover,
  .data-container:has(.blog-card-meta) .antsand-feature-item:hover,
  .data-container:has(.blog-card-meta) .antsand-pricing-card:hover,
  .data-container:has(.blog-card-meta) .antsand-footer-column:hover,
  .data-container:has(.blog-card-excerpt) .data-sub-container:hover,
  .data-container:has(.blog-card-excerpt) .sub-container:hover,
  .data-container:has(.blog-card-excerpt) .antsand-feature-item:hover,
  .data-container:has(.blog-card-excerpt) .antsand-pricing-card:hover,
  .data-container:has(.blog-card-excerpt) .antsand-footer-column:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); }
    .data-container:has(.blog-card-meta) .data-sub-container:hover .data-img-container img,
    .data-container:has(.blog-card-meta) .data-sub-container:hover .img-container img,
    .data-container:has(.blog-card-meta) .data-sub-container:hover .antsand-hero-image img,
    .data-container:has(.blog-card-meta) .sub-container:hover .data-img-container img,
    .data-container:has(.blog-card-meta) .antsand-feature-item:hover .data-img-container img,
    .data-container:has(.blog-card-meta) .antsand-pricing-card:hover .data-img-container img,
    .data-container:has(.blog-card-meta) .antsand-footer-column:hover .data-img-container img,
    .data-container:has(.blog-card-meta) .sub-container:hover .img-container img,
    .data-container:has(.blog-card-meta) .antsand-feature-item:hover .img-container img,
    .data-container:has(.blog-card-meta) .antsand-pricing-card:hover .img-container img,
    .data-container:has(.blog-card-meta) .antsand-footer-column:hover .img-container img,
    .data-container:has(.blog-card-meta) .sub-container:hover .antsand-hero-image img,
    .data-container:has(.blog-card-meta) .antsand-feature-item:hover .antsand-hero-image img,
    .data-container:has(.blog-card-meta) .antsand-pricing-card:hover .antsand-hero-image img,
    .data-container:has(.blog-card-meta) .antsand-footer-column:hover .antsand-hero-image img,
    .data-container:has(.blog-card-excerpt) .data-sub-container:hover .data-img-container img,
    .data-container:has(.blog-card-excerpt) .data-sub-container:hover .img-container img,
    .data-container:has(.blog-card-excerpt) .data-sub-container:hover .antsand-hero-image img,
    .data-container:has(.blog-card-excerpt) .sub-container:hover .data-img-container img,
    .data-container:has(.blog-card-excerpt) .antsand-feature-item:hover .data-img-container img,
    .data-container:has(.blog-card-excerpt) .antsand-pricing-card:hover .data-img-container img,
    .data-container:has(.blog-card-excerpt) .antsand-footer-column:hover .data-img-container img,
    .data-container:has(.blog-card-excerpt) .sub-container:hover .img-container img,
    .data-container:has(.blog-card-excerpt) .antsand-feature-item:hover .img-container img,
    .data-container:has(.blog-card-excerpt) .antsand-pricing-card:hover .img-container img,
    .data-container:has(.blog-card-excerpt) .antsand-footer-column:hover .img-container img,
    .data-container:has(.blog-card-excerpt) .sub-container:hover .antsand-hero-image img,
    .data-container:has(.blog-card-excerpt) .antsand-feature-item:hover .antsand-hero-image img,
    .data-container:has(.blog-card-excerpt) .antsand-pricing-card:hover .antsand-hero-image img,
    .data-container:has(.blog-card-excerpt) .antsand-footer-column:hover .antsand-hero-image img {
      transform: scale(1.05); }

.data-container:has(.blog-card-meta) .data-img-container,
.data-container:has(.blog-card-meta) .img-container,
.data-container:has(.blog-card-meta) .antsand-hero-image,
.data-container:has(.blog-card-excerpt) .data-img-container,
.data-container:has(.blog-card-excerpt) .img-container,
.data-container:has(.blog-card-excerpt) .antsand-hero-image {
  aspect-ratio: 16/10;
  overflow: hidden; }
  .data-container:has(.blog-card-meta) .data-img-container img,
  .data-container:has(.blog-card-meta) .img-container img,
  .data-container:has(.blog-card-meta) .antsand-hero-image img,
  .data-container:has(.blog-card-excerpt) .data-img-container img,
  .data-container:has(.blog-card-excerpt) .img-container img,
  .data-container:has(.blog-card-excerpt) .antsand-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease; }

.data-container:has(.blog-card-meta) .data-content-wrapper,
.data-container:has(.blog-card-meta) .content-wrapper,
.data-container:has(.blog-card-excerpt) .data-content-wrapper,
.data-container:has(.blog-card-excerpt) .content-wrapper {
  padding: 24px;
  flex: 1;
  display: flex;
  flex-direction: column; }

.data-container:has(.blog-card-meta) .data-h3,
.data-container:has(.blog-card-meta) .data-title,
.data-container:has(.blog-card-meta) .title,
.data-container:has(.blog-card-meta) .antsand-hero-title,
.data-container:has(.blog-card-meta) .antsand-feature-title,
.data-container:has(.blog-card-excerpt) .data-h3,
.data-container:has(.blog-card-excerpt) .data-title,
.data-container:has(.blog-card-excerpt) .title,
.data-container:has(.blog-card-excerpt) .antsand-hero-title,
.data-container:has(.blog-card-excerpt) .antsand-feature-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 12px;
  line-height: 1.4; }
  .data-container:has(.blog-card-meta) .data-h3 a,
  .data-container:has(.blog-card-meta) .data-title a,
  .data-container:has(.blog-card-meta) .title a,
  .data-container:has(.blog-card-meta) .antsand-hero-title a,
  .data-container:has(.blog-card-meta) .antsand-feature-title a,
  .data-container:has(.blog-card-excerpt) .data-h3 a,
  .data-container:has(.blog-card-excerpt) .data-title a,
  .data-container:has(.blog-card-excerpt) .title a,
  .data-container:has(.blog-card-excerpt) .antsand-hero-title a,
  .data-container:has(.blog-card-excerpt) .antsand-feature-title a {
    color: inherit;
    text-decoration: none; }
    .data-container:has(.blog-card-meta) .data-h3 a:hover,
    .data-container:has(.blog-card-meta) .data-title a:hover,
    .data-container:has(.blog-card-meta) .title a:hover,
    .data-container:has(.blog-card-meta) .antsand-hero-title a:hover,
    .data-container:has(.blog-card-meta) .antsand-feature-title a:hover,
    .data-container:has(.blog-card-excerpt) .data-h3 a:hover,
    .data-container:has(.blog-card-excerpt) .data-title a:hover,
    .data-container:has(.blog-card-excerpt) .title a:hover,
    .data-container:has(.blog-card-excerpt) .antsand-hero-title a:hover,
    .data-container:has(.blog-card-excerpt) .antsand-feature-title a:hover {
      color: #3b82f6; }

.data-container:has(.blog-card-meta) .blog-card-excerpt,
.data-container:has(.blog-card-meta) .data-description,
.data-container:has(.blog-card-meta) .description,
.data-container:has(.blog-card-meta) .antsand-hero-subtitle,
.data-container:has(.blog-card-meta) .antsand-feature-desc,
.data-container:has(.blog-card-excerpt) .blog-card-excerpt,
.data-container:has(.blog-card-excerpt) .data-description,
.data-container:has(.blog-card-excerpt) .description,
.data-container:has(.blog-card-excerpt) .antsand-hero-subtitle,
.data-container:has(.blog-card-excerpt) .antsand-feature-desc {
  font-size: 0.9375rem;
  color: #6b7280;
  line-height: 1.6;
  margin-bottom: 16px;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.data-container:has(.blog-card-meta) .blog-card-meta,
.data-container:has(.blog-card-excerpt) .blog-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px; }
  .data-container:has(.blog-card-meta) .blog-card-meta .blog-card-tag,
  .data-container:has(.blog-card-excerpt) .blog-card-meta .blog-card-tag {
    font-size: 0.75rem;
    padding: 4px 10px;
    background: #dbeafe;
    color: #1e40af;
    border-radius: 4px;
    font-weight: 500; }
  .data-container:has(.blog-card-meta) .blog-card-meta .blog-card-read-time,
  .data-container:has(.blog-card-excerpt) .blog-card-meta .blog-card-read-time {
    font-size: 0.75rem;
    color: #9ca3af; }

.data-container:has(.blog-card-meta) .blog-card-footer,
.data-container:has(.blog-card-excerpt) .blog-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  border-top: 1px solid #f3f4f6;
  margin-top: auto; }

.data-container:has(.blog-card-meta) .blog-card-author,
.data-container:has(.blog-card-excerpt) .blog-card-author {
  display: flex;
  align-items: center;
  gap: 12px; }

.data-container:has(.blog-card-meta) .blog-card-avatar,
.data-container:has(.blog-card-excerpt) .blog-card-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 0.875rem;
  font-weight: 600; }

.data-container:has(.blog-card-meta) .blog-card-author-name,
.data-container:has(.blog-card-excerpt) .blog-card-author-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1a1a1a; }

.data-container:has(.blog-card-meta) .blog-card-date,
.data-container:has(.blog-card-excerpt) .blog-card-date {
  font-size: 0.8125rem;
  color: #9ca3af; }

.antsand-bg-gradient-sunset {
  background-image: linear-gradient(45deg, #ff8c00, #ff0080); }

.antsand-bg-gradient-ocean {
  background-image: linear-gradient(45deg, #1e90ff, #00ced1); }

.antsand-bg-gradient-forest {
  background-image: linear-gradient(45deg, #228b22, #8fbc8f); }

.antsand-bg-gradient-purple {
  background-image: linear-gradient(45deg, #8a2be2, #da70d6); }

.antsand-bg-gradient-primary {
  background-image: linear-gradient(45deg, #3498db, #8bc4ea); }

.antsand-text-gradient {
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent; }

.antsand-card-gradient-border {
  position: relative;
  background-clip: padding-box;
  border: 2px solid transparent; }
  .antsand-card-gradient-border::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -2px;
    border-radius: inherit;
    background: linear-gradient(45deg, #3498db, #8bc4ea); }
  .antsand-card-gradient-border.border-sunset::before {
    background: linear-gradient(45deg, #ff8c00, #ff0080); }
  .antsand-card-gradient-border.border-ocean::before {
    background: linear-gradient(45deg, #1e90ff, #00ced1); }
  .antsand-card-gradient-border.border-forest::before {
    background: linear-gradient(45deg, #228b22, #8fbc8f); }
  .antsand-card-gradient-border.border-purple::before {
    background: linear-gradient(45deg, #8a2be2, #da70d6); }

.antsand-card-glass {
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: white; }
  .antsand-card-glass .antsand-card-title, .antsand-card-glass .antsand-card .data-h2, .antsand-card .antsand-card-glass .data-h2,
  .antsand-card-glass .antsand-card .data-h3,
  .antsand-card .antsand-card-glass .data-h3,
  .antsand-card-glass .antsand-card .data-title,
  .antsand-card .antsand-card-glass .data-title,
  .antsand-card-glass .antsand-card .title,
  .antsand-card .antsand-card-glass .title,
  .antsand-card-glass .antsand-card .antsand-hero-title,
  .antsand-card .antsand-card-glass .antsand-hero-title,
  .antsand-card-glass .antsand-card .antsand-feature-title,
  .antsand-card .antsand-card-glass .antsand-feature-title, .antsand-card-glass .antsand-card-text, .antsand-card-glass .antsand-card .data-p, .antsand-card .antsand-card-glass .data-p,
  .antsand-card-glass .antsand-card .data-description,
  .antsand-card .antsand-card-glass .data-description,
  .antsand-card-glass .antsand-card .description,
  .antsand-card .antsand-card-glass .description,
  .antsand-card-glass .antsand-card .antsand-hero-subtitle,
  .antsand-card .antsand-card-glass .antsand-hero-subtitle,
  .antsand-card-glass .antsand-card .antsand-feature-desc,
  .antsand-card .antsand-card-glass .antsand-feature-desc {
    color: white; }
  .antsand-card-glass .antsand-card-title, .antsand-card-glass .antsand-card .data-h2, .antsand-card .antsand-card-glass .data-h2,
  .antsand-card-glass .antsand-card .data-h3,
  .antsand-card .antsand-card-glass .data-h3,
  .antsand-card-glass .antsand-card .data-title,
  .antsand-card .antsand-card-glass .data-title,
  .antsand-card-glass .antsand-card .title,
  .antsand-card .antsand-card-glass .title,
  .antsand-card-glass .antsand-card .antsand-hero-title,
  .antsand-card .antsand-card-glass .antsand-hero-title,
  .antsand-card-glass .antsand-card .antsand-feature-title,
  .antsand-card .antsand-card-glass .antsand-feature-title {
    color: white; }
  .antsand-card-glass .antsand-card-text, .antsand-card-glass .antsand-card .data-p, .antsand-card .antsand-card-glass .data-p,
  .antsand-card-glass .antsand-card .data-description,
  .antsand-card .antsand-card-glass .data-description,
  .antsand-card-glass .antsand-card .description,
  .antsand-card .antsand-card-glass .description,
  .antsand-card-glass .antsand-card .antsand-hero-subtitle,
  .antsand-card .antsand-card-glass .antsand-hero-subtitle,
  .antsand-card-glass .antsand-card .antsand-feature-desc,
  .antsand-card .antsand-card-glass .antsand-feature-desc {
    color: #e5e5e5; }

.antsand-bg-gradient-animated {
  background-size: 200% 200%;
  animation: gradient-animation 10s ease infinite; }

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

.theme-dark-corporate {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  color: #e2e8f0;
  padding: 4rem 1.5rem; }
  @media (min-width: 768px) {
    .theme-dark-corporate {
      padding: 6rem 3rem; } }
  .theme-dark-corporate .data-h1, .theme-dark-corporate h1 {
    color: #f8fafc;
    font-weight: 800; }
  .theme-dark-corporate .data-h2, .theme-dark-corporate h2 {
    color: #f1f5f9;
    font-weight: 700; }
  .theme-dark-corporate .data-h3, .theme-dark-corporate h3 {
    color: #f1f5f9;
    font-weight: 600; }
  .theme-dark-corporate .data-p, .theme-dark-corporate p {
    color: #94a3b8; }
  .theme-dark-corporate .data-span, .theme-dark-corporate span {
    color: #64748b; }
  .theme-dark-corporate .data-sub-container {
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 0.75rem;
    padding: 2rem;
    transition: all 250ms ease; }
    .theme-dark-corporate .data-sub-container:hover {
      border-color: #6366f1;
      box-shadow: 0 0 20px rgba(99, 102, 241, 0.15);
      transform: translateY(-2px); }
  .theme-dark-corporate .data-content-wrapper {
    background: transparent; }
  .theme-dark-corporate .data-img-container {
    border-radius: 0.5rem;
    overflow: hidden; }
  .theme-dark-corporate .data-cta, .theme-dark-corporate .antsand-btn-primary {
    background: #6366f1;
    border-color: #6366f1;
    color: white; }
    .theme-dark-corporate .data-cta:hover, .theme-dark-corporate .antsand-btn-primary:hover {
      background: #4f46e5;
      border-color: #4f46e5; }
  .theme-dark-corporate .antsand-btn-outline-primary {
    border-color: #6366f1;
    color: #6366f1; }
    .theme-dark-corporate .antsand-btn-outline-primary:hover {
      background: #6366f1;
      color: white; }
  .theme-dark-corporate hr, .theme-dark-corporate .divide-y > * + * {
    border-color: #334155; }

.theme-warm-editorial {
  background: #faf8f5;
  color: #3d3d3d;
  padding: 4rem 1.5rem; }
  @media (min-width: 768px) {
    .theme-warm-editorial {
      padding: 6rem 3rem; } }
  .theme-warm-editorial .data-h1, .theme-warm-editorial h1, .theme-warm-editorial .data-h2, .theme-warm-editorial h2, .theme-warm-editorial .data-h3, .theme-warm-editorial h3 {
    font-family: 'Merriweather', 'Georgia', serif;
    color: #2c2c2c;
    letter-spacing: -0.02em; }
  .theme-warm-editorial .data-h1, .theme-warm-editorial h1 {
    font-weight: 700; }
  .theme-warm-editorial .data-h2, .theme-warm-editorial h2 {
    font-weight: 700; }
  .theme-warm-editorial .data-h3, .theme-warm-editorial h3 {
    font-weight: 600; }
  .theme-warm-editorial .data-p, .theme-warm-editorial p {
    color: #5c5c5c;
    line-height: 1.8;
    font-size: 1.0625rem; }
  .theme-warm-editorial .data-span, .theme-warm-editorial span {
    color: #8b7355;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .theme-warm-editorial .data-sub-container {
    background: white;
    border: 1px solid #e8e2d9;
    border-radius: 0.5rem;
    padding: 2rem;
    transition: all 250ms ease; }
    .theme-warm-editorial .data-sub-container:hover {
      box-shadow: 0 8px 30px rgba(139, 115, 85, 0.08);
      border-color: #d4c9b8; }
  .theme-warm-editorial .data-img-container {
    border-radius: 0.25rem;
    overflow: hidden; }
  .theme-warm-editorial .data-cta, .theme-warm-editorial .antsand-btn-primary {
    background: #c67b3c;
    border-color: #c67b3c;
    color: white;
    border-radius: 2px;
    font-weight: 500;
    letter-spacing: 0.5px; }
    .theme-warm-editorial .data-cta:hover, .theme-warm-editorial .antsand-btn-primary:hover {
      background: #a86530;
      border-color: #a86530; }
  .theme-warm-editorial .antsand-btn-outline-primary {
    border-color: #c67b3c;
    color: #c67b3c; }
    .theme-warm-editorial .antsand-btn-outline-primary:hover {
      background: #c67b3c;
      color: white; }
  .theme-warm-editorial hr, .theme-warm-editorial .divide-y > * + * {
    border-color: #e8e2d9; }
  .theme-warm-editorial .data-sub-container:first-child {
    border-top: 3px solid #c67b3c; }

.theme-minimal-clean {
  background: #ffffff;
  color: #374151;
  padding: 4rem 1.5rem; }
  @media (min-width: 768px) {
    .theme-minimal-clean {
      padding: 6rem 3rem; } }
  .theme-minimal-clean .data-h1, .theme-minimal-clean h1, .theme-minimal-clean .data-h2, .theme-minimal-clean h2 {
    color: #111827;
    font-weight: 700;
    letter-spacing: -0.03em; }
  .theme-minimal-clean .data-h3, .theme-minimal-clean h3 {
    color: #1f2937;
    font-weight: 600; }
  .theme-minimal-clean .data-p, .theme-minimal-clean p {
    color: #6b7280;
    line-height: 1.75; }
  .theme-minimal-clean .data-span, .theme-minimal-clean span {
    color: #9ca3af;
    font-size: 0.875rem; }
  .theme-minimal-clean .data-sub-container {
    background: #ffffff;
    border: 1px solid #f3f4f6;
    border-radius: 0.75rem;
    padding: 2rem;
    transition: all 250ms ease; }
    .theme-minimal-clean .data-sub-container:hover {
      border-color: #e5e7eb;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04); }
  .theme-minimal-clean .data-img-container {
    border-radius: 0.75rem;
    overflow: hidden; }
  .theme-minimal-clean .data-cta, .theme-minimal-clean .antsand-btn-primary {
    background: #111827;
    border-color: #111827;
    color: white;
    border-radius: 0.5rem; }
    .theme-minimal-clean .data-cta:hover, .theme-minimal-clean .antsand-btn-primary:hover {
      background: #374151;
      border-color: #374151; }
  .theme-minimal-clean .antsand-btn-outline-primary {
    border-color: #d1d5db;
    color: #374151; }
    .theme-minimal-clean .antsand-btn-outline-primary:hover {
      background: #f9fafb;
      border-color: #9ca3af; }
  .theme-minimal-clean hr, .theme-minimal-clean .divide-y > * + * {
    border-color: #f3f4f6; }

.theme-bold-gradient {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
  color: #e2e8f0;
  padding: 4rem 1.5rem;
  position: relative; }
  @media (min-width: 768px) {
    .theme-bold-gradient {
      padding: 6rem 3rem; } }
  .theme-bold-gradient .data-h1, .theme-bold-gradient h1, .theme-bold-gradient .data-h2, .theme-bold-gradient h2 {
    color: white;
    font-weight: 800; }
  .theme-bold-gradient .data-h3, .theme-bold-gradient h3 {
    color: #f8fafc;
    font-weight: 700; }
  .theme-bold-gradient .data-p, .theme-bold-gradient p {
    color: #cbd5e1; }
  .theme-bold-gradient .data-span, .theme-bold-gradient span {
    color: #94a3b8; }
  .theme-bold-gradient .data-sub-container {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0.75rem;
    padding: 2rem;
    transition: all 250ms ease; }
    .theme-bold-gradient .data-sub-container:hover {
      background: rgba(255, 255, 255, 0.1);
      border-color: rgba(255, 255, 255, 0.2);
      transform: translateY(-4px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); }
  .theme-bold-gradient .data-img-container {
    border-radius: 0.5rem;
    overflow: hidden; }
  .theme-bold-gradient .data-cta, .theme-bold-gradient .antsand-btn-primary {
    background: linear-gradient(135deg, #f15b2a 0%, #ff7a4d 100%);
    border: none;
    color: white;
    border-radius: 0.5rem;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(241, 91, 42, 0.3); }
    .theme-bold-gradient .data-cta:hover, .theme-bold-gradient .antsand-btn-primary:hover {
      box-shadow: 0 8px 25px rgba(241, 91, 42, 0.5);
      transform: translateY(-1px); }
  .theme-bold-gradient .antsand-btn-outline-primary {
    border-color: rgba(241, 91, 42, 0.5);
    color: #ff7a4d; }
    .theme-bold-gradient .antsand-btn-outline-primary:hover {
      background: rgba(241, 91, 42, 0.1);
      border-color: #f15b2a; }
  .theme-bold-gradient hr, .theme-bold-gradient .divide-y > * + * {
    border-color: rgba(255, 255, 255, 0.08); }