/* generated by scripts/build-fragments.mjs — do not edit */ @font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/17603af13aa8a542-s.4533bvve4s6a4.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/207e57240b1809b2-s.3ls_3_aoj0ebm.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116} @font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/00231884809ac59e-s.0i9j7-y4t3ijp.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f05228a5f9ec0eae-s.p.3kxgs-7nixrf6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/9dc791b0865fd39f-s.3-knllbbx5za1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/c29509b8a0bee3b9-s.3prmnh56md9ao.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116} @font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/261abb472e2873a9-s.2xq-bk2b34x28.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/536b4d72a397ec90-s.p.27c8-9qx-v7kc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:PT Sans Fallback;src:local(Arial);ascent-override:105.3%;descent-override:28.55%;line-gap-override:0.0%;size-adjust:96.68%} #tt-header{font-family:"PT Sans",ui-sans-serif,system-ui,sans-serif;} #tt-header *,#tt-header *::before,#tt-header *::after{box-sizing:border-box!important;} #tt-header ul,#tt-header ol{list-style:none!important;margin:0!important;padding:0!important;} #tt-header li{list-style:none!important;} #tt-header p,#tt-header h1,#tt-header h2,#tt-header h3,#tt-header h4,#tt-header h5,#tt-header h6{margin:0!important;padding:0!important;} #tt-header h1,#tt-header h2,#tt-header h3,#tt-header h4,#tt-header h5,#tt-header h6{font-size:inherit!important;font-weight:inherit!important;color:inherit!important;line-height:inherit!important;font-family:inherit!important;} #tt-header a{color:inherit!important;text-decoration:none!important;} #tt-header a:hover{color:inherit;} #tt-header img,#tt-header svg{max-width:100%!important;} #tt-header hr{border:0!important;border-top-width:1px!important;border-top-style:solid!important;} #tt-header button{background:none;border:0;font:inherit;color:inherit;cursor:pointer;} #tt-header button:hover,#tt-header button:focus,#tt-header button:active{color:inherit!important;background-color:transparent!important;} /*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */ @layer properties; @layer theme, utilities; @layer theme { :root, :host { --color-orange-500: oklch(70.5% 0.213 47.604); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-800: oklch(27.8% 0.033 256.848); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-sm: 24rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-wide: 0.025em; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --color-optima-soft: #F7E8F8; --color-proxima-soft: #E4F4FD; --color-axiom-soft: #EDE7FB; --color-ultima-soft: #F0E8FA; --color-maxima-soft: #E2F9FD; --color-learn-soft: #ECFDF5; } } @layer utilities { #tt-header .pointer-events-auto { pointer-events: auto !important; } #tt-header .pointer-events-none { pointer-events: none !important; } #tt-header .collapse { visibility: collapse !important; } #tt-header .invisible { visibility: hidden !important; } #tt-header .visible { visibility: visible !important; } #tt-header .absolute { position: absolute !important; } #tt-header .fixed { position: fixed !important; } #tt-header .relative { position: relative !important; } #tt-header .static { position: static !important; } #tt-header .sticky { position: sticky !important; } #tt-header .inset-0 { inset: calc(var(--spacing) * 0) !important; } #tt-header .inset-y-0 { inset-block: calc(var(--spacing) * 0) !important; } #tt-header .top-0 { top: calc(var(--spacing) * 0) !important; } #tt-header .top-\[36px\] { top: 36px !important; } #tt-header .top-full { top: 100% !important; } #tt-header .right-0 { right: calc(var(--spacing) * 0) !important; } #tt-header .left-1\/2 { left: calc(1/2 * 100%) !important; } #tt-header .z-40 { z-index: 40 !important; } #tt-header .z-50 { z-index: 50 !important; } #tt-header .container { width: 100% !important; @media (width >= 40rem) { max-width: 40rem !important; } @media (width >= 48rem) { max-width: 48rem !important; } @media (width >= 64rem) { max-width: 64rem !important; } @media (width >= 80rem) { max-width: 80rem !important; } @media (width >= 96rem) { max-width: 96rem !important; } } #tt-header .mx-auto { margin-inline: auto !important; } #tt-header .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5) !important; } #tt-header .mt-1 { margin-top: calc(var(--spacing) * 1) !important; } #tt-header .mt-2 { margin-top: calc(var(--spacing) * 2) !important; } #tt-header .mt-3 { margin-top: calc(var(--spacing) * 3) !important; } #tt-header .mt-4 { margin-top: calc(var(--spacing) * 4) !important; } #tt-header .mt-auto { margin-top: auto !important; } #tt-header .-mr-3 { margin-right: calc(var(--spacing) * -3) !important; } #tt-header .mb-3 { margin-bottom: calc(var(--spacing) * 3) !important; } #tt-header .mb-4 { margin-bottom: calc(var(--spacing) * 4) !important; } #tt-header .mb-6 { margin-bottom: calc(var(--spacing) * 6) !important; } #tt-header .block { display: block !important; } #tt-header .flex { display: flex !important; } #tt-header .grid { display: grid !important; } #tt-header .hidden { display: none !important; } #tt-header .inline-flex { display: inline-flex !important; } #tt-header .h-2 { height: calc(var(--spacing) * 2) !important; } #tt-header .h-4 { height: calc(var(--spacing) * 4) !important; } #tt-header .h-5 { height: calc(var(--spacing) * 5) !important; } #tt-header .h-7 { height: calc(var(--spacing) * 7) !important; } #tt-header .h-11 { height: calc(var(--spacing) * 11) !important; } #tt-header .h-\[18px\] { height: 18px !important; } #tt-header .min-h-0 { min-height: calc(var(--spacing) * 0) !important; } #tt-header .w-2 { width: calc(var(--spacing) * 2) !important; } #tt-header .w-4 { width: calc(var(--spacing) * 4) !important; } #tt-header .w-5 { width: calc(var(--spacing) * 5) !important; } #tt-header .w-7 { width: calc(var(--spacing) * 7) !important; } #tt-header .w-\[18px\] { width: 18px !important; } #tt-header .w-\[85vw\] { width: 85vw !important; } #tt-header .w-\[180px\] { width: 180px !important; } #tt-header .w-\[250px\] { width: 250px !important; } #tt-header .w-\[720px\] { width: 720px !important; } #tt-header .w-\[760px\] { width: 760px !important; } #tt-header .w-\[880px\] { width: 880px !important; } #tt-header .w-\[980px\] { width: 980px !important; } #tt-header .w-full { width: 100% !important; } #tt-header .max-w-\[calc\(100vw-2rem\)\] { max-width: calc(100vw - 2rem) !important; } #tt-header .max-w-sm { max-width: var(--container-sm) !important; } #tt-header .min-w-0 { min-width: calc(var(--spacing) * 0) !important; } #tt-header .flex-1 { flex: 1 !important; } #tt-header .flex-shrink-0 { flex-shrink: 0 !important; } #tt-header .-translate-x-1\/2 { --tw-translate-x: calc(calc(1/2 * 100%) * -1) !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important; } #tt-header .rotate-180 { rotate: 180deg !important; } #tt-header .cursor-pointer { cursor: pointer !important; } #tt-header .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } #tt-header .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } #tt-header .flex-col { flex-direction: column !important; } #tt-header .flex-wrap { flex-wrap: wrap !important; } #tt-header .items-center { align-items: center !important; } #tt-header .items-start { align-items: flex-start !important; } #tt-header .justify-between { justify-content: space-between !important; } #tt-header .justify-center { justify-content: center !important; } #tt-header .gap-1 { gap: calc(var(--spacing) * 1) !important; } #tt-header .gap-1\.5 { gap: calc(var(--spacing) * 1.5) !important; } #tt-header .gap-2 { gap: calc(var(--spacing) * 2) !important; } #tt-header .gap-2\.5 { gap: calc(var(--spacing) * 2.5) !important; } #tt-header .gap-3 { gap: calc(var(--spacing) * 3) !important; } #tt-header .gap-6 { gap: calc(var(--spacing) * 6) !important; } #tt-header .space-y-0\.5 { #tt-header :where(& > :not(:last-child)) { --tw-space-y-reverse: 0 !important; margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)) !important; margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))) !important; } } #tt-header .space-y-2 { #tt-header :where(& > :not(:last-child)) { --tw-space-y-reverse: 0 !important; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)) !important; margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important; } } #tt-header .space-y-4 { #tt-header :where(& > :not(:last-child)) { --tw-space-y-reverse: 0 !important; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)) !important; margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important; } } #tt-header .gap-x-4 { column-gap: calc(var(--spacing) * 4) !important; } #tt-header .gap-x-6 { column-gap: calc(var(--spacing) * 6) !important; } #tt-header .gap-y-1 { row-gap: calc(var(--spacing) * 1) !important; } #tt-header .self-stretch { align-self: stretch !important; } #tt-header .overflow-hidden { overflow: hidden !important; } #tt-header .overflow-y-auto { overflow-y: auto !important; } #tt-header .overscroll-contain { overscroll-behavior: contain !important; } #tt-header .rounded { border-radius: 0.25rem !important; } #tt-header .rounded-\[28px\] { border-radius: 28px !important; } #tt-header .rounded-full { border-radius: calc(infinity * 1px) !important; } #tt-header .rounded-lg { border-radius: var(--radius-lg) !important; } #tt-header .rounded-md { border-radius: var(--radius-md) !important; } #tt-header .rounded-xl { border-radius: var(--radius-xl) !important; } #tt-header .rounded-b { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } #tt-header .border-t { border-top-style: var(--tw-border-style) !important; border-top-width: 1px !important; } #tt-header .border-r { border-right-style: var(--tw-border-style) !important; border-right-width: 1px !important; } #tt-header .border-b { border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 1px !important; } #tt-header .border-l-2 { border-left-style: var(--tw-border-style) !important; border-left-width: 2px !important; } #tt-header .border-gray-100 { border-color: var(--color-gray-100) !important; } #tt-header .border-gray-200 { border-color: var(--color-gray-200) !important; } #tt-header .bg-\[\#f9f9f9\] { background-color: #f9f9f9 !important; } #tt-header .bg-axiom-soft { background-color: var(--color-axiom-soft) !important; } #tt-header .bg-black\/30 { background-color: color-mix(in srgb, #000 30%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 30%, transparent) !important; } } #tt-header .bg-learn-soft { background-color: var(--color-learn-soft) !important; } #tt-header .bg-maxima-soft { background-color: var(--color-maxima-soft) !important; } #tt-header .bg-optima-soft\/70 { background-color: color-mix(in srgb, #F7E8F8 70%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-optima-soft) 70%, transparent) !important; } } #tt-header .bg-proxima-soft { background-color: var(--color-proxima-soft) !important; } #tt-header .bg-ultima-soft { background-color: var(--color-ultima-soft) !important; } #tt-header .bg-white { background-color: var(--color-white) !important; } #tt-header .bg-white\/70 { background-color: color-mix(in srgb, #fff 70%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 70%, transparent) !important; } } #tt-header .p-2 { padding: calc(var(--spacing) * 2) !important; } #tt-header .p-5 { padding: calc(var(--spacing) * 5) !important; } #tt-header .p-6 { padding: calc(var(--spacing) * 6) !important; } #tt-header .px-2 { padding-inline: calc(var(--spacing) * 2) !important; } #tt-header .px-3 { padding-inline: calc(var(--spacing) * 3) !important; } #tt-header .px-4 { padding-inline: calc(var(--spacing) * 4) !important; } #tt-header .py-0\.5 { padding-block: calc(var(--spacing) * 0.5) !important; } #tt-header .py-1\.5 { padding-block: calc(var(--spacing) * 1.5) !important; } #tt-header .py-2\.5 { padding-block: calc(var(--spacing) * 2.5) !important; } #tt-header .py-3 { padding-block: calc(var(--spacing) * 3) !important; } #tt-header .py-4 { padding-block: calc(var(--spacing) * 4) !important; } #tt-header .pt-4 { padding-top: calc(var(--spacing) * 4) !important; } #tt-header .pt-5 { padding-top: calc(var(--spacing) * 5) !important; } #tt-header .pr-2 { padding-right: calc(var(--spacing) * 2) !important; } #tt-header .pr-3 { padding-right: calc(var(--spacing) * 3) !important; } #tt-header .pr-6 { padding-right: calc(var(--spacing) * 6) !important; } #tt-header .pb-2 { padding-bottom: calc(var(--spacing) * 2) !important; } #tt-header .pb-4 { padding-bottom: calc(var(--spacing) * 4) !important; } #tt-header .pl-3 { padding-left: calc(var(--spacing) * 3) !important; } #tt-header .pl-4 { padding-left: calc(var(--spacing) * 4) !important; } #tt-header .text-base { font-size: var(--text-base) !important; line-height: var(--tw-leading, var(--text-base--line-height)) !important; } #tt-header .text-sm { font-size: var(--text-sm) !important; line-height: var(--tw-leading, var(--text-sm--line-height)) !important; } #tt-header .text-xs { font-size: var(--text-xs) !important; line-height: var(--tw-leading, var(--text-xs--line-height)) !important; } #tt-header .text-\[10px\] { font-size: 10px !important; } #tt-header .text-\[11px\] { font-size: 11px !important; } #tt-header .text-\[13px\] { font-size: 13px !important; } #tt-header .font-bold { --tw-font-weight: var(--font-weight-bold) !important; font-weight: var(--font-weight-bold) !important; } #tt-header .font-medium { --tw-font-weight: var(--font-weight-medium) !important; font-weight: var(--font-weight-medium) !important; } #tt-header .font-semibold { --tw-font-weight: var(--font-weight-semibold) !important; font-weight: var(--font-weight-semibold) !important; } #tt-header .tracking-wide { --tw-tracking: var(--tracking-wide) !important; letter-spacing: var(--tracking-wide) !important; } #tt-header .whitespace-nowrap { white-space: nowrap !important; } #tt-header .text-\[\#0f0d3f\] { color: #0f0d3f !important; } #tt-header .text-\[\#1da1f2\] { color: #1da1f2 !important; } #tt-header .text-\[\#8B007C\] { color: #8B007C !important; } #tt-header .text-\[\#0077b5\] { color: #0077b5 !important; } #tt-header .text-\[\#1877f3\] { color: #1877f3 !important; } #tt-header .text-\[\#323232\] { color: #323232 !important; } #tt-header .text-\[\#FB830C\] { color: #FB830C !important; } #tt-header .text-\[\#e4405f\] { color: #e4405f !important; } #tt-header .text-\[\#fb830c\] { color: #fb830c !important; } #tt-header .text-\[\#ff0000\] { color: #ff0000 !important; } #tt-header .text-gray-500 { color: var(--color-gray-500) !important; } #tt-header .text-gray-600 { color: var(--color-gray-600) !important; } #tt-header .text-gray-700 { color: var(--color-gray-700) !important; } #tt-header .text-gray-800 { color: var(--color-gray-800) !important; } #tt-header .text-white { color: var(--color-white) !important; } #tt-header .uppercase { text-transform: uppercase !important; } #tt-header .opacity-0 { opacity: 0% !important; } #tt-header .opacity-100 { opacity: 100% !important; } #tt-header .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } #tt-header .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } #tt-header .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } #tt-header .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } #tt-header .ring-black\/5 { --tw-ring-color: color-mix(in srgb, #000 5%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent) !important; } } #tt-header .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter !important; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important; transition-duration: var(--tw-duration, var(--default-transition-duration)) !important; } #tt-header .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important; transition-duration: var(--tw-duration, var(--default-transition-duration)) !important; } #tt-header .transition-opacity { transition-property: opacity !important; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important; transition-duration: var(--tw-duration, var(--default-transition-duration)) !important; } #tt-header .transition-transform { transition-property: transform, translate, scale, rotate !important; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important; transition-duration: var(--tw-duration, var(--default-transition-duration)) !important; } #tt-header .duration-200 { --tw-duration: 200ms !important; transition-duration: 200ms !important; } #tt-header .duration-300 { --tw-duration: 300ms !important; transition-duration: 300ms !important; } #tt-header .hover\:bg-\[\#f3f3f3\] { #tt-header &:hover { @media (hover: hover) { background-color: #f3f3f3 !important; } } } #tt-header .hover\:text-\[\#0f0d3f\] { #tt-header &:hover { @media (hover: hover) { color: #0f0d3f !important; } } } #tt-header .hover\:text-orange-500 { #tt-header &:hover { @media (hover: hover) { color: var(--color-orange-500) !important; } } } #tt-header .hover\:underline { #tt-header &:hover { @media (hover: hover) { text-decoration-line: underline !important; } } } #tt-header .hover\:brightness-110 { #tt-header &:hover { @media (hover: hover) { --tw-brightness: brightness(110%) !important; filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important; } } } #tt-header .sm\:px-4 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 4) !important; } } #tt-header .sm\:px-6 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 6) !important; } } #tt-header .lg\:px-6 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 6) !important; } } #tt-header .lg\:px-8 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 8) !important; } } #tt-header .xl\:block { @media (width >= 80rem) { display: block !important; } } #tt-header .xl\:flex { @media (width >= 80rem) { display: flex !important; } } #tt-header .xl\:hidden { @media (width >= 80rem) { display: none !important; } } #tt-header .\32 xl\:hidden { @media (width >= 96rem) { display: none !important; } } #tt-header .\32 xl\:inline { @media (width >= 96rem) { display: inline !important; } } #tt-header .\32 xl\:gap-x-6 { @media (width >= 96rem) { column-gap: calc(var(--spacing) * 6) !important; } } #tt-header .\32 xl\:px-5 { @media (width >= 96rem) { padding-inline: calc(var(--spacing) * 5) !important; } } #tt-header .\32 xl\:text-sm { @media (width >= 96rem) { font-size: var(--text-sm) !important; line-height: var(--tw-leading, var(--text-sm--line-height)) !important; } } } @layer theme; @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-space-y-reverse: 0; --tw-border-style: solid; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-duration: initial; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; } } } #tt-header .book-cta{display:inline-flex;position:relative} #tt-header .book-cta--block{width:92%;margin-left:auto;margin-right:auto;display:flex} #tt-header .book-wave{z-index:0;background:var(--book-bg,#a21caf);opacity:0;pointer-events:none;border-radius:.5rem;animation:2.4s ease-out infinite bookWave;position:absolute;inset:0} #tt-header .book-cta--block .book-wave{animation-name:bookWaveSm} #tt-header .book-wave--delay{animation-delay:1.2s} #tt-header .book-btn{z-index:1;background:var(--book-bg,#a21caf);box-shadow:0 8px 18px -6px var(--book-bg,#a21caf);transition:transform .18s,filter .18s;position:relative;overflow:hidden} #tt-header .book-btn:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:45%;height:100%;animation:3s ease-in-out infinite bookShine;position:absolute;top:0;left:0;transform:translate(-140%)skew(-18deg)} #tt-header .book-btn:hover{filter:brightness(1.07)saturate(1.05);transform:translateY(-2px)scale(1.03)} #tt-header .book-btn .book-dot{background:#7cffb2;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.8s ease-in-out infinite dotPulse,1.6s step-end infinite dotBlink} #tt-header .book-wave{display:none} @keyframes bookWave{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.3)}} @keyframes bookWaveSm{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.18)}} @keyframes bookShine{0%{transform:translate(-140%)skew(-18deg)}55%,to{transform:translate(240%)skew(-18deg)}} @keyframes dotPulse{0%,to{box-shadow:0 0 #7cffb2b3}50%{box-shadow:0 0 0 6px #7cffb200}} @keyframes dotBlink{0%,55%,to{opacity:1}70%,85%{opacity:.2}}