/* platform: style block 1 */

/* Shared responsive foundation */
html {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}
body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip !important;
}
main,
section,
header,
footer,
scrutia-header,
scrutia-footer {
  min-width: 0;
  max-width: 100%;
}
img,
video,
canvas,
svg {
  max-width: 100%;
}

        @keyframes float {
            0%, 100% { transform: translateY(0) translateX(0); }
            50% { transform: translateY(-10px) translateX(5px); }
        }
        @keyframes slow-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }
        body[data-page="platform"] .animate-float { animation: float 6s ease-in-out infinite; }
        body[data-page="platform"] .animate-float-slow { animation: float 8s ease-in-out infinite; }
        body[data-page="platform"] .parallax-target {
            transform: translate(calc(var(--mouse-x, 0) * -20px), calc(var(--mouse-y, 0) * -20px));
            transition: transform 0.1s ease-out;
        }
        body[data-page="platform"] .parallax-target-fast {
            transform: translate(calc(var(--mouse-x, 0) * -40px), calc(var(--mouse-y, 0) * -40px));
            transition: transform 0.1s ease-out;
        }
        body[data-page="platform"] .lift-glow:hover {
            transform: translateY(-4px);
            box-shadow: 0 20px 25px -5px rgba(91, 76, 245, 0.4), 0 10px 10px -5px rgba(91, 76, 245, 0.2);
        }
        body[data-page="platform"] .finding-card-float {
            animation: float 5s ease-in-out infinite;
        }
        body[data-page="platform"] .mockup-hover {
            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }
        body[data-page="platform"] .mockup-hover:hover {
            transform: scale(1.02);
            box-shadow: 0 35px 60px -15px rgba(0, 0, 0, 0.3);
        }
    

/* platform: style block 2 */

  @keyframes heroSlideInFromLeft {
    0% {
      opacity: 0;
      transform: translateX(-60px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }

  body[data-page="platform"] .hero-title-anim {
    animation: heroSlideInFromLeft 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both;
  }

  body[data-page="platform"] .hero-tagline-anim {
    animation: heroSlideInFromLeft 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both;
  }


/* platform: style block 3 */

  @keyframes marqueeScroll {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-50%);
    }
  }

  body[data-page="platform"] .marquee-track {
    display: flex;
    width: max-content;
    animation: marqueeScroll 20s linear infinite;
  }

  /* Pause ticker smoothly when user hovers */
  body[data-page="platform"] .marquee-track:hover {
    animation-play-state: paused;
  }


/* platform: style block 4 */

  body[data-page="platform"] .split-motion-left {
    opacity: 0;
    transform: translateX(-60px);
    transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
  }

  body[data-page="platform"] .split-motion-right {
    opacity: 0;
    transform: translateX(60px);
    transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
  }

  body[data-page="platform"] .split-motion-left.is-visible, body[data-page="platform"] .split-motion-right.is-visible {
    opacity: 1;
    transform: translateX(0);
  }


/* platform: style block 5 */

  body[data-page="platform"] .sec4-motion-up {
    opacity: 0;
    transform: translateY(60px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.8s cubic-bezier(0.34, 1.25, 0.64, 1);
    transition-delay: var(--s4-delay, 0ms);
    will-change: opacity, transform;
  }

  body[data-page="platform"] .sec4-motion-up.sec4-visible {
    opacity: 1;
    transform: translateY(0);
  }


/* platform: style block 6 */

  body[data-page="platform"] .split-motion-left {
    opacity: 0;
    transform: translateX(-60px);
    transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
  }

  body[data-page="platform"] .split-motion-right {
    opacity: 0;
    transform: translateX(60px);
    transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
  }

  body[data-page="platform"] .split-motion-left.is-visible, body[data-page="platform"] .split-motion-right.is-visible {
    opacity: 1;
    transform: translateX(0);
  }


/* platform: style block 7 */

  body[data-page="platform"] .motion-slide-bold {
    opacity: 0;
    transform: translateY(100px) scale(0.93);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.85s cubic-bezier(0.34, 1.25, 0.64, 1); /* Spring bounce ease */
    transition-delay: var(--delay, 0ms);
    will-change: opacity, transform;
  }

  body[data-page="platform"] .motion-slide-bold.is-in-view {
    opacity: 1;
    transform: translateY(0) scale(1);
  }


/* platform: style block 8 */
  @keyframes vectorOrbit1 {
    0%, 100% { transform: translate(0px, 0px) scale(1); }
    33%       { transform: translate(16px, -22px) scale(1.1); }
    66%       { transform: translate(-12px, 14px) scale(0.92); }
  }

  @keyframes vectorOrbit2 {
    0%, 100% { transform: translate(0px, 0px) scale(1); }
    50%       { transform: translate(-24px, -16px) scale(1.18); }
  }

  @keyframes vectorOrbit3 {
    0%, 100% { transform: translate(0px, 0px) rotate(0deg); }
    50%       { transform: translate(14px, 22px) rotate(180deg); }
  }

  @keyframes vectorSpin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
  }

  @keyframes vectorHaloPulse {
    0%, 100% { transform: scale(1); opacity: 0.2; }
    50%       { transform: scale(1.65); opacity: 0.75; }
  }

  /* Vector Animation Classes */
  body[data-page="platform"] .vector-drift-1 { animation: vectorOrbit1 8s ease-in-out infinite; }
  body[data-page="platform"] .vector-drift-2 { animation: vectorOrbit2 11s ease-in-out infinite; }
  body[data-page="platform"] .vector-drift-3 { animation: vectorOrbit3 10s ease-in-out infinite; }
  
  body[data-page="platform"] .vector-spin-slow { animation: vectorSpin 18s linear infinite; }
  body[data-page="platform"] .vector-spin-reverse { animation: vectorSpin 24s linear infinite reverse; }
  body[data-page="platform"] .vector-halo-pulse { animation: vectorHaloPulse 2.8s ease-in-out infinite; }


/* platform: style block 9 */

  /* 3D Perspective Setup */
  body[data-page="platform"] .perspective-1000 {
    perspective: 1000px;
  }

  /* Custom Animations */
  @keyframes scanSweep {
    0%   { transform: translateY(-100%); }
    100% { transform: translateY(220%); }
  }

  @keyframes subtlePulse {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.6; }
  }

  @keyframes barFill {
    from { width: 0%; }
    to   { width: 92%; }
  }

  @keyframes shimmer {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
  }

  body[data-page="platform"] .animate-scan-sweep {
    animation: scanSweep 2.5s ease-in-out infinite;
  }

  body[data-page="platform"] .animate-subtle-pulse {
    animation: subtlePulse 2.5s ease-in-out infinite;
  }

  body[data-page="platform"] .animate-bar-fill {
    animation: barFill 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }

  body[data-page="platform"] .animate-shimmer {
    animation: shimmer 2s infinite;
  }

  /* Entrance motion: left column from left, right column from right */
  body[data-page="platform"] .motion-left, body[data-page="platform"] .motion-right {
    opacity: 0;
    transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  }
  body[data-page="platform"] .motion-left {
    transform: translateX(-60px);
  }
  body[data-page="platform"] .motion-right {
    transform: translateX(60px);
  }
  body[data-page="platform"] .motion-left.in-view, body[data-page="platform"] .motion-right.in-view {
    opacity: 1;
    transform: translateX(0);
  }


/* platform: style block 10 */

  body[data-page="platform"] .meta-split-left {
    opacity: 0;
    transform: translateX(-60px);
    transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
  }

  body[data-page="platform"] .meta-split-right {
    opacity: 0;
    transform: translateX(60px);
    transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
  }

  body[data-page="platform"] .meta-split-left.meta-in-view, body[data-page="platform"] .meta-split-right.meta-in-view {
    opacity: 1;
    transform: translateX(0);
  }


/* platform: style block 11 */

  body[data-page="platform"] .sec7-motion-up {
    opacity: 0;
    transform: translateY(60px) scale(0.96);
    transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.85s cubic-bezier(0.34, 1.25, 0.64, 1);
    transition-delay: var(--s7-delay, 0ms);
    will-change: opacity, transform;
  }

  body[data-page="platform"] .sec7-motion-up.sec7-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
  }


/* platform: style block 12 */

    body[data-page="platform"] .motion-fade, body[data-page="platform"] .motion-card {
      opacity: 0;
      transform: translateY(24px);
      transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    }
    body[data-page="platform"] .motion-fade.in-view, body[data-page="platform"] .motion-card.in-view {
      opacity: 1;
      transform: translateY(0);
    }
    body[data-page="platform"] .motion-delay-1 { transition-delay: 0.1s; }
    body[data-page="platform"] .motion-delay-2 { transition-delay: 0.22s; }
    body[data-page="platform"] .motion-delay-3 { transition-delay: 0.34s; }
  

/* platform: style block 13 */

  body[data-page="platform"] .case-tab.active {
    border-left-color: #5B4CF5;
    box-shadow: 0 8px 20px -6px rgba(91,76,245,0.18);
    transform: translateX(4px);
  }

  @keyframes stampIn {
    0%   { transform: scale(1.5) rotate(-8deg); opacity: 0; }
    60%  { transform: scale(0.95) rotate(2deg); opacity: 1; }
    100% { transform: scale(1) rotate(-2deg); opacity: 1; }
  }
  
  body[data-page="platform"] .stamp-animate { 
    animation: stampIn 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; 
  }

  /* Isolated Split Motion Styles */
  body[data-page="platform"] .faq-split-left {
    opacity: 0;
    transform: translateX(-60px);
    transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
  }

  body[data-page="platform"] .faq-split-right {
    position: sticky;
    top: 104px;
    align-self: start;
    opacity: 0;
    transform: translateX(60px);
    transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
  }

  body[data-page="platform"] .faq-split-left.faq-in-view, body[data-page="platform"] .faq-split-right.faq-in-view {
    opacity: 1;
    transform: translateX(0);
  }
  body[data-page="platform"] .faq-case-section,
  body[data-page="pricing"] .faq-case-section {
    overflow: visible;
  }
  @media (max-width: 1023px) {
    body[data-page="platform"] .faq-split-right {
      position: static;
    }
  }


/* platform: style block 14 */

body[data-page="platform"] .testimonial-dot.active {
    background-color: #5B4CF5;
    width: 24px;
    border-radius: 9999px;
}


/* platform: former inline declarations */
body[data-page="platform"] .si-platform-1 {  }
body[data-page="platform"] .si-platform-2 { display:block; }
body[data-page="platform"] .si-platform-3 { display:block;width:100%;height:100% }
body[data-page="platform"] .si-platform-4 { animation-delay: -2s }
body[data-page="platform"] .si-platform-5 { --s4-delay: 0ms; }
body[data-page="platform"] .si-platform-6 { --s4-delay: 100ms; }
body[data-page="platform"] .si-platform-7 { --s4-delay: 200ms; }
body[data-page="platform"] .si-platform-8 { --s4-delay: 300ms; }
body[data-page="platform"] .si-platform-9 { --s4-delay: 400ms; }
body[data-page="platform"] .si-platform-10 { --s4-delay: 500ms; }
body[data-page="platform"] .si-platform-11 { --s4-delay: 600ms; }
body[data-page="platform"] .si-platform-12 { --s4-delay: 700ms; }
body[data-page="platform"] .si-platform-13 { --s4-delay: 800ms; }
body[data-page="platform"] .si-platform-14 { display:none; }
body[data-page="platform"] .si-platform-15 { display:none; }
body[data-page="platform"] .si-platform-16 { display:none; }
body[data-page="platform"] .si-platform-17 { --delay: 0ms; }
body[data-page="platform"] .si-platform-18 { --delay: 150ms; }
body[data-page="platform"] .si-platform-19 { --delay: 250ms; }
body[data-page="platform"] .si-platform-20 { --delay: 350ms; }
body[data-page="platform"] .si-platform-21 { --delay: 450ms; }
body[data-page="platform"] .si-platform-22 { --delay: 550ms; }
body[data-page="platform"] .si-platform-23 { --delay: 650ms; }
body[data-page="platform"] .si-platform-24 { width: 92%; }
body[data-page="platform"] .si-platform-25 { background-image: radial-gradient(#5B4CF5 1px, transparent 1px); background-size: 24px 24px; }
body[data-page="platform"] .si-platform-26 { --s7-delay: 0ms; }
body[data-page="platform"] .si-platform-27 { --s7-delay: 150ms; }
body[data-page="platform"] .si-platform-28 { --s7-delay: 300ms; }
body[data-page="platform"] .si-platform-29 { --s7-delay: 450ms; }
body[data-page="platform"] .si-platform-30 { --s7-delay: 600ms; }
body[data-page="platform"] .si-platform-31 { background-image: radial-gradient(rgba(91,76,245,0.12) 1px, transparent 1px); background-size: 22px 22px; }

body[data-page="platform"] .hero-dashboard-frame {
  height: 600px;
}
body[data-page="platform"] .hero-dashboard-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
}
body[data-page="platform"] .hero-onboarding-crop {
  position: relative;
  aspect-ratio: 1.2 / 1;
  overflow: hidden;
  background: #0d0d10;
  border-radius: 8px;
}
body[data-page="platform"] .hero-onboarding-crop img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  max-width: none;
  height: 250%;
  transform: translate(-50%, -50%);
}

body[data-page="platform"] .product-trust-strip {
  padding: 42px 0 38px;
  background: #fff;
  border-top: 1px solid rgba(119,117,135,.16);
  border-bottom: 1px solid rgba(119,117,135,.16);
  overflow: hidden;
}
body[data-page="platform"] .product-trust-heading {
  margin: 0 20px 24px;
  color: #62656b;
  font: 700 10px/1.4 "Geist Mono", monospace;
  letter-spacing: .14em;
  text-align: center;
}
body[data-page="platform"] .product-trust-viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
body[data-page="platform"] .product-trust-track {
  gap: 42px;
  animation-duration: 28s;
}
body[data-page="platform"] .product-trust-group {
  display: flex;
  align-items: center;
  gap: 42px;
  flex-shrink: 0;
}
body[data-page="platform"] .product-trust-item {
  min-width: max-content;
  display: flex;
  align-items: center;
  gap: 11px;
  color: #62656b;
  font-size: 14px;
  line-height: 1.4;
  white-space: nowrap;
  transition: color .2s ease;
}
body[data-page="platform"] .product-trust-item:hover { color: #111c2d; }
body[data-page="platform"] .product-trust-item .material-symbols-outlined {
  flex: 0 0 auto;
  color: #62656b;
  font-size: 24px;
}

@media (max-width: 680px) {
  body[data-page="platform"] .hero-dashboard-frame {
    height: 480px;
  }
  body[data-page="platform"] .product-trust-strip {
    padding: 34px 0 32px;
  }
  body[data-page="platform"] .product-trust-heading { margin-bottom: 20px; }
  body[data-page="platform"] .product-trust-track,
  body[data-page="platform"] .product-trust-group { gap: 30px; }
  body[data-page="platform"] .product-trust-track { animation-duration: 23s; }
  body[data-page="platform"] .product-trust-item { font-size: 13px; }
  body[data-page="platform"] .home-final-cta {
    padding-right: 8px;
    padding-left: 8px;
  }
  body[data-page="platform"] .home-final-cta-card {
    padding-right: 24px;
    padding-left: 24px;
  }
  body[data-page="platform"] main > section:not(:first-child):not(.product-trust-strip) {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  body[data-page="platform"] main .max-w-container-max.px-xl {
    padding-right: 20px;
    padding-left: 20px;
  }
  body[data-page="platform"] main .text-headline-md {
    font-size: clamp(31px, 9vw, 38px);
    line-height: 1.12;
    letter-spacing: -.035em;
    overflow-wrap: anywhere;
  }
  body[data-page="platform"] main .text-display-lg {
    font-size: clamp(40px, 12vw, 50px);
    line-height: 1.02;
    overflow-wrap: anywhere;
  }
  body[data-page="platform"] main .gap-24,
  body[data-page="platform"] main .gap-xl {
    gap: 48px;
  }
  body[data-page="platform"] main .mb-24 {
    margin-bottom: 48px;
  }
  body[data-page="platform"] main .split-motion-left,
  body[data-page="platform"] main .split-motion-right,
  body[data-page="platform"] main .motion-left,
  body[data-page="platform"] main .motion-right,
  body[data-page="platform"] main .meta-split-left,
  body[data-page="platform"] main .meta-split-right {
    min-width: 0;
  }
  body[data-page="platform"] main .split-motion-right > .aspect-\[4\/5\] {
    max-height: 520px;
  }
  body[data-page="platform"] main .split-motion-right > .absolute.-bottom-8 {
    position: relative;
    bottom: auto;
    left: auto;
    max-width: none;
    margin: -34px 14px 0;
    padding: 22px;
  }
  body[data-page="platform"] #what-scrutia-checks .sec4-motion-up.group,
  body[data-page="platform"] #why-scrutia-section .motion-slide-bold,
  body[data-page="platform"] main > section:nth-of-type(9) .sec7-motion-up,
  body[data-page="platform"] #pricing-infrastructure .glass-card {
    padding: 24px 22px;
  }
  body[data-page="platform"] #what-scrutia-checks .sec4-motion-up.text-center {
    margin-bottom: 42px;
  }
  body[data-page="platform"] #what-scrutia-checks a,
  body[data-page="platform"] #pricing-infrastructure > div > div:last-child a {
    width: 100%;
    justify-content: center;
    padding-right: 18px;
    padding-left: 18px;
    text-align: center;
  }
  body[data-page="platform"] #how-it-works .workflow-step {
    gap: 14px;
    padding: 18px 16px;
    transform: none;
  }
  body[data-page="platform"] #how-it-works .step-num {
    width: 42px;
    height: 42px;
  }
  body[data-page="platform"] #how-it-works #panel-body {
    min-height: 230px;
  }
  body[data-page="platform"] #how-it-works #panel-body img {
    object-fit: contain;
  }
  body[data-page="platform"] #how-it-works .split-motion-right > div {
    height: auto;
  }
  body[data-page="platform"] #why-scrutia-section .comparison-row > div,
  body[data-page="platform"] #why-scrutia-section .grid-cols-2:first-child > div {
    padding: 15px 12px;
    gap: 8px;
    font-size: 12px;
  }
  body[data-page="platform"] main > section:nth-of-type(7) .group\/card > .p-6,
  body[data-page="platform"] main > section:nth-of-type(8) .bg-blue-600 {
    padding: 16px;
    gap: 10px;
  }
  body[data-page="platform"] main > section:nth-of-type(7) .group\/card > .p-8,
  body[data-page="platform"] main > section:nth-of-type(8) .max-w-xl > .p-8 {
    padding: 20px;
  }
  body[data-page="platform"] main > section:nth-of-type(8) .max-w-xl > .p-8 > .grid-cols-2 {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  body[data-page="platform"] #pricing-infrastructure #cycle-selector {
    width: 100%;
    max-width: 430px;
  }
  body[data-page="platform"] #pricing-infrastructure #cycle-selector button {
    min-width: 0;
    flex: 1 1 0;
    padding: 10px 6px;
    font-size: clamp(12px, 3.5vw, 15px);
    white-space: nowrap;
  }
  body[data-page="platform"] #pricing-infrastructure #savings-badge {
    max-width: 100%;
    padding: 6px 12px;
    white-space: normal;
  }
  body[data-page="platform"] #pricing-infrastructure .grid.md\:grid-cols-3 {
    gap: 28px;
  }
  body[data-page="platform"] #pricing-infrastructure .scale-105 {
    transform: none;
  }
  body[data-page="platform"] #pricing-infrastructure .font-headline-xl.text-\[40px\] {
    font-size: clamp(31px, 9vw, 40px);
  }
  body[data-page="platform"] main > section.w-screen {
    position: relative;
    right: auto;
    left: auto;
    width: 100%;
    margin: 64px 0;
  }
  body[data-page="platform"] main > section.w-screen .grid {
    gap: 48px;
  }
  body[data-page="platform"] main > section.w-screen .p-8 {
    padding: 22px;
  }
  body[data-page="platform"] main > section.w-screen .flex.gap-8 {
    gap: 14px;
  }
  body[data-page="platform"] main > section.w-screen .text-4xl {
    font-size: 28px;
  }
  body[data-page="platform"] main > section:first-child {
    padding-top: 52px;
    padding-bottom: 72px;
  }
  body[data-page="platform"] main > section:first-child > .max-w-container-max {
    padding-right: 20px;
    padding-left: 20px;
    gap: 52px;
  }
  body[data-page="platform"] main > section:first-child .space-y-10 {
    max-width: 100%;
  }
  body[data-page="platform"] main > section:first-child h1 {
    font-size: clamp(43px, 13vw, 54px);
    line-height: 1.02;
    letter-spacing: -.045em;
    overflow-wrap: normal;
  }
  body[data-page="platform"] main > section:first-child .primary-cta,
  body[data-page="platform"] main > section:first-child .primary-cta + a {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  body[data-page="platform"] main > section:first-child .lg\:translate-x-12 {
    min-width: 0;
    transform: none;
  }
  body[data-page="platform"] main > section:first-child .h-\[600px\] {
    height: auto;
    max-height: 480px;
  }
  body[data-page="platform"] main > section:first-child .finding-card-float {
    bottom: -24px;
    left: 12px;
    width: min(80%, 280px);
  }
  body[data-page="platform"] #pricing-infrastructure .scale-105 {
    transform: none;
  }
}

/* pricing: style block 1 */

        body[data-page="pricing"] .blueprint-grid {
            background-image: linear-gradient(to right, rgba(65, 44, 221, 0.05) 1px, transparent 1px),
                              linear-gradient(to bottom, rgba(65, 44, 221, 0.05) 1px, transparent 1px);
            background-size: 48px 48px;
        }
        body[data-page="pricing"] .glass-card {
            background: rgba(255, 255, 255, 0.8);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
        }
        body[data-page="pricing"] .glow-primary {
            box-shadow: 0 0 20px 0 rgba(65, 44, 221, 0.15);
        }
        body[data-page="pricing"] .glow-hover:hover {
            box-shadow: 0 8px 32px -4px rgba(65, 44, 221, 0.2);
            transform: translateY(-4px);
        }
        body[data-page="pricing"] .transition-all-300 {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        body[data-page="pricing"] .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        body[data-page="pricing"] .active-dot {
            width: 8px;
            height: 8px;
            background-color: #412cdd;
            border-radius: 50%;
            display: inline-block;
        }
    

/* pricing: style block 2 */

  body[data-page="pricing"] .pricing-motion-up {
    opacity: 0;
    transform: translateY(60px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.8s cubic-bezier(0.34, 1.25, 0.64, 1);
    transition-delay: var(--pm-delay, 0ms);
    will-change: opacity, transform;
  }

  body[data-page="pricing"] .pricing-motion-up.pricing-visible {
    opacity: 1;
    transform: translateY(0);
  }


/* pricing: style block 3 */

  body[data-page="pricing"] .case-tab.active {
    border-left-color: #5B4CF5;
    box-shadow: 0 8px 20px -6px rgba(91,76,245,0.18);
    transform: translateX(4px);
  }

  @keyframes stampIn {
    0%   { transform: scale(1.5) rotate(-8deg); opacity: 0; }
    60%  { transform: scale(0.95) rotate(2deg); opacity: 1; }
    100% { transform: scale(1) rotate(-2deg); opacity: 1; }
  }
  
  body[data-page="pricing"] .stamp-animate { 
    animation: stampIn 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; 
  }

  /* Isolated Split Motion Styles */
  body[data-page="pricing"] .faq-split-left {
    opacity: 0;
    transform: translateX(-60px);
    transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
  }

  body[data-page="pricing"] .faq-split-right {
    position: sticky;
    top: 104px;
    align-self: start;
    opacity: 0;
    transform: translateX(60px);
    transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
  }

  body[data-page="pricing"] .faq-split-left.faq-in-view, body[data-page="pricing"] .faq-split-right.faq-in-view {
    opacity: 1;
    transform: translateX(0);
  }
  @media (max-width: 1023px) {
    body[data-page="pricing"] .faq-split-right {
      position: static;
    }
  }


/* pricing: former inline declarations */
body[data-page="pricing"] .si-pricing-1 {  }
body[data-page="pricing"] .si-pricing-2 { --pm-delay: 0ms; }
body[data-page="pricing"] .si-pricing-3 { --pm-delay: 100ms; }
body[data-page="pricing"] .si-pricing-4 { --pm-delay: 200ms; }
body[data-page="pricing"] .si-pricing-5 { --pm-delay: 300ms; }
body[data-page="pricing"] .si-pricing-6 { --pm-delay: 400ms; }
body[data-page="pricing"] .si-pricing-7 { --pm-delay: 500ms; }
body[data-page="pricing"] .si-pricing-8 { --pm-delay: 600ms; }
body[data-page="pricing"] .si-pricing-9 { --pm-delay: 0ms; }
body[data-page="pricing"] .si-pricing-10 { --pm-delay: 150ms; }
body[data-page="pricing"] .si-pricing-11 { background-image: radial-gradient(rgba(91,76,245,0.12) 1px, transparent 1px); background-size: 22px 22px; }

/* Pricing plan comparison */
body[data-page="pricing"] .pc-heading { max-width:790px; margin:0 auto 50px; text-align:center; }
body[data-page="pricing"] .pc-heading > span { color:#5b4cf5; font:700 11px/1.3 "Geist Mono",monospace; letter-spacing:.15em; }
body[data-page="pricing"] .pc-heading h2 { margin:15px 0 14px; font-size:clamp(38px,5vw,56px); line-height:1.08; letter-spacing:-.045em; }
body[data-page="pricing"] .pc-heading p { margin:0; color:#5d6678; font-size:16px; line-height:1.75; }
body[data-page="pricing"] .pc-table-shell { overflow:hidden; background:#fff; border:1px solid #dcd9e5; border-radius:20px; box-shadow:0 24px 70px rgba(34,27,78,.08); }
body[data-page="pricing"] .pc-scroll { max-height:min(76vh,860px); overflow:auto; outline:none; scrollbar-color:#aaa3e6 #f0eff6; scrollbar-width:thin; }
body[data-page="pricing"] .pc-scroll:focus-visible { box-shadow:inset 0 0 0 3px rgba(91,76,245,.22); }
body[data-page="pricing"] .pc-table { width:100%; min-width:820px; border-collapse:separate; border-spacing:0; color:#111c2d; }
body[data-page="pricing"] .pc-table thead { position:sticky; top:0; z-index:5; }
body[data-page="pricing"] .pc-table thead th { height:98px; padding:19px 22px; text-align:center; background:#f5f6fb; border-bottom:1px solid #dcd9e5; box-shadow:0 8px 20px rgba(34,27,78,.035); }
body[data-page="pricing"] .pc-table thead th:first-child { width:40%; text-align:left; }
body[data-page="pricing"] .pc-table thead strong { display:block; margin-top:7px; font-size:19px; }
body[data-page="pricing"] .pc-col-label { color:#747c8e; font:700 9px/1.3 "Geist Mono",monospace; letter-spacing:.1em; }
body[data-page="pricing"] .pc-popular { display:inline-block; padding:5px 8px; color:#fff; background:#5b4cf5; border-radius:999px; font:700 8px/1 "Geist Mono",monospace; letter-spacing:.08em; }
body[data-page="pricing"] .pc-table th, body[data-page="pricing"] .pc-table td { border-right:1px solid #eceaf1; }
body[data-page="pricing"] .pc-table tr > *:last-child { border-right:0; }
body[data-page="pricing"] .pc-table tbody th, body[data-page="pricing"] .pc-table tbody td { height:62px; padding:14px 22px; background:#fff; border-bottom:1px solid #eceaf1; transition:background .18s ease; }
body[data-page="pricing"] .pc-table tbody th { text-align:left; font-size:13px; font-weight:700; }
body[data-page="pricing"] .pc-table tbody td { text-align:center; font-size:13px; }
body[data-page="pricing"] .pc-table tbody tr:not(.pc-category):hover > * { background:#f7f6ff; }
body[data-page="pricing"] .pc-table .pc-agency { background:#f5f3ff; }
body[data-page="pricing"] .pc-table tbody tr:not(.pc-category):hover .pc-agency { background:#ece9ff; }
body[data-page="pricing"] .pc-table tbody th small { display:block; margin-top:3px; color:#737b8d; font:500 10px/1.4 "Geist Mono",monospace; }
body[data-page="pricing"] .pc-category th { height:auto !important; padding:13px 22px !important; color:#4a3ed1; background:#e9e6ff !important; font:700 10px/1.2 "Geist Mono",monospace !important; letter-spacing:.12em; text-transform:uppercase; }
body[data-page="pricing"] .pc-check, body[data-page="pricing"] .pc-no { width:26px; height:26px; display:inline-grid; place-items:center; border-radius:50%; font-size:14px; font-weight:800; }
body[data-page="pricing"] .pc-check { color:#fff; background:#5b4cf5; }
body[data-page="pricing"] .pc-no { color:#8c93a1; background:#edf0f5; }
body[data-page="pricing"] .pc-value { color:#343d50; font-weight:700; }
body[data-page="pricing"] .pc-badge, body[data-page="pricing"] .pc-coming { display:inline-block; padding:7px 10px; border-radius:999px; font:700 9px/1.2 "Geist Mono",monospace; white-space:nowrap; }
body[data-page="pricing"] .pc-badge { color:#256b49; background:#e3f6eb; }
body[data-page="pricing"] .pc-coming { color:#4a3ed1; background:#e9e6ff; }
body[data-page="pricing"] .pc-footer { min-height:74px; padding:16px 22px; display:flex; align-items:center; justify-content:space-between; gap:20px; background:#f7f7fb; border-top:1px solid #dcd9e5; }
body[data-page="pricing"] .pc-footer p { margin:0; display:flex; align-items:center; gap:9px; color:#687184; font-size:11px; }
body[data-page="pricing"] .pc-footer .pc-check, body[data-page="pricing"] .pc-footer .pc-no { width:21px; height:21px; font-size:11px; }
body[data-page="pricing"] .pc-footer a { padding:11px 17px; display:inline-flex; align-items:center; gap:18px; color:#fff; background:#5b4cf5; border-radius:8px; text-decoration:none; font-size:12px; font-weight:800; transition:transform .2s ease,background .2s ease; }
body[data-page="pricing"] .pc-footer a:hover { background:#4938e6; transform:translateY(-2px); }
.plan-deep-link {
  min-height: 56px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.plan-payment-note {
  margin: 0 0 28px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 7px;
  color: #697285;
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
}
.plan-payment-note .material-symbols-outlined { margin-top: -1px; color: #5b4cf5; font-size: 15px; }
@media(max-width:680px) {
  .site-final-cta {
    padding-top: 56px;
    padding-bottom: 56px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 0;
  }
  .site-final-cta-card {
    padding-right: 22px;
    padding-left: 22px;
    border-radius: 22px;
  }
  .site-final-cta-card h2 {
    font-size: clamp(34px, 10vw, 42px);
    line-height: 1.1;
    letter-spacing: -.035em;
    overflow-wrap: normal;
  }
  .site-final-cta-card h2 + p {
    margin-bottom: 36px;
    font-size: 17px;
    line-height: 1.55;
  }
  .site-final-actions {
    width: 100%;
    gap: 16px;
  }
  .site-final-actions a {
    width: 100%;
    padding: 16px 18px;
  }
  .site-final-benefits {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    line-height: 1.45;
  }
  body[data-page="pricing"] .pricing-final-benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  body[data-page="pricing"] .pricing-final-benefits > span {
    min-width: 0;
    justify-content: center;
    line-height: 1.45;
  }
  body[data-page="pricing"] main { overflow-x: clip; }
  body[data-page="pricing"] main > .absolute {
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100vw;
  }
  body[data-page="pricing"] main > section:first-of-type {
    padding: 48px 20px 34px;
  }
  body[data-page="pricing"] main > section:first-of-type h1 {
    max-width: 100%;
    font-size: clamp(38px, 11.5vw, 48px);
    line-height: 1.06;
    letter-spacing: -.045em;
    overflow-wrap: anywhere;
  }
  body[data-page="pricing"] main > section:first-of-type p {
    margin-bottom: 34px;
    font-size: 16px;
    line-height: 1.65;
  }
  body[data-page="pricing"] #cycle-selector {
    width: 100%;
    max-width: 430px;
  }
  body[data-page="pricing"] #cycle-selector button {
    min-width: 0;
    flex: 1 1 0;
    padding: 10px 6px;
    font-size: clamp(12px, 3.5vw, 15px);
    white-space: nowrap;
  }
  body[data-page="pricing"] #cycle-selector + div {
    max-width: calc(100vw - 40px);
    padding: 6px 12px;
    text-align: center;
    white-space: normal;
  }
  body[data-page="pricing"] main > section:nth-of-type(2) {
    padding-right: 20px;
    padding-left: 20px;
  }
  body[data-page="pricing"] main > section:nth-of-type(2) > div {
    min-width: 0;
  }
  body[data-page="pricing"] main > section:nth-of-type(2) > div > div {
    min-width: 0;
    padding: 26px 22px;
    transform: none;
  }
  body[data-page="pricing"] main > section:nth-of-type(2) > div > div:hover {
    transform: translateY(-3px);
  }
  body[data-page="pricing"] .font-headline-xl.text-\[40px\] {
    font-size: clamp(31px, 9vw, 40px);
    overflow-wrap: anywhere;
  }
  body[data-page="pricing"] .pricing-comparison { padding-left:20px; padding-right:20px; }
  body[data-page="pricing"] .pc-heading { text-align:left; }
  body[data-page="pricing"] .pc-table-shell { border-radius:14px; }
  body[data-page="pricing"] .pc-scroll { max-height:70vh; }
  body[data-page="pricing"] .pc-footer { align-items:flex-start; flex-direction:column; }
  body[data-page="pricing"] .pc-footer a { width:100%; justify-content:space-between; }
}

/* compliance: style block 1 */

        body[data-page="compliance"] .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        body[data-page="compliance"] .blueprint-grid {
            background-image: 
                linear-gradient(to right, rgba(65, 44, 221, 0.05) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(65, 44, 221, 0.05) 1px, transparent 1px);
            background-size: 48px 48px;
        }
        body[data-page="compliance"] .glass-panel {
            background: rgba(255, 255, 255, 0.8);
            backdrop-filter: blur(16px);
            border: 1px solid rgba(17, 28, 45, 0.1);
        }
        body[data-page="compliance"] .animate-rotate-slow {
            animation: rotate 10s linear infinite;
        }
        @keyframes rotate {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }
    

/* compliance: style block 2 */

  @keyframes hero2Float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-14px); }
  }

  body[data-page="compliance"] .hero2-image-float {
    animation: hero2Float 5s ease-in-out infinite;
    animation-delay: 1s;
  }


/* compliance: style block 3 */

  @keyframes hero2SlideInFromLeft {
    0% {
      opacity: 0;
      transform: translateX(-60px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }

  @keyframes hero2SlideInFromRight {
    0% {
      opacity: 0;
      transform: translateX(60px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }

  body[data-page="compliance"] .hero2-tag-anim {
    animation: hero2SlideInFromLeft 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0s both;
  }

  body[data-page="compliance"] .hero2-title-anim {
    animation: hero2SlideInFromLeft 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both;
  }

  body[data-page="compliance"] .hero2-tagline-anim {
    animation: hero2SlideInFromLeft 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both;
  }

  body[data-page="compliance"] .hero2-cta-anim {
    animation: hero2SlideInFromLeft 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.45s both;
  }

  body[data-page="compliance"] .hero2-image-anim {
    animation: hero2SlideInFromRight 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both;
  }


/* compliance: style block 4 */

  body[data-page="compliance"] .cre-motion-up {
    opacity: 0;
    transform: translateY(60px) scale(0.96);
    transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.85s cubic-bezier(0.34, 1.25, 0.64, 1);
    transition-delay: var(--cre-delay, 0ms);
    will-change: opacity, transform;
  }

  body[data-page="compliance"] .cre-motion-up.cre-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
  }


/* compliance: style block 5 */

    @keyframes float {
    0%, 100% { transform: translateY(0) translateX(0); }
    50% { transform: translateY(-10px) translateX(5px); }
}
body[data-page="compliance"] .animate-float { animation: float 6s ease-in-out infinite; }
  body[data-page="compliance"] .ds-motion-left, body[data-page="compliance"] .ds-motion-right {
    opacity: 0;
    transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  }
  body[data-page="compliance"] .ds-motion-left {
    transform: translateX(-60px);
  }
  body[data-page="compliance"] .ds-motion-right {
    transform: translateX(60px);
  }
  body[data-page="compliance"] .ds-motion-left.ds-visible, body[data-page="compliance"] .ds-motion-right.ds-visible {
    opacity: 1;
    transform: translateX(0);
  }


/* compliance: style block 6 */

  body[data-page="compliance"] .arcon-motion-up {
    opacity: 0;
    transform: translateY(60px) scale(0.96);
    transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.85s cubic-bezier(0.34, 1.25, 0.64, 1);
    transition-delay: var(--arcon-delay, 0ms);
    will-change: opacity, transform;
  }

  body[data-page="compliance"] .arcon-motion-up.arcon-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
  }


/* compliance: former inline declarations */
body[data-page="compliance"] .si-compliance-1 { top: 80px; }
body[data-page="compliance"] .si-compliance-2 { --cre-delay: 0ms; }
body[data-page="compliance"] .si-compliance-3 { --cre-delay: 150ms; }
body[data-page="compliance"] .si-compliance-4 { --cre-delay: 300ms; }
body[data-page="compliance"] .si-compliance-5 { --cre-delay: 450ms; }
body[data-page="compliance"] .si-compliance-6 { --arcon-delay: 0ms; }
body[data-page="compliance"] .si-compliance-7 { --arcon-delay: 150ms; }
body[data-page="compliance"] .si-compliance-8 { --arcon-delay: 300ms; }
body[data-page="compliance"] .si-compliance-9 { --arcon-delay: 450ms; }
body[data-page="compliance"] .si-compliance-10 { --arcon-delay: 600ms; }

/* contact: style block 1 */

    body[data-page="contact"] { --primary:#5b4cf5; --primary-dark:#3619d4; --ink:#111c2d; --muted:#586275; --surface:#f4f2f0; --line:#dedbe7; --soft:#eeebff; }
    body[data-page="contact"] * { box-sizing:border-box; }
    html:has(body[data-page="contact"]) { scroll-padding-top:105px; }
    body[data-page="contact"] { margin:0; color:var(--ink); background:var(--surface); font-family:"Plus Jakarta Sans",sans-serif; }
    body[data-page="contact"] a { color:inherit; }
    body[data-page="contact"] .site-header { position:sticky; top:0; z-index:50; height:80px; background:rgba(244,242,240,.92); backdrop-filter:blur(16px); border-bottom:1px solid rgba(119,117,135,.2); }
    body[data-page="contact"] .nav-shell { max-width:1280px; height:100%; margin:auto; padding:0 32px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
    body[data-page="contact"] .logo img { display:block; height:32px; width:auto; }
    body[data-page="contact"] .desktop-nav { display:flex; align-items:center; gap:28px; }
    body[data-page="contact"] .desktop-nav a { color:var(--muted); text-decoration:none; font-size:14px; font-weight:600; }
    body[data-page="contact"] .desktop-nav a:hover { color:var(--primary); }
    body[data-page="contact"] .desktop-nav .app-link { padding:10px 17px; color:white; background:var(--primary); border-radius:9px; }
    body[data-page="contact"] .mobile-nav { display:none; position:relative; }
    body[data-page="contact"] .mobile-nav summary { cursor:pointer; color:var(--primary); font-size:25px; list-style:none; }
    body[data-page="contact"] .mobile-menu { position:absolute; top:42px; right:0; width:220px; padding:16px; display:grid; gap:12px; background:white; border:1px solid var(--line); border-radius:14px; box-shadow:0 24px 60px rgba(29,20,74,.15); }
    body[data-page="contact"] .mobile-menu a { text-decoration:none; font-weight:600; }
    body[data-page="contact"] .hero { position:relative; overflow:hidden; padding:100px 32px 86px; border-bottom:1px solid var(--line); }
    body[data-page="contact"] .hero::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(91,76,245,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(91,76,245,.06) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,black,transparent); }
    body[data-page="contact"] .hero::after { content:""; position:absolute; width:560px; height:560px; right:-180px; top:-290px; border-radius:50%; background:rgba(91,76,245,.14); filter:blur(85px); }
    body[data-page="contact"] .hero-inner { position:relative; z-index:1; max-width:1080px; margin:auto; }
    body[data-page="contact"] .eyebrow { display:inline-block; margin-bottom:22px; padding:8px 12px; color:var(--primary-dark); background:var(--soft); border:1px solid rgba(91,76,245,.15); border-radius:999px; font:600 11px/1 "Geist Mono",monospace; letter-spacing:.14em; }
    body[data-page="contact"] h1 { max-width:850px; margin:0 0 22px; font-size:clamp(48px,7vw,76px); line-height:1.04; letter-spacing:-.05em; }
    body[data-page="contact"] .hero p { max-width:680px; margin:0; color:var(--muted); font-size:19px; line-height:1.75; }
    body[data-page="contact"] .contact-shell { max-width:1120px; margin:auto; padding:72px 32px 120px; }
    body[data-page="contact"] .section-heading { max-width:650px; margin-bottom:30px; }
    body[data-page="contact"] .section-heading span { color:var(--primary); font:600 11px/1 "Geist Mono",monospace; letter-spacing:.14em; }
    body[data-page="contact"] .section-heading h2 { margin:12px 0 8px; font-size:32px; letter-spacing:-.03em; }
    body[data-page="contact"] .section-heading p { margin:0; color:var(--muted); line-height:1.7; }
    body[data-page="contact"] .contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-bottom:78px; }
    body[data-page="contact"] .contact-card { scroll-margin-top:110px; display:flex; min-height:250px; padding:32px; flex-direction:column; background:white; border:1px solid rgba(119,117,135,.18); border-radius:18px; box-shadow:0 20px 55px rgba(29,20,74,.07); }
    body[data-page="contact"] .card-icon { width:46px; height:46px; display:grid; place-items:center; margin-bottom:26px; color:white; background:var(--primary); border-radius:13px; font:700 18px/1 "Geist Mono",monospace; }
    body[data-page="contact"] .contact-card h3 { margin:0 0 10px; font-size:23px; }
    body[data-page="contact"] .contact-card p { margin:0 0 25px; color:var(--muted); line-height:1.7; }
    body[data-page="contact"] .contact-card a { margin-top:auto; color:var(--primary-dark); font-weight:700; text-decoration:none; }
    body[data-page="contact"] .contact-card a:hover { text-decoration:underline; text-underline-offset:4px; }
    body[data-page="contact"] .office { display:grid; grid-template-columns:1fr 1fr; gap:36px; padding:38px; color:white; background:#1a1c1e; border-radius:20px; }
    body[data-page="contact"] .office h2 { margin:0 0 12px; font-size:28px; }
    body[data-page="contact"] .office p { margin:0; color:#bec4d0; line-height:1.8; }
    body[data-page="contact"] .office-details { display:grid; gap:14px; align-content:center; }
    body[data-page="contact"] .office-details span { display:block; color:#9ca5b5; font:600 10px/1 "Geist Mono",monospace; letter-spacing:.12em; text-transform:uppercase; }
    body[data-page="contact"] .office-details strong, body[data-page="contact"] .office-details a { display:block; margin-top:6px; color:white; font-size:14px; text-decoration:none; }
    body[data-page="contact"] .socials { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
    body[data-page="contact"] .socials a { width:42px; height:42px; padding:0; display:grid; place-items:center; color:#c4c0ff; background:#24262a; border:1px solid #454951; border-radius:50%; text-decoration:none; transition:color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease; }
    body[data-page="contact"] .socials a:hover { color:white; background:#5b4cf5; border-color:#776bff; transform:translateY(-2px); }
    body[data-page="contact"] .socials a:focus-visible { outline:2px solid #c4c0ff; outline-offset:3px; }
    body[data-page="contact"] .socials svg { width:18px; height:18px; display:block; fill:currentColor; }
    body[data-page="contact"] .site-footer { margin-top:72px; padding:62px 32px; color:#dfe3ee; background:#1a1c1e; border-top:1px solid #34373c; }
    body[data-page="contact"] .footer-inner { max-width:1280px; margin:auto; display:grid; grid-template-columns:1.5fr repeat(4,1fr); gap:35px; }
    body[data-page="contact"] .footer-brand strong { display:block; color:white; font-size:22px; }
    body[data-page="contact"] .footer-brand span { display:block; margin-top:8px; color:#9da5b3; font-size:12px; line-height:1.6; }
    body[data-page="contact"] .footer-col strong { display:block; margin-bottom:15px; color:#9da5b3; font:600 10px/1 "Geist Mono",monospace; letter-spacing:.14em; text-transform:uppercase; }
    body[data-page="contact"] .footer-col a { display:block; margin:10px 0; color:#dfe3ee; text-decoration:none; font-size:13px; }
    body[data-page="contact"] .footer-col a:hover { color:#c4c0ff; }
    @media(max-width:900px) { body[data-page="contact"] .desktop-nav{display:none}body[data-page="contact"] .mobile-nav{display:block}body[data-page="contact"] .footer-inner{grid-template-columns:repeat(2,1fr)}body[data-page="contact"] .footer-brand{grid-column:1/-1} }
    @media(max-width:680px) { body[data-page="contact"] .nav-shell, body[data-page="contact"] .hero, body[data-page="contact"] .contact-shell, body[data-page="contact"] .site-footer{padding-left:20px;padding-right:20px}body[data-page="contact"] .hero{padding-top:68px;padding-bottom:58px}body[data-page="contact"] .hero p{font-size:16px}body[data-page="contact"] .contact-grid, body[data-page="contact"] .office{grid-template-columns:1fr}body[data-page="contact"] .contact-card{min-height:0}body[data-page="contact"] .footer-inner{grid-template-columns:1fr}body[data-page="contact"] .footer-brand{grid-column:auto} }
  

/* terms-of-use: style block 1 */

    body[data-page="terms-of-use"] {
      --primary: #5b4cf5;
      --primary-dark: #3619d4;
      --ink: #111c2d;
      --muted: #586275;
      --surface: #f4f2f0;
      --card: #ffffff;
      --line: #dedbe7;
      --soft: #eeebff;
      --warning: #fff4d6;
      --warning-line: #d49b00;
      --shadow: 0 24px 70px rgba(29, 20, 74, .09);
    }
    body[data-page="terms-of-use"] * { box-sizing: border-box; }
    html:has(body[data-page="terms-of-use"]) { scroll-padding-top: 108px; }
    body[data-page="terms-of-use"] { margin: 0; color: var(--ink); background: var(--surface); font-family: "Plus Jakarta Sans", sans-serif; }
    body[data-page="terms-of-use"] a { color: var(--primary-dark); text-decoration-thickness: 1px; text-underline-offset: 3px; }
    body[data-page="terms-of-use"] .site-header { position: sticky; top: 0; z-index: 50; height: 80px; background: rgba(244,242,240,.92); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(119,117,135,.2); }
    body[data-page="terms-of-use"] .nav-shell { max-width: 1280px; height: 100%; margin: auto; padding: 0 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
    body[data-page="terms-of-use"] .wordmark { display: flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; font-size: 20px; font-weight: 800; }
    body[data-page="terms-of-use"] .site-logo { display: block; width: auto; height: 32px; object-fit: contain; }
    body[data-page="terms-of-use"] .desktop-nav { display: flex; align-items: center; gap: 28px; }
    body[data-page="terms-of-use"] .desktop-nav a { color: var(--muted); text-decoration: none; font-size: 14px; font-weight: 600; }
    body[data-page="terms-of-use"] .desktop-nav a:hover { color: var(--primary); }
    body[data-page="terms-of-use"] .app-link { padding: 10px 17px; color: white !important; background: var(--primary); border-radius: 9px; }
    body[data-page="terms-of-use"] .mobile-nav { display: none; position: relative; }
    body[data-page="terms-of-use"] .mobile-nav summary { cursor: pointer; font-size: 25px; color: var(--primary); list-style: none; }
    body[data-page="terms-of-use"] .mobile-menu { position: absolute; top: 42px; right: 0; width: 220px; padding: 16px; display: grid; gap: 12px; background: white; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); }
    body[data-page="terms-of-use"] .mobile-menu a { text-decoration: none; font-weight: 600; }
    body[data-page="terms-of-use"] .hero { position: relative; overflow: hidden; padding: 96px 32px 84px; border-bottom: 1px solid var(--line); }
    body[data-page="terms-of-use"] .hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(91,76,245,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(91,76,245,.06) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, black, transparent); }
    body[data-page="terms-of-use"] .hero::after { content: ""; position: absolute; width: 520px; height: 520px; right: -150px; top: -260px; border-radius: 50%; background: rgba(91,76,245,.13); filter: blur(80px); }
    body[data-page="terms-of-use"] .hero-inner { position: relative; z-index: 1; max-width: 1060px; margin: auto; }
    body[data-page="terms-of-use"] .eyebrow { display: inline-block; margin-bottom: 22px; padding: 8px 12px; color: var(--primary-dark); background: var(--soft); border: 1px solid rgba(91,76,245,.15); border-radius: 999px; font: 600 11px/1 "Geist Mono", monospace; letter-spacing: .14em; }
    body[data-page="terms-of-use"] h1 { max-width: 850px; margin: 0 0 22px; font-size: clamp(48px, 7vw, 76px); line-height: 1.04; letter-spacing: -.05em; }
    body[data-page="terms-of-use"] .hero p { max-width: 680px; margin: 0; color: var(--muted); font-size: 19px; line-height: 1.75; }
    body[data-page="terms-of-use"] .meta-row { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 28px; color: var(--muted); font: 600 12px/1.6 "Geist Mono", monospace; text-transform: uppercase; letter-spacing: .07em; }
    body[data-page="terms-of-use"] .legal-layout { max-width: 1280px; margin: auto; padding: 64px 32px 120px; display: grid; grid-template-columns: 270px minmax(0, 780px); justify-content: center; gap: 76px; align-items: start; }
    body[data-page="terms-of-use"] .toc { position: sticky; top: 112px; max-height: calc(100vh - 140px); overflow: auto; padding-right: 18px; }
    body[data-page="terms-of-use"] .toc-title { margin-bottom: 18px; color: var(--ink); font: 700 11px/1 "Geist Mono", monospace; letter-spacing: .16em; text-transform: uppercase; }
    body[data-page="terms-of-use"] .toc a { display: block; margin: 0 0 12px; color: var(--muted); text-decoration: none; font-size: 12px; line-height: 1.45; }
    body[data-page="terms-of-use"] .toc a:hover { color: var(--primary); }
    body[data-page="terms-of-use"] .toc-level-3 { padding-left: 15px; }
    body[data-page="terms-of-use"] .legal-card { min-width: 0; padding: clamp(30px, 6vw, 72px); background: var(--card); border: 1px solid rgba(119,117,135,.17); border-radius: 22px; box-shadow: var(--shadow); }
    body[data-page="terms-of-use"] .legal-card > p { margin: 0 0 18px; color: #3f495a; font-size: 15px; line-height: 1.85; }
    body[data-page="terms-of-use"] .legal-card h2, body[data-page="terms-of-use"] .legal-card h3 { scroll-margin-top: 110px; letter-spacing: -.025em; }
    body[data-page="terms-of-use"] .legal-card h2 { margin: 58px 0 18px; padding-top: 28px; border-top: 1px solid var(--line); font-size: 28px; line-height: 1.25; }
    body[data-page="terms-of-use"] .legal-card h2:first-of-type { margin-top: 20px; }
    body[data-page="terms-of-use"] .legal-card h3 { margin: 34px 0 14px; font-size: 20px; }
    body[data-page="terms-of-use"] .legal-list { margin: -2px 0 24px; padding: 0; list-style: none; }
    body[data-page="terms-of-use"] .legal-list li { position: relative; margin: 10px 0; padding-left: 25px; color: #3f495a; font-size: 15px; line-height: 1.7; }
    body[data-page="terms-of-use"] .legal-list li::before { content: ""; position: absolute; top: .68em; left: 2px; width: 7px; height: 7px; background: var(--primary); border-radius: 2px; transform: rotate(45deg); }
    body[data-page="terms-of-use"] .legal-callout { margin: 28px 0; padding: 22px 24px; color: #342c65; background: var(--soft); border: 1px solid rgba(91,76,245,.2); border-left: 4px solid var(--primary); border-radius: 12px; font-size: 14px; font-weight: 600; line-height: 1.7; }
    body[data-page="terms-of-use"] .legal-callout.warning { color: #624600; background: var(--warning); border-color: rgba(212,155,0,.3); border-left-color: var(--warning-line); }
    body[data-page="terms-of-use"] .table-wrap { max-width: 100%; margin: 26px 0 34px; overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; }
    body[data-page="terms-of-use"] table { width: 100%; border-collapse: collapse; font-size: 13px; line-height: 1.6; }
    body[data-page="terms-of-use"] th { padding: 14px 16px; color: var(--ink); background: #f0f3ff; text-align: left; font: 700 11px/1.4 "Geist Mono", monospace; letter-spacing: .04em; text-transform: uppercase; }
    body[data-page="terms-of-use"] td { min-width: 150px; padding: 15px 16px; color: #465064; vertical-align: top; border-top: 1px solid var(--line); }
    body[data-page="terms-of-use"] .document-meta { margin-top: 48px !important; padding-top: 24px; border-top: 1px solid var(--line); font: 600 12px/1.6 "Geist Mono", monospace !important; }
    body[data-page="terms-of-use"] .site-footer { margin-top: 72px; padding: 64px 32px; color: #dfe3ee; background: #1a1c1e; }
    body[data-page="terms-of-use"] .footer-inner { max-width: 1280px; margin: auto; display: grid; grid-template-columns: 1.5fr repeat(4, 1fr); gap: 34px; align-items: start; }
    body[data-page="terms-of-use"] .footer-brand strong { display: block; color: white; font-size: 22px; }
    body[data-page="terms-of-use"] .footer-brand span { display: block; margin-top: 7px; color: #aeb5c3; font-size: 12px; line-height: 1.6; }
    body[data-page="terms-of-use"] .footer-col strong { display: block; margin-bottom: 15px; color: #9da5b3; font: 600 10px/1 "Geist Mono", monospace; letter-spacing: .14em; text-transform: uppercase; }
    body[data-page="terms-of-use"] .footer-col a { display: block; margin: 10px 0; color: #dfe3ee; text-decoration: none; font-size: 13px; }
    body[data-page="terms-of-use"] .footer-col a:hover, body[data-page="terms-of-use"] .footer-col a[aria-current="page"] { color: #c4c0ff; }
    body[data-page="terms-of-use"] .footer-socials { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 18px; padding-top: 24px; border-top: 1px solid #34373c; }
    body[data-page="terms-of-use"] .footer-socials a { color: #dfe3ee; text-decoration: none; font-size: 12px; }
    @media (max-width: 900px) {
      body[data-page="terms-of-use"] .desktop-nav { display: none; }
      body[data-page="terms-of-use"] .mobile-nav { display: block; }
      body[data-page="terms-of-use"] .legal-layout { grid-template-columns: 1fr; gap: 28px; padding-top: 36px; }
      body[data-page="terms-of-use"] .toc { position: static; max-height: none; padding: 20px; background: white; border: 1px solid var(--line); border-radius: 14px; column-count: 2; }
      body[data-page="terms-of-use"] .toc-title { column-span: all; }
      body[data-page="terms-of-use"] .footer-inner { grid-template-columns: repeat(2, 1fr); }
      body[data-page="terms-of-use"] .footer-brand { grid-column: 1 / -1; }
    }
    @media (max-width: 580px) {
      body[data-page="terms-of-use"] .nav-shell, body[data-page="terms-of-use"] .hero, body[data-page="terms-of-use"] .legal-layout, body[data-page="terms-of-use"] .site-footer { padding-left: 20px; padding-right: 20px; }
      body[data-page="terms-of-use"] .hero { padding-top: 68px; padding-bottom: 58px; }
      body[data-page="terms-of-use"] .hero p { font-size: 16px; }
      body[data-page="terms-of-use"] .toc { column-count: 1; }
      body[data-page="terms-of-use"] .legal-card { padding: 26px 20px; border-radius: 16px; }
      body[data-page="terms-of-use"] .legal-card h2 { font-size: 23px; }
      body[data-page="terms-of-use"] .footer-inner { grid-template-columns: 1fr; }
      body[data-page="terms-of-use"] .footer-brand { grid-column: auto; }
    }
    @media print {
      body[data-page="terms-of-use"] .site-header, body[data-page="terms-of-use"] .toc, body[data-page="terms-of-use"] .site-footer { display: none; }
      body[data-page="terms-of-use"] { background: white; }
      body[data-page="terms-of-use"] .hero { padding: 32px 0; }
      body[data-page="terms-of-use"] .legal-layout { display: block; padding: 0; }
      body[data-page="terms-of-use"] .legal-card { padding: 0; border: 0; box-shadow: none; }
    }
  

/* privacy-policy: style block 1 */

    body[data-page="privacy-policy"] {
      --primary: #5b4cf5;
      --primary-dark: #3619d4;
      --ink: #111c2d;
      --muted: #586275;
      --surface: #f4f2f0;
      --card: #ffffff;
      --line: #dedbe7;
      --soft: #eeebff;
      --warning: #fff4d6;
      --warning-line: #d49b00;
      --shadow: 0 24px 70px rgba(29, 20, 74, .09);
    }
    body[data-page="privacy-policy"] * { box-sizing: border-box; }
    html:has(body[data-page="privacy-policy"]) { scroll-padding-top: 108px; }
    body[data-page="privacy-policy"] { margin: 0; color: var(--ink); background: var(--surface); font-family: "Plus Jakarta Sans", sans-serif; }
    body[data-page="privacy-policy"] a { color: var(--primary-dark); text-decoration-thickness: 1px; text-underline-offset: 3px; }
    body[data-page="privacy-policy"] .site-header { position: sticky; top: 0; z-index: 50; height: 80px; background: rgba(244,242,240,.92); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(119,117,135,.2); }
    body[data-page="privacy-policy"] .nav-shell { max-width: 1280px; height: 100%; margin: auto; padding: 0 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
    body[data-page="privacy-policy"] .wordmark { display: flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; font-size: 20px; font-weight: 800; }
    body[data-page="privacy-policy"] .site-logo { display: block; width: auto; height: 32px; object-fit: contain; }
    body[data-page="privacy-policy"] .desktop-nav { display: flex; align-items: center; gap: 28px; }
    body[data-page="privacy-policy"] .desktop-nav a { color: var(--muted); text-decoration: none; font-size: 14px; font-weight: 600; }
    body[data-page="privacy-policy"] .desktop-nav a:hover { color: var(--primary); }
    body[data-page="privacy-policy"] .app-link { padding: 10px 17px; color: white !important; background: var(--primary); border-radius: 9px; }
    body[data-page="privacy-policy"] .mobile-nav { display: none; position: relative; }
    body[data-page="privacy-policy"] .mobile-nav summary { cursor: pointer; font-size: 25px; color: var(--primary); list-style: none; }
    body[data-page="privacy-policy"] .mobile-menu { position: absolute; top: 42px; right: 0; width: 220px; padding: 16px; display: grid; gap: 12px; background: white; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); }
    body[data-page="privacy-policy"] .mobile-menu a { text-decoration: none; font-weight: 600; }
    body[data-page="privacy-policy"] .hero { position: relative; overflow: hidden; padding: 96px 32px 84px; border-bottom: 1px solid var(--line); }
    body[data-page="privacy-policy"] .hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(91,76,245,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(91,76,245,.06) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, black, transparent); }
    body[data-page="privacy-policy"] .hero::after { content: ""; position: absolute; width: 520px; height: 520px; right: -150px; top: -260px; border-radius: 50%; background: rgba(91,76,245,.13); filter: blur(80px); }
    body[data-page="privacy-policy"] .hero-inner { position: relative; z-index: 1; max-width: 1060px; margin: auto; }
    body[data-page="privacy-policy"] .eyebrow { display: inline-block; margin-bottom: 22px; padding: 8px 12px; color: var(--primary-dark); background: var(--soft); border: 1px solid rgba(91,76,245,.15); border-radius: 999px; font: 600 11px/1 "Geist Mono", monospace; letter-spacing: .14em; }
    body[data-page="privacy-policy"] h1 { max-width: 850px; margin: 0 0 22px; font-size: clamp(48px, 7vw, 76px); line-height: 1.04; letter-spacing: -.05em; }
    body[data-page="privacy-policy"] .hero p { max-width: 680px; margin: 0; color: var(--muted); font-size: 19px; line-height: 1.75; }
    body[data-page="privacy-policy"] .meta-row { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 28px; color: var(--muted); font: 600 12px/1.6 "Geist Mono", monospace; text-transform: uppercase; letter-spacing: .07em; }
    body[data-page="privacy-policy"] .legal-layout { max-width: 1280px; margin: auto; padding: 64px 32px 120px; display: grid; grid-template-columns: 270px minmax(0, 780px); justify-content: center; gap: 76px; align-items: start; }
    body[data-page="privacy-policy"] .toc { position: sticky; top: 112px; max-height: calc(100vh - 140px); overflow: auto; padding-right: 18px; }
    body[data-page="privacy-policy"] .toc-title { margin-bottom: 18px; color: var(--ink); font: 700 11px/1 "Geist Mono", monospace; letter-spacing: .16em; text-transform: uppercase; }
    body[data-page="privacy-policy"] .toc a { display: block; margin: 0 0 12px; color: var(--muted); text-decoration: none; font-size: 12px; line-height: 1.45; }
    body[data-page="privacy-policy"] .toc a:hover { color: var(--primary); }
    body[data-page="privacy-policy"] .toc-level-3 { padding-left: 15px; }
    body[data-page="privacy-policy"] .legal-card { min-width: 0; padding: clamp(30px, 6vw, 72px); background: var(--card); border: 1px solid rgba(119,117,135,.17); border-radius: 22px; box-shadow: var(--shadow); }
    body[data-page="privacy-policy"] .legal-card > p { margin: 0 0 18px; color: #3f495a; font-size: 15px; line-height: 1.85; }
    body[data-page="privacy-policy"] .legal-card h2, body[data-page="privacy-policy"] .legal-card h3 { scroll-margin-top: 110px; letter-spacing: -.025em; }
    body[data-page="privacy-policy"] .legal-card h2 { margin: 58px 0 18px; padding-top: 28px; border-top: 1px solid var(--line); font-size: 28px; line-height: 1.25; }
    body[data-page="privacy-policy"] .legal-card h2:first-of-type { margin-top: 20px; }
    body[data-page="privacy-policy"] .legal-card h3 { margin: 34px 0 14px; font-size: 20px; }
    body[data-page="privacy-policy"] .legal-list { margin: -2px 0 24px; padding: 0; list-style: none; }
    body[data-page="privacy-policy"] .legal-list li { position: relative; margin: 10px 0; padding-left: 25px; color: #3f495a; font-size: 15px; line-height: 1.7; }
    body[data-page="privacy-policy"] .legal-list li::before { content: ""; position: absolute; top: .68em; left: 2px; width: 7px; height: 7px; background: var(--primary); border-radius: 2px; transform: rotate(45deg); }
    body[data-page="privacy-policy"] .legal-callout { margin: 28px 0; padding: 22px 24px; color: #342c65; background: var(--soft); border: 1px solid rgba(91,76,245,.2); border-left: 4px solid var(--primary); border-radius: 12px; font-size: 14px; font-weight: 600; line-height: 1.7; }
    body[data-page="privacy-policy"] .legal-callout.warning { color: #624600; background: var(--warning); border-color: rgba(212,155,0,.3); border-left-color: var(--warning-line); }
    body[data-page="privacy-policy"] .table-wrap { max-width: 100%; margin: 26px 0 34px; overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; }
    body[data-page="privacy-policy"] table { width: 100%; border-collapse: collapse; font-size: 13px; line-height: 1.6; }
    body[data-page="privacy-policy"] th { padding: 14px 16px; color: var(--ink); background: #f0f3ff; text-align: left; font: 700 11px/1.4 "Geist Mono", monospace; letter-spacing: .04em; text-transform: uppercase; }
    body[data-page="privacy-policy"] td { min-width: 150px; padding: 15px 16px; color: #465064; vertical-align: top; border-top: 1px solid var(--line); }
    body[data-page="privacy-policy"] .document-meta { margin-top: 48px !important; padding-top: 24px; border-top: 1px solid var(--line); font: 600 12px/1.6 "Geist Mono", monospace !important; }
    body[data-page="privacy-policy"] .site-footer { margin-top: 72px; padding: 64px 32px; color: #dfe3ee; background: #1a1c1e; }
    body[data-page="privacy-policy"] .footer-inner { max-width: 1280px; margin: auto; display: grid; grid-template-columns: 1.5fr repeat(4, 1fr); gap: 34px; align-items: start; }
    body[data-page="privacy-policy"] .footer-brand strong { display: block; color: white; font-size: 22px; }
    body[data-page="privacy-policy"] .footer-brand span { display: block; margin-top: 7px; color: #aeb5c3; font-size: 12px; line-height: 1.6; }
    body[data-page="privacy-policy"] .footer-col strong { display: block; margin-bottom: 15px; color: #9da5b3; font: 600 10px/1 "Geist Mono", monospace; letter-spacing: .14em; text-transform: uppercase; }
    body[data-page="privacy-policy"] .footer-col a { display: block; margin: 10px 0; color: #dfe3ee; text-decoration: none; font-size: 13px; }
    body[data-page="privacy-policy"] .footer-col a:hover, body[data-page="privacy-policy"] .footer-col a[aria-current="page"] { color: #c4c0ff; }
    body[data-page="privacy-policy"] .footer-socials { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 18px; padding-top: 24px; border-top: 1px solid #34373c; }
    body[data-page="privacy-policy"] .footer-socials a { color: #dfe3ee; text-decoration: none; font-size: 12px; }
    @media (max-width: 900px) {
      body[data-page="privacy-policy"] .desktop-nav { display: none; }
      body[data-page="privacy-policy"] .mobile-nav { display: block; }
      body[data-page="privacy-policy"] .legal-layout { grid-template-columns: 1fr; gap: 28px; padding-top: 36px; }
      body[data-page="privacy-policy"] .toc { position: static; max-height: none; padding: 20px; background: white; border: 1px solid var(--line); border-radius: 14px; column-count: 2; }
      body[data-page="privacy-policy"] .toc-title { column-span: all; }
      body[data-page="privacy-policy"] .footer-inner { grid-template-columns: repeat(2, 1fr); }
      body[data-page="privacy-policy"] .footer-brand { grid-column: 1 / -1; }
    }
    @media (max-width: 580px) {
      body[data-page="privacy-policy"] .nav-shell, body[data-page="privacy-policy"] .hero, body[data-page="privacy-policy"] .legal-layout, body[data-page="privacy-policy"] .site-footer { padding-left: 20px; padding-right: 20px; }
      body[data-page="privacy-policy"] .hero { padding-top: 68px; padding-bottom: 58px; }
      body[data-page="privacy-policy"] .hero p { font-size: 16px; }
      body[data-page="privacy-policy"] .toc { column-count: 1; }
      body[data-page="privacy-policy"] .legal-card { padding: 26px 20px; border-radius: 16px; }
      body[data-page="privacy-policy"] .legal-card h2 { font-size: 23px; }
      body[data-page="privacy-policy"] .footer-inner { grid-template-columns: 1fr; }
      body[data-page="privacy-policy"] .footer-brand { grid-column: auto; }
    }
    @media print {
      body[data-page="privacy-policy"] .site-header, body[data-page="privacy-policy"] .toc, body[data-page="privacy-policy"] .site-footer { display: none; }
      body[data-page="privacy-policy"] { background: white; }
      body[data-page="privacy-policy"] .hero { padding: 32px 0; }
      body[data-page="privacy-policy"] .legal-layout { display: block; padding: 0; }
      body[data-page="privacy-policy"] .legal-card { padding: 0; border: 0; box-shadow: none; }
    }
  

/* Shared component: scrutia-header.js */

        scrutia-header {
          --sh-primary: #5b4cf5;
          --sh-ink: #111c2d;
          --sh-muted: #596273;
          --sh-line: #dedbe7;
          display: block;
          height: 80px;
          font-family: "Plus Jakarta Sans", system-ui, sans-serif;
        }
        scrutia-header * { box-sizing: border-box; }
        scrutia-header .sh-header {
          position: fixed;
          inset: 0 0 auto;
          z-index: 1000;
          height: 80px;
          color: var(--sh-ink);
          background: transparent;
          border-bottom: 1px solid transparent;
          transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease;
        }
        scrutia-header .sh-header.is-scrolled,
        scrutia-header .sh-header:has(.sh-mobile[open]) {
          background: rgba(244, 242, 240, .92);
          border-color: rgba(119, 117, 135, .22);
          box-shadow: none !important;
          backdrop-filter: blur(16px);
          -webkit-backdrop-filter: blur(16px);
        }
        body[data-page="compliance"] scrutia-header .sh-header,
        body[data-page="compliance"] scrutia-header .sh-header.is-scrolled,
        body[data-page="compliance"] scrutia-header .sh-header:has(.sh-mobile[open]) {
          background: #f4f2f0 !important;
          border-color: transparent !important;
          box-shadow: none !important;
          backdrop-filter: none !important;
          -webkit-backdrop-filter: none !important;
          filter: none !important;
          transition: none !important;
        }
        scrutia-header .sh-shell {
          width: 100%;
          max-width: 1440px;
          height: 100%;
          margin: auto;
          padding: 0 clamp(1.25rem, 6vw, 5.5rem);
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 28px;
        }
        scrutia-header .sh-logo { display: block; width: auto; height: 32px; object-fit: contain; }
        scrutia-header .sh-nav { display: flex; align-items: center; gap: 32px; }
        scrutia-header .sh-nav a,
        scrutia-header .sh-login {
          position: relative;
          color: var(--sh-muted);
          background: transparent !important;
          box-shadow: none !important;
          filter: none !important;
          text-decoration: none;
          text-shadow: none !important;
          font-size: 15px;
          font-weight: 600;
          transition: color .2s ease;
        }
        scrutia-header .sh-nav a::after {
          content: "";
          position: absolute;
          right: 0;
          bottom: -10px;
          left: 0;
          height: 2px;
          background: var(--sh-primary);
          transform: scaleX(0);
          transition: transform .2s ease;
        }
        scrutia-header .sh-nav a:hover,
        scrutia-header .sh-nav a[aria-current="page"],
        scrutia-header .sh-login:hover { color: var(--sh-primary); }
        scrutia-header .sh-nav a[aria-current="page"]::after { transform: scaleX(1); }
        scrutia-header .sh-actions { display: flex; align-items: center; gap: 18px; }
        scrutia-header .sh-start {
          padding: 11px 20px;
          color: #fff !important;
          background: var(--sh-primary);
          border-radius: 9px;
          box-shadow: 0 5px 14px rgba(91, 76, 245, .18);
          text-decoration: none;
          font-size: 14px;
          font-weight: 800;
          transition: transform .2s ease, box-shadow .2s ease;
        }
        scrutia-header .sh-start:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(91, 76, 245, .27); }
        scrutia-header .sh-mobile { display: none; position: relative; }
        scrutia-header .sh-mobile summary {
          width: 42px;
          height: 42px;
          display: grid;
          place-items: center;
          color: var(--sh-primary);
          border: 1px solid rgba(91, 76, 245, .18);
          border-radius: 10px;
          cursor: pointer;
          list-style: none;
          font-size: 23px;
          line-height: 1;
        }
        scrutia-header .sh-mobile summary::-webkit-details-marker { display: none; }
        scrutia-header .sh-mobile-menu {
          position: absolute;
          top: 52px;
          right: 0;
          width: min(270px, calc(100vw - 40px));
          padding: 16px;
          display: grid;
          gap: 5px;
          background: #fff;
          border: 1px solid var(--sh-line);
          border-radius: 14px;
          box-shadow: 0 24px 60px rgba(29, 20, 74, .16);
        }
        scrutia-header .sh-mobile-menu a {
          padding: 11px 12px;
          color: var(--sh-muted);
          border-radius: 8px;
          text-decoration: none;
          font-size: 14px;
          font-weight: 650;
        }
        scrutia-header .sh-mobile-menu a:hover,
        scrutia-header .sh-mobile-menu a[aria-current="page"] { color: var(--sh-primary); background: rgba(91, 76, 245, .07); }
        scrutia-header .sh-mobile-menu .sh-mobile-start { margin-top: 7px; color: #fff; background: var(--sh-primary); text-align: center; }
        scrutia-header .sh-mobile-menu .sh-mobile-start:hover { color: #fff; background: #4f40e5; }
        @media (max-width: 760px) {
          scrutia-header { height: 72px; }
          scrutia-header .sh-header { height: 72px; }
          scrutia-header .sh-shell {
            max-width: 100%;
            padding: 0 20px;
            gap: 16px;
          }
          scrutia-header .sh-logo { max-width: 148px; height: 29px; }
          scrutia-header .sh-nav,
          scrutia-header .sh-actions { display: none; }
          scrutia-header .sh-mobile { display: block; }
        }
        @media (max-width: 360px) {
          scrutia-header .sh-shell { padding-right: 16px; padding-left: 16px; }
          scrutia-header .sh-logo { max-width: 132px; height: 27px; }
        }
        @media print {
          scrutia-header { display: none; }
        }
      

/* Shared component: scrutia-footer.js */

        scrutia-footer {
          --sf-primary: #5b4cf5;
          --sf-ink: #111c2d;
          --sf-muted: #596273;
          --sf-line: #dedbe7;
          --sf-soft: #f0f3ff;
          display: block;
          margin-top: 6rem;
          color: var(--sf-ink);
          background: #fff;
          border-top: 1px solid var(--sf-line);
          font-family: "Plus Jakarta Sans", system-ui, sans-serif;
        }
        scrutia-footer * { box-sizing: border-box; }
        scrutia-footer .sf-shell { max-width: 1440px; margin: auto; padding: 6rem clamp(1.25rem, 6vw, 5.5rem) 2.5rem; }
        scrutia-footer .sf-main { display: grid; grid-template-columns: minmax(280px, 5fr) minmax(520px, 7fr); gap: 5.5rem; padding-bottom: 5.5rem; border-bottom: 1px solid var(--sf-line); }
        scrutia-footer .sf-logo { display: block; width: auto; height: 40px; object-fit: contain; }
        scrutia-footer .sf-description { max-width: 390px; margin: 2rem 0; color: var(--sf-muted); font-size: 18px; line-height: 1.7; }
        scrutia-footer .sf-label { margin: 0 0 1.3rem; color: #7d8491; font: 800 11px/1 "Geist Mono", monospace; letter-spacing: .18em; text-transform: uppercase; }
        scrutia-footer .sf-socials { display: flex; flex-wrap: wrap; gap: 1rem; }
        scrutia-footer .sf-social { width: 42px; height: 42px; display: grid; place-items: center; color: var(--sf-muted); border: 1px solid var(--sf-line); border-radius: 999px; transition: .2s ease; }
        scrutia-footer .sf-social:hover { color: var(--sf-primary); background: rgba(91, 76, 245, .06); border-color: rgba(91, 76, 245, .35); transform: translateY(-2px); }
        scrutia-footer .sf-social svg { width: 17px; height: 17px; fill: currentColor; }
        scrutia-footer .sf-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; }
        scrutia-footer .sf-column ul { margin: 0; padding: 0; list-style: none; }
        scrutia-footer .sf-column li + li { margin-top: 1rem; }
        scrutia-footer .sf-column a { color: var(--sf-muted); text-decoration: none; font-size: 14px; font-weight: 600; line-height: 1.45; transition: color .2s ease; }
        scrutia-footer .sf-column a:hover,
        scrutia-footer .sf-column a[aria-current="page"] { color: var(--sf-primary); }
        scrutia-footer .sf-bottom { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding-top: 2.5rem; }
        scrutia-footer .sf-copyright { margin: 0; color: #7d8491; font-size: 13px; font-weight: 600; }
        scrutia-footer .sf-status { padding: .45rem .7rem; color: var(--sf-muted); background: var(--sf-soft); border: 1px solid var(--sf-line); border-radius: 6px; font: 600 10px/1 "Geist Mono", monospace; letter-spacing: .06em; }
        @media (max-width: 980px) {
          scrutia-footer .sf-main { grid-template-columns: 1fr; gap: 4rem; }
          scrutia-footer .sf-links { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 560px) {
          scrutia-footer { margin-top: 4rem; }
          scrutia-footer .sf-shell { padding-top: 4rem; }
          scrutia-footer .sf-main { padding-bottom: 4rem; }
          scrutia-footer .sf-links { grid-template-columns: 1fr 1fr; gap: 2.5rem 1.5rem; }
          scrutia-footer .sf-bottom { align-items: flex-start; flex-direction: column; }
        }

/* Download page */
body[data-page="download"] {
  margin: 0;
  color: #111c2d;
  background: #f4f2f0;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
}
body[data-page="download"] * { box-sizing: border-box; }
body[data-page="download"] .download-hero {
  position: relative;
  min-height: 720px;
  overflow: hidden;
  padding: 92px 32px 104px;
  border-bottom: 1px solid #dedbe7;
}
body[data-page="download"] .download-grid {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(91,76,245,.065) 1px, transparent 1px), linear-gradient(90deg, rgba(91,76,245,.065) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, #000 20%, transparent 92%);
}
body[data-page="download"] .download-glow {
  position: absolute;
  top: -260px;
  right: -180px;
  width: 650px;
  height: 650px;
  background: rgba(91,76,245,.15);
  border-radius: 50%;
  filter: blur(95px);
}
body[data-page="download"] .download-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 1240px;
  margin: auto;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(390px, .75fr);
  gap: clamp(50px, 8vw, 105px);
  align-items: center;
}
body[data-page="download"] .download-eyebrow,
body[data-page="download"] .download-section-heading > span,
body[data-page="download"] .download-step {
  display: inline-block;
  color: #3619d4;
  font: 700 11px/1 "Geist Mono", monospace;
  letter-spacing: .14em;
}
body[data-page="download"] .download-eyebrow {
  margin-bottom: 24px;
  padding: 8px 12px;
  background: #eeebff;
  border: 1px solid rgba(91,76,245,.15);
  border-radius: 999px;
}
body[data-page="download"] .download-copy h1 {
  max-width: 730px;
  margin: 0 0 25px;
  font-size: clamp(48px, 6.5vw, 76px);
  line-height: 1.03;
  letter-spacing: -.052em;
}
body[data-page="download"] .download-copy > p {
  max-width: 650px;
  margin: 0;
  color: #586275;
  font-size: 18px;
  line-height: 1.75;
}
body[data-page="download"] .download-benefits {
  margin: 32px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  list-style: none;
}
body[data-page="download"] .download-benefits li {
  padding: 9px 12px;
  color: #3e4960;
  background: rgba(255,255,255,.67);
  border: 1px solid rgba(119,117,135,.2);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
}
body[data-page="download"] .download-access-card {
  padding: clamp(28px, 4vw, 42px);
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(119,117,135,.2);
  border-radius: 22px;
  box-shadow: 0 28px 80px rgba(29,20,74,.12);
  backdrop-filter: blur(18px);
}
body[data-page="download"] .download-recommendation-card {
  padding: clamp(28px,4vw,42px);
  color: #fff;
  background: #17191b;
  border: 1px solid #34373c;
  border-radius: 22px;
  box-shadow: 0 28px 80px rgba(29,20,74,.18);
}
body[data-page="download"] .download-recommendation-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
body[data-page="download"] .download-recommendation-card .download-step { margin: 0; color: #c4c0ff; }
body[data-page="download"] .download-version {
  padding: 6px 9px;
  color: #c4c0ff;
  background: rgba(91,76,245,.18);
  border: 1px solid rgba(196,192,255,.2);
  border-radius: 999px;
  font: 700 10px/1 "Geist Mono",monospace;
}
body[data-page="download"] .download-recommendation-icon {
  width: 58px;
  height: 58px;
  margin: 32px 0 23px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #5b4cf5;
  border-radius: 15px;
  font-size: 25px;
  box-shadow: 0 12px 28px rgba(91,76,245,.3);
}
body[data-page="download"] .download-detected { margin: 0 0 9px; color: #aeb5c5; font-size: 12px; }
body[data-page="download"] .download-detected strong { color: #c4c0ff; }
body[data-page="download"] .download-recommendation-card h2 { margin: 0 0 10px; font-size: clamp(30px,4vw,40px); line-height: 1.1; letter-spacing: -.04em; }
body[data-page="download"] .download-recommendation-card > p:not(.download-detected):not(.download-plan-notice) { margin: 0 0 24px; color: #aeb5c5; line-height: 1.6; }
body[data-page="download"] .download-plan-notice {
  margin: 19px 0 12px;
  padding: 10px 12px;
  color: #d8d5ff;
  background: rgba(91,76,245,.12);
  border: 1px solid rgba(196,192,255,.18);
  border-radius: 8px;
  font-size: 11px;
  line-height: 1.5;
}
body[data-page="download"] .download-recommendation-action {
  min-height: 54px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  background: #5b4cf5;
  border-radius: 9px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
  transition: transform .2s ease, background .2s ease;
}
body[data-page="download"] .download-recommendation-action:hover { background: #4938e6; transform: translateY(-2px); }
body[data-page="download"] .download-recommendation-card > small { display: block; margin-top: 11px; color: #8e97a8; font: 500 10px/1.4 "Geist Mono",monospace; }
body[data-page="download"] .download-recommendation-card .download-trust { border-color: #34373c; }
body[data-page="download"] .download-recommendation-card .download-trust span { color: #aeb5c5; }
body[data-page="download"] .download-step { margin-bottom: 20px; color: #5b4cf5; }
body[data-page="download"] .download-access-card h2 { margin: 0 0 11px; font-size: 31px; letter-spacing: -.035em; }
body[data-page="download"] .download-access-card > p { margin: 0 0 27px; color: #586275; line-height: 1.65; }
body[data-page="download"] .download-form > label:first-child { display: block; margin-bottom: 9px; font-size: 13px; font-weight: 800; }
body[data-page="download"] .download-input-row { display: grid; grid-template-columns: 1fr auto; gap: 9px; }
body[data-page="download"] .download-input-row input {
  min-width: 0;
  height: 52px;
  padding: 0 15px;
  color: #111c2d;
  background: #fff;
  border: 1px solid #c8c4d8;
  border-radius: 9px;
  outline: none;
  font: inherit;
}
body[data-page="download"] .download-input-row input:focus { border-color: #5b4cf5; box-shadow: 0 0 0 3px rgba(91,76,245,.12); }
body[data-page="download"] .download-input-row button {
  height: 52px;
  padding: 0 20px;
  color: #fff;
  background: #5b4cf5;
  border: 0;
  border-radius: 9px;
  cursor: pointer;
  font: 800 14px/1 "Plus Jakarta Sans", sans-serif;
}
body[data-page="download"] .download-input-row button:disabled { cursor: wait; opacity: .65; }
body[data-page="download"] .download-consent { margin-top: 15px; display: flex; align-items: flex-start; gap: 9px; color: #697285; font-size: 11px; line-height: 1.55; }
body[data-page="download"] .download-consent input { margin-top: 3px; accent-color: #5b4cf5; }
body[data-page="download"] .download-consent a { color: #3619d4; }
body[data-page="download"] .download-form-message { min-height: 20px; margin: 14px 0 0; color: #ba1a1a; font-size: 12px; }
body[data-page="download"] .download-form-message.is-success { color: #287b4d; }
body[data-page="download"] .download-trust { margin-top: 24px; padding-top: 20px; display: flex; flex-wrap: wrap; gap: 8px 16px; border-top: 1px solid #dedbe7; }
body[data-page="download"] .download-trust span { color: #697285; font: 600 10px/1.4 "Geist Mono", monospace; }
body[data-page="download"] .download-options { max-width: 1240px; margin: auto; padding: 104px 32px 40px; }
body[data-page="download"] .download-section-heading { max-width: 720px; margin-bottom: 42px; }
body[data-page="download"] .download-section-heading h2 { margin: 15px 0 10px; font-size: clamp(35px, 5vw, 52px); line-height: 1.12; letter-spacing: -.045em; }
body[data-page="download"] .download-section-heading p { margin: 0; color: #586275; line-height: 1.7; }
body[data-page="download"] .download-platforms { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
body[data-page="download"] .download-platform-card {
  display: flex;
  min-height: 310px;
  padding: 30px;
  flex-direction: column;
  background: #fff;
  border: 1px solid #dedbe7;
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(29,20,74,.065);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
body[data-page="download"] .download-platform-card.is-recommended { border-color: rgba(91,76,245,.55); box-shadow: 0 22px 58px rgba(91,76,245,.13); }
body[data-page="download"] .download-platform-card:hover { transform: translateY(-4px); }
body[data-page="download"] .download-platform-icon { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 28px; color: #fff; background: #1a1c1e; border-radius: 13px; font-size: 22px; }
body[data-page="download"] .download-platform-card h3 { margin: 0 0 7px; font-size: 24px; }
body[data-page="download"] .download-platform-card p { margin: 0; color: #697285; font-size: 13px; }
body[data-page="download"] .download-platform-card a { margin-top: auto; padding: 13px 16px; display: flex; justify-content: space-between; color: #fff; background: #5b4cf5; border-radius: 9px; text-decoration: none; font-size: 13px; font-weight: 800; }
body[data-page="download"] .download-platform-card small { margin-top: 12px; color: #7a8291; font: 500 10px/1.4 "Geist Mono", monospace; }
body[data-page="download"] .download-release-note { margin-top: 22px; padding: 24px 27px; display: flex; align-items: center; justify-content: space-between; gap: 25px; background: #e7eeff; border: 1px solid #c8d4ed; border-radius: 14px; }
body[data-page="download"] .download-release-note strong { display: block; margin-bottom: 5px; }
body[data-page="download"] .download-release-note p { margin: 0; color: #586275; font-size: 13px; }
body[data-page="download"] .download-release-note a { color: #3619d4; font-size: 13px; font-weight: 800; white-space: nowrap; }
body[data-page="download"] .download-help { padding: 54px 20px 20px; text-align: center; }
body[data-page="download"] .download-help p { margin: 0 0 10px; color: #586275; }
body[data-page="download"] .download-help a { color: #3619d4; font-weight: 800; text-decoration: none; }
@media (max-width: 900px) {
  body[data-page="download"] .download-hero-inner { grid-template-columns: 1fr; }
  body[data-page="download"] .download-platforms { grid-template-columns: 1fr; }
  body[data-page="download"] .download-platform-card { min-height: 260px; }
}
@media (max-width: 580px) {
  body[data-page="download"] .download-hero, body[data-page="download"] .download-options { padding-left: 20px; padding-right: 20px; }
  body[data-page="download"] .download-hero { padding-top: 62px; padding-bottom: 76px; }
  body[data-page="download"] .download-input-row { grid-template-columns: 1fr; }
  body[data-page="download"] .download-release-note { align-items: flex-start; flex-direction: column; }
}

/* Product roadmap */
body[data-page="roadmap"] {
  margin: 0;
  color: #111c2d;
  background: #f7f7fb;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
}
body[data-page="roadmap"] *, body[data-page="roadmap"] *::before, body[data-page="roadmap"] *::after { box-sizing: border-box; }
body[data-page="roadmap"] main { overflow: hidden; }
body[data-page="roadmap"] .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
body[data-page="roadmap"] .roadmap-kicker {
  color: #7164ff;
  font: 600 11px/1.4 "Geist Mono", monospace;
  letter-spacing: .16em;
}
body[data-page="roadmap"] .roadmap-hero {
  position: relative;
  padding: 112px max(24px, calc((100vw - 1240px) / 2)) 0;
  color: #fff;
  background: #17191b;
}
body[data-page="roadmap"] .roadmap-grid {
  position: absolute;
  inset: 0;
  opacity: .13;
  background-image:
    linear-gradient(rgba(196,192,255,.24) 1px, transparent 1px),
    linear-gradient(90deg, rgba(196,192,255,.24) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, #000, transparent 86%);
  animation: roadmapGridDrift 24s linear infinite;
}
body[data-page="roadmap"] .roadmap-hero-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 72px;
  align-items: end;
}
body[data-page="roadmap"] .roadmap-hero h1 {
  max-width: 780px;
  margin: 21px 0 0;
  font-size: clamp(52px, 7vw, 90px);
  line-height: .98;
  letter-spacing: -.062em;
}
body[data-page="roadmap"] .roadmap-hero-copy {
  padding-bottom: 8px;
}
body[data-page="roadmap"] .roadmap-hero-copy p {
  margin: 0 0 30px;
  color: #b9bfd0;
  font-size: 17px;
  line-height: 1.75;
}
body[data-page="roadmap"] .roadmap-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
body[data-page="roadmap"] .roadmap-actions a {
  min-height: 50px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
  transition: transform .2s ease, background .2s ease;
}
body[data-page="roadmap"] .roadmap-actions a:hover { transform: translateY(-2px); }
body[data-page="roadmap"] .roadmap-primary { color: #fff; background: #5b4cf5; }
body[data-page="roadmap"] .roadmap-primary:hover { background: #4938e6; }
body[data-page="roadmap"] .roadmap-secondary { color: inherit; border: 1px solid rgba(119,117,135,.45); }
body[data-page="roadmap"] .roadmap-summary {
  position: relative;
  z-index: 1;
  margin-top: 82px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid rgba(255,255,255,.12);
  border-bottom: 0;
  border-radius: 14px 14px 0 0;
  background: rgba(255,255,255,.055);
  backdrop-filter: blur(12px);
}
body[data-page="roadmap"] .roadmap-summary div {
  min-height: 132px;
  padding: 28px 34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid rgba(255,255,255,.12);
  transition: background .25s ease, transform .25s ease;
}
body[data-page="roadmap"] .roadmap-summary div:hover { z-index: 1; background: rgba(91,76,245,.18); transform: translateY(-5px); }
body[data-page="roadmap"] .roadmap-summary div:last-child { border-right: 0; }
body[data-page="roadmap"] .roadmap-summary strong { font-size: 34px; line-height: 1; }
body[data-page="roadmap"] .roadmap-summary span { margin-top: 10px; color: #aeb5c7; font-size: 12px; }
body[data-page="roadmap"] .roadmap-intro {
  max-width: 1240px;
  margin: auto;
  padding: 112px 32px 96px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90px;
}
body[data-page="roadmap"] .roadmap-intro h2 {
  max-width: 580px;
  margin: 16px 0 0;
  font-size: clamp(38px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -.048em;
}
body[data-page="roadmap"] .roadmap-intro > p {
  margin: 30px 0 0;
  color: #5d6678;
  font-size: 17px;
  line-height: 1.8;
}
body[data-page="roadmap"] .roadmap-timeline {
  position: relative;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 32px 110px;
}
body[data-page="roadmap"] .roadmap-timeline::before {
  content: "";
  position: absolute;
  top: 28px;
  bottom: 140px;
  left: 70px;
  width: 1px;
  background: linear-gradient(#5b4cf5, #c8c4d8 78%, transparent);
}
body[data-page="roadmap"] .roadmap-phase {
  position: relative;
  display: grid;
  grid-template-columns: 78px 1fr;
  gap: 26px;
  margin-bottom: 24px;
}
body[data-page="roadmap"] .roadmap-marker {
  position: relative;
  z-index: 1;
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  color: #4e4587;
  background: #eeebff;
  border: 1px solid #cbc5ff;
  border-radius: 50%;
  font: 700 12px/1 "Geist Mono", monospace;
  transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease;
}
body[data-page="roadmap"] .roadmap-phase.is-active .roadmap-marker { color: #fff; background: #5b4cf5; border-color: #5b4cf5; box-shadow: 0 0 0 8px rgba(91,76,245,.1); }
body[data-page="roadmap"] .roadmap-phase-card {
  padding: 38px 42px;
  background: #fff;
  border: 1px solid #dedbe7;
  border-radius: 18px;
  box-shadow: 0 16px 44px rgba(30,25,66,.05);
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .35s ease;
}
body[data-page="roadmap"] .roadmap-phase:hover .roadmap-phase-card,
body[data-page="roadmap"] .roadmap-phase:focus .roadmap-phase-card { transform: translateX(8px); border-color: rgba(91,76,245,.48); box-shadow: 0 24px 60px rgba(46,37,116,.11); }
body[data-page="roadmap"] .roadmap-phase:hover .roadmap-marker,
body[data-page="roadmap"] .roadmap-phase:focus .roadmap-marker { transform: scale(1.12) rotate(-5deg); box-shadow: 0 0 0 8px rgba(91,76,245,.1); }
body[data-page="roadmap"] .roadmap-phase:focus { outline: none; }
body[data-page="roadmap"] .roadmap-phase.is-active .roadmap-phase-card { border-color: rgba(91,76,245,.45); }
body[data-page="roadmap"] .roadmap-phase-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; }
body[data-page="roadmap"] .roadmap-status { color: #5b4cf5; font: 700 10px/1.4 "Geist Mono", monospace; letter-spacing: .12em; }
body[data-page="roadmap"] .roadmap-phase h3 { margin: 10px 0 0; font-size: clamp(25px, 3vw, 36px); letter-spacing: -.035em; }
body[data-page="roadmap"] .roadmap-period {
  padding: 8px 11px;
  color: #5d6678;
  background: #f1f3f9;
  border-radius: 999px;
  font: 600 10px/1 "Geist Mono", monospace;
  white-space: nowrap;
}
body[data-page="roadmap"] .roadmap-phase-card > p { max-width: 760px; margin: 18px 0 25px; color: #626b7c; line-height: 1.75; }
body[data-page="roadmap"] .roadmap-phase-card ul {
  margin: 0 0 28px;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 24px;
  list-style: none;
}
body[data-page="roadmap"] .roadmap-phase-card li { position: relative; padding-left: 20px; color: #343d50; font-size: 13px; line-height: 1.55; }
body[data-page="roadmap"] .roadmap-phase-card li { transition: transform .2s ease, color .2s ease; }
body[data-page="roadmap"] .roadmap-phase-card li:hover { color: #4938e6; transform: translateX(4px); }
body[data-page="roadmap"] .roadmap-phase-card li::before { content: ""; position: absolute; top: 8px; left: 0; width: 7px; height: 7px; background: #5b4cf5; border-radius: 50%; }
body[data-page="roadmap"] .roadmap-phase-card > a { color: #4938e6; font-size: 12px; font-weight: 800; text-decoration: none; }
body[data-page="roadmap"] .roadmap-note {
  max-width: 1160px;
  margin: 0 auto 80px;
  padding: 74px;
  color: #fff;
  background: #17191b;
  border-radius: 28px;
}
body[data-page="roadmap"] .roadmap-note h2 { max-width: 700px; margin: 18px 0 18px; font-size: clamp(38px, 5vw, 58px); line-height: 1.05; letter-spacing: -.05em; }
body[data-page="roadmap"] .roadmap-note > p { max-width: 760px; margin: 0 0 32px; color: #adb4c5; line-height: 1.75; }
body[data-page="roadmap"] .roadmap-note .roadmap-secondary { color: #fff; border-color: rgba(255,255,255,.28); }
body[data-page="roadmap"] .roadmap-reveal {
  opacity: 0;
  transform: translateY(42px);
  transition: opacity .75s cubic-bezier(.16,1,.3,1), transform .75s cubic-bezier(.16,1,.3,1);
  transition-delay: var(--roadmap-delay, 0ms);
}
body[data-page="roadmap"] .roadmap-reveal.is-visible { opacity: 1; transform: translateY(0); }
body[data-page="roadmap"] .roadmap-phase:nth-of-type(2) { --roadmap-delay: 80ms; }
body[data-page="roadmap"] .roadmap-phase:nth-of-type(3) { --roadmap-delay: 130ms; }
body[data-page="roadmap"] .roadmap-phase:nth-of-type(4) { --roadmap-delay: 180ms; }
@keyframes roadmapGridDrift { to { background-position: 48px 48px; } }
@media (prefers-reduced-motion: reduce) {
  body[data-page="roadmap"] .roadmap-grid { animation: none; }
  body[data-page="roadmap"] .roadmap-reveal { opacity: 1; transform: none; transition: none; }
  body[data-page="roadmap"] .roadmap-phase-card,
  body[data-page="roadmap"] .roadmap-marker,
  body[data-page="roadmap"] .roadmap-summary div { transition: none; }
}
@media (max-width: 820px) {
  body[data-page="roadmap"] .roadmap-hero { padding-top: 72px; }
  body[data-page="roadmap"] .roadmap-hero-inner, body[data-page="roadmap"] .roadmap-intro { grid-template-columns: 1fr; gap: 38px; }
  body[data-page="roadmap"] .roadmap-summary { margin-top: 60px; }
  body[data-page="roadmap"] .roadmap-summary div { padding: 22px; }
  body[data-page="roadmap"] .roadmap-intro { padding-top: 82px; }
  body[data-page="roadmap"] .roadmap-phase-card ul { grid-template-columns: 1fr; }
  body[data-page="roadmap"] .roadmap-note { margin-left: 20px; margin-right: 20px; padding: 48px 36px; }
}
@media (max-width: 560px) {
  body[data-page="roadmap"] .roadmap-hero { padding-left: 20px; padding-right: 20px; }
  body[data-page="roadmap"] .roadmap-hero h1 { font-size: 47px; }
  body[data-page="roadmap"] .roadmap-summary { grid-template-columns: 1fr; }
  body[data-page="roadmap"] .roadmap-summary div { min-height: 94px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  body[data-page="roadmap"] .roadmap-intro { padding: 74px 20px 64px; }
  body[data-page="roadmap"] .roadmap-timeline { padding-left: 20px; padding-right: 20px; }
  body[data-page="roadmap"] .roadmap-timeline::before { display: none; }
  body[data-page="roadmap"] .roadmap-phase { grid-template-columns: 1fr; gap: 14px; }
  body[data-page="roadmap"] .roadmap-marker { width: 44px; height: 44px; }
  body[data-page="roadmap"] .roadmap-phase-card { padding: 28px 24px; }
  body[data-page="roadmap"] .roadmap-phase-head { flex-direction: column; gap: 14px; }
}