/*
Theme Name: Gesticon GC
Theme URI: https://gesticon.cl/
Description: Tema hijo de Astra para Gestión Contable SpA.
Author: Gestión Contable SpA
Template: astra
Version: 1.5.0
Text Domain: gesticon-gc
*/


      .material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
      }
      .glass-nav {
        background: rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(12px);
      }
      .no-scrollbar::-webkit-scrollbar { display: none; }
      .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
      
      /* Casing Integrity Override for Labels */
      .font-label-caps { text-transform: none; }
    
*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0;
    --tw-ring-offset-color: #fff
    }
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0;
    --tw-ring-offset-color: #fff
    }
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
*, ::after, ::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
    }
::after, ::before {
    --tw-content: ""
    }
:host, html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
    }
body {
    margin: 0;
    line-height: inherit
    }
hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
    }
h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
    }
a {
    color: inherit;
    text-decoration: inherit
    }
b, strong {
    font-weight: bolder
    }
code, kbd, pre, samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
    }
small {
    font-size: 80%
    }
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
    }
sub {
    bottom: -0.25em
    }
sup {
    top: -0.5em
    }
table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
    }
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
    }
button, select {
    text-transform: none
    }
:-moz-focusring {
    outline: auto
    }
:-moz-ui-invalid {
    box-shadow: none
    }
progress {
    vertical-align: baseline
    }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
    }
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
    }
::-webkit-search-decoration {
    -webkit-appearance: none
    }
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
    }
summary {
    display: list-item
    }
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0
    }
fieldset {
    margin: 0;
    padding: 0
    }
legend {
    padding: 0
    }
menu, ol, ul {
    list-style: none;
    margin: 0;
    padding: 0
    }
dialog {
    padding: 0
    }
textarea {
    resize: vertical
    }
input::placeholder, textarea::placeholder {
    opacity: 1;
    color: #9ca3af
    }
[role=button], button {
    cursor: pointer
    }
:disabled {
    cursor: default
    }
audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle
    }
img, video {
    max-width: 100%;
    height: auto
    }
input::placeholder, textarea::placeholder {
    color: #6b7280;
    opacity: 1
    }
::-webkit-datetime-edit-fields-wrapper {
    padding: 0
    }
::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
    }
::-webkit-datetime-edit {
    display: inline-flex
    }
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0
    }
select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    print-color-adjust: exact
    }
[type="checkbox"], [type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px
    }
[type="checkbox"] {
    border-radius: 0
    }
[type="radio"] {
    border-radius: 100%
    }
[type="checkbox"]:focus, [type="radio"]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
[type="checkbox"]:checked, [type="radio"]:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
    }
[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
    }
@media (forced-colors: active) {
    [type="checkbox"]:checked {
        -webkit-appearance: auto;
        appearance: auto
        }
    }
[type="radio"]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
    }
@media (forced-colors: active) {
    [type="radio"]:checked {
        -webkit-appearance: auto;
        appearance: auto
        }
    }
[type="checkbox"]:checked:hover, [type="checkbox"]:checked:focus, [type="radio"]:checked:hover, [type="radio"]:checked:focus {
    border-color: transparent;
    background-color: currentColor
    }
[type="checkbox"]:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
    }
@media (forced-colors: active) {
    [type="checkbox"]:indeterminate {
        -webkit-appearance: auto;
        appearance: auto
        }
    }
[type="checkbox"]:indeterminate:hover, [type="checkbox"]:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor
    }
[type="file"] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit
    }
[type="file"]:focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color
    }
.fixed {
    position: fixed
    }
.absolute {
    position: absolute
    }
.relative {
    position: relative
    }
.inset-0 {
    inset: 0
    }
.bottom-10 {
    bottom: 2.5rem
    }
.left-0 {
    left: 0
    }
.left-margin-desktop {
    left: 64px
    }
.top-0 {
    top: 0
    }
.-right-10 {
    right: -2.5rem
    }
.-top-10 {
    top: -2.5rem
    }
.z-0 {
    z-index: 0
    }
.z-10 {
    z-index: 10
    }
.z-20 {
    z-index: 20
    }
.z-50 {
    z-index: 50
    }
.mx-auto {
    margin-left: auto;
    margin-right: auto
    }
.mb-10 {
    margin-bottom: 2.5rem
    }
.mb-12 {
    margin-bottom: 3rem
    }
.mb-4 {
    margin-bottom: 1rem
    }
.mb-6 {
    margin-bottom: 1.5rem
    }
.mb-8 {
    margin-bottom: 2rem
    }
.mt-12 {
    margin-top: 3rem
    }
.mb-2 {
    margin-bottom: 0.5rem
    }
.mt-section-gap {
    margin-top: 120px
    }
.block {
    display: block
    }
.flex {
    display: flex
    }
.inline-flex {
    display: inline-flex
    }
.grid {
    display: grid
    }
.hidden {
    display: none
    }
.h-20 {
    height: 5rem
    }
.h-\[1px\] {
    height: 1px
    }
.h-\[884px\] {
    height: 884px
    }
.h-12 {
    height: 3rem
    }
.h-16 {
    height: 4rem
    }
.h-full {
    height: 100%
    }
.min-h-\[700px\] {
    min-height: 700px
    }
.w-12 {
    width: 3rem
    }
.w-full {
    width: 100%
    }
.max-w-2xl {
    max-width: 42rem
    }
.max-w-3xl {
    max-width: 48rem
    }
.max-w-5xl {
    max-width: 64rem
    }
.max-w-7xl {
    max-width: 80rem
    }
.max-w-full {
    max-width: 100%
    }
.max-w-md {
    max-width: 28rem
    }
.max-w-sm {
    max-width: 24rem
    }
.flex-shrink-0 {
    flex-shrink: 0
    }
.translate-y-10 {
    --tw-translate-y: 2.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewx(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.translate-y-0 {
    --tw-translate-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewx(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.resize-none {
    resize: none
    }
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
    }
.flex-col {
    flex-direction: column
    }
.items-start {
    align-items: flex-start
    }
.items-end {
    align-items: flex-end
    }
.items-center {
    align-items: center
    }
.justify-center {
    justify-content: center
    }
.justify-between {
    justify-content: space-between
    }
.gap-0 {
    gap: 0
    }
.gap-4 {
    gap: 1rem
    }
.gap-8 {
    gap: 2rem
    }
.gap-gutter {
    gap: 24px
    }
.gap-3 {
    gap: 0.75rem
    }
.gap-6 {
    gap: 1.5rem
    }
.gap-section-gap {
    gap: 120px
    }
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
    }
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
    }
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
    }
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse))
    }
.overflow-hidden {
    overflow: hidden
    }
.scroll-smooth {
    scroll-behavior: smooth
    }
.border {
    border-width: 1px
    }
.border-0 {
    border-width: 0
    }
.border-b {
    border-bottom-width: 1px
    }
.border-l {
    border-left-width: 1px
    }
.border-r {
    border-right-width: 1px
    }
.border-t {
    border-top-width: 1px
    }
.border-outline-variant {
    --tw-border-opacity: 1
    }
.border-on-primary-fixed-variant {
    --tw-border-opacity: 1
    }
.bg-background {
    --tw-bg-opacity: 1
    }
.bg-primary-container {
    --tw-bg-opacity: 1
    }
.bg-surface-container-low {
    --tw-bg-opacity: 1
    }
.bg-surface-container-lowest {
    --tw-bg-opacity: 1
    }
.bg-white {
    --tw-bg-opacity: 1
    }
.bg-\[\#25D366\] {
    --tw-bg-opacity: 1
    }
.bg-deep-obsidian {
    --tw-bg-opacity: 1
    }
.bg-primary {
    --tw-bg-opacity: 1
    }
.bg-surface-container {
    --tw-bg-opacity: 1
    }
.bg-surface-silver {
    --tw-bg-opacity: 1
    }
.bg-\[url\(\'https\:\/\/images\.unsplash\.com\/photo-1542314831-068cd1dbfeeb\?auto\=format\&fit\=crop\&q\=80\'\)\] {
    background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuD4sh8HZY9IC7WrwbCZCe3i1znBZaYRShKSYvcLcBi2wfeeIJfO4y-OuFgm-WswN9gZoU7ICSBpv1BfvdXFJRQTlC5NiRSkPes_Hp_i5VKitWtm02745uW17bv6YFG5scRfCG6iS3waQw5sOGlJgSPWPtel1bKcUCFqo3DdmLJNW8-I6vb4RUtfYeT8gV1yrLNCnrz127wgpjwgz47-C8Q4kVfispM4GIEXwZslctuzksW9ZQEXLNyj-HZnyFEqcNPtodDW9CiMrN4)
    }
.bg-cover {
    background-size: cover
    }
.bg-center {
    background-position: center
    }
.p-10 {
    padding: 2.5rem
    }
.p-12 {
    padding: 3rem
    }
.p-16 {
    padding: 4rem
    }
.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
    }
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
    }
.px-margin-desktop {
    padding-left: 64px;
    padding-right: 64px
    }
.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
    }
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
    }
.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
    }
.py-section-gap {
    padding-top: 120px;
    padding-bottom: 120px
    }
.px-0 {
    padding-left: 0;
    padding-right: 0
    }
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
    }
.pb-6 {
    padding-bottom: 1.5rem
    }
.pt-8 {
    padding-top: 2rem
    }
.font-body-lg {
    font-family: Inter, sans-serif
    }
.font-body-md {
    font-family: Inter, sans-serif
    }
.font-display-lg {
    font-family: Manrope, sans-serif
    }
.font-headline-md {
    font-family: Manrope, sans-serif
    }
.font-label-caps {
    font-family: Inter, sans-serif
    }
.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
    }
.text-body-lg {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
    }
.text-display-lg {
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.02em;
    font-weight: 700
    }
.text-headline-md {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
    font-weight: 600
    }
.text-label-caps {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.08em;
    font-weight: 600
    }
.font-bold {
    font-weight: 700
    }
.uppercase {
    text-transform: uppercase
    }
.leading-relaxed {
    line-height: 1.625
    }
.tracking-tight {
    letter-spacing: -0.025em
    }
.tracking-widest {
    letter-spacing: 0.1em
    }
.text-on-primary {
    --tw-text-opacity: 1
    }
.text-on-surface {
    --tw-text-opacity: 1
    }
.text-on-surface-variant {
    --tw-text-opacity: 1
    }
.text-primary {
    --tw-text-opacity: 1
    }
.text-secondary {
    --tw-text-opacity: 1
    }
.text-white {
    --tw-text-opacity: 1
    }
.opacity-90 {
    opacity: 0.9
    }
.opacity-0 {
    opacity: 0
    }
.opacity-100 {
    opacity: 1
    }
.shadow-sm {
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
    }
.brightness-0 {
    --tw-brightness: brightness(0);
    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)
    }
.invert {
    --tw-invert: invert(100%);
    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)
    }
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
    }
.transition-colors {
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
    }
.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
    }
.duration-300 {
    transition-duration: 300ms
    }
.duration-700 {
    transition-duration: 700ms
    }
.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
    }
.selection\:bg-secondary-fixed *::selection {
    --tw-bg-opacity: 1
    }
.selection\:bg-secondary-fixed::selection {
    --tw-bg-opacity: 1
    }
.hover\:scale-\[1\.02\]:hover {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewx(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.hover\:bg-primary:hover {
    --tw-bg-opacity: 1
    }
.hover\:bg-primary-container:hover {
    --tw-bg-opacity: 1
    }
.hover\:bg-surface-silver:hover {
    --tw-bg-opacity: 1
    }
.hover\:text-primary:hover {
    --tw-text-opacity: 1
    }
.hover\:text-white:hover {
    --tw-text-opacity: 1
    }
.focus\:border-primary:focus {
    --tw-border-opacity: 1
    }
.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0 + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
.group:hover .group-hover\:translate-x-2 {
    --tw-translate-x: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewx(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.group:hover .group-hover\:text-secondary-fixed {
    --tw-text-opacity: 1
    }
.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1
    }
@media (min-width: 768px) {
    .md\:flex {
        display: flex
        }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    .md\:flex-row {
        flex-direction: row
        }
    }
@media (min-width: 1024px) {
    .lg\:col-span-8 {
        grid-column: span 8/span 8
        }
    .lg\:col-span-2 {
        grid-column: span 2/span 2
        }
    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
        }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    .lg\:p-16 {
        padding: 4rem
        }
    }
*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0;
    --tw-ring-offset-color: #fff
    }
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0;
    --tw-ring-offset-color: #fff
    }
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
*, ::after, ::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
    }
::after, ::before {
    --tw-content: ""
    }
:host, html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
    }
body {
    margin: 0;
    line-height: inherit
    }
hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
    }
h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
    }
a {
    color: inherit;
    text-decoration: inherit
    }
b, strong {
    font-weight: bolder
    }
code, kbd, pre, samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
    }
small {
    font-size: 80%
    }
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
    }
sub {
    bottom: -0.25em
    }
sup {
    top: -0.5em
    }
table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
    }
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
    }
button, select {
    text-transform: none
    }
:-moz-focusring {
    outline: auto
    }
:-moz-ui-invalid {
    box-shadow: none
    }
progress {
    vertical-align: baseline
    }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
    }
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
    }
::-webkit-search-decoration {
    -webkit-appearance: none
    }
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
    }
summary {
    display: list-item
    }
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0
    }
fieldset {
    margin: 0;
    padding: 0
    }
legend {
    padding: 0
    }
menu, ol, ul {
    list-style: none;
    margin: 0;
    padding: 0
    }
dialog {
    padding: 0
    }
textarea {
    resize: vertical
    }
input::placeholder, textarea::placeholder {
    opacity: 1;
    color: #9ca3af
    }
[role=button], button {
    cursor: pointer
    }
:disabled {
    cursor: default
    }
audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle
    }
img, video {
    max-width: 100%;
    height: auto
    }
input::placeholder, textarea::placeholder {
    color: #6b7280;
    opacity: 1
    }
::-webkit-datetime-edit-fields-wrapper {
    padding: 0
    }
::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
    }
::-webkit-datetime-edit {
    display: inline-flex
    }
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0
    }
select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    print-color-adjust: exact
    }
[type="checkbox"], [type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px
    }
[type="checkbox"] {
    border-radius: 0
    }
[type="radio"] {
    border-radius: 100%
    }
[type="checkbox"]:focus, [type="radio"]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
[type="checkbox"]:checked, [type="radio"]:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
    }
[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
    }
@media (forced-colors: active) {
    [type="checkbox"]:checked {
        -webkit-appearance: auto;
        appearance: auto
        }
    }
[type="radio"]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
    }
@media (forced-colors: active) {
    [type="radio"]:checked {
        -webkit-appearance: auto;
        appearance: auto
        }
    }
[type="checkbox"]:checked:hover, [type="checkbox"]:checked:focus, [type="radio"]:checked:hover, [type="radio"]:checked:focus {
    border-color: transparent;
    background-color: currentColor
    }
[type="checkbox"]:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
    }
@media (forced-colors: active) {
    [type="checkbox"]:indeterminate {
        -webkit-appearance: auto;
        appearance: auto
        }
    }
[type="checkbox"]:indeterminate:hover, [type="checkbox"]:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor
    }
[type="file"] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit
    }
[type="file"]:focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color
    }
.fixed {
    position: fixed
    }
.absolute {
    position: absolute
    }
.relative {
    position: relative
    }
.inset-0 {
    inset: 0
    }
.-right-10 {
    right: -2.5rem
    }
.-top-10 {
    top: -2.5rem
    }
.bottom-10 {
    bottom: 2.5rem
    }
.left-0 {
    left: 0
    }
.left-margin-desktop {
    left: 64px
    }
.top-0 {
    top: 0
    }
.z-0 {
    z-index: 0
    }
.z-10 {
    z-index: 10
    }
.z-20 {
    z-index: 20
    }
.z-50 {
    z-index: 50
    }
.mx-auto {
    margin-left: auto;
    margin-right: auto
    }
.mb-10 {
    margin-bottom: 2.5rem
    }
.mb-12 {
    margin-bottom: 3rem
    }
.mb-2 {
    margin-bottom: 0.5rem
    }
.mb-4 {
    margin-bottom: 1rem
    }
.mb-6 {
    margin-bottom: 1.5rem
    }
.mb-8 {
    margin-bottom: 2rem
    }
.mt-12 {
    margin-top: 3rem
    }
.mt-section-gap {
    margin-top: 120px
    }
.block {
    display: block
    }
.flex {
    display: flex
    }
.inline-flex {
    display: inline-flex
    }
.grid {
    display: grid
    }
.hidden {
    display: none
    }
.h-12 {
    height: 3rem
    }
.h-16 {
    height: 4rem
    }
.h-20 {
    height: 5rem
    }
.h-\[1px\] {
    height: 1px
    }
.h-\[884px\] {
    height: 884px
    }
.h-full {
    height: 100%
    }
.min-h-\[700px\] {
    min-height: 700px
    }
.w-12 {
    width: 3rem
    }
.w-full {
    width: 100%
    }
.max-w-2xl {
    max-width: 42rem
    }
.max-w-3xl {
    max-width: 48rem
    }
.max-w-5xl {
    max-width: 64rem
    }
.max-w-7xl {
    max-width: 80rem
    }
.max-w-full {
    max-width: 100%
    }
.max-w-md {
    max-width: 28rem
    }
.max-w-sm {
    max-width: 24rem
    }
.flex-shrink-0 {
    flex-shrink: 0
    }
.translate-y-0 {
    --tw-translate-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewx(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.translate-y-10 {
    --tw-translate-y: 2.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewx(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.resize-none {
    resize: none
    }
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
    }
.flex-col {
    flex-direction: column
    }
.items-start {
    align-items: flex-start
    }
.items-end {
    align-items: flex-end
    }
.items-center {
    align-items: center
    }
.justify-center {
    justify-content: center
    }
.justify-between {
    justify-content: space-between
    }
.gap-0 {
    gap: 0
    }
.gap-3 {
    gap: 0.75rem
    }
.gap-4 {
    gap: 1rem
    }
.gap-6 {
    gap: 1.5rem
    }
.gap-8 {
    gap: 2rem
    }
.gap-gutter {
    gap: 24px
    }
.gap-section-gap {
    gap: 120px
    }
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
    }
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
    }
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
    }
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse))
    }
.overflow-hidden {
    overflow: hidden
    }
.scroll-smooth {
    scroll-behavior: smooth
    }
.border {
    border-width: 1px
    }
.border-0 {
    border-width: 0
    }
.border-b {
    border-bottom-width: 1px
    }
.border-l {
    border-left-width: 1px
    }
.border-r {
    border-right-width: 1px
    }
.border-t {
    border-top-width: 1px
    }
.border-on-primary-fixed-variant {
    --tw-border-opacity: 1
    }
.border-outline-variant {
    --tw-border-opacity: 1
    }
.bg-\[\#25D366\] {
    --tw-bg-opacity: 1
    }
.bg-background {
    --tw-bg-opacity: 1
    }
.bg-deep-obsidian {
    --tw-bg-opacity: 1
    }
.bg-primary {
    --tw-bg-opacity: 1
    }
.bg-primary-container {
    --tw-bg-opacity: 1
    }
.bg-surface-container {
    --tw-bg-opacity: 1
    }
.bg-surface-container-low {
    --tw-bg-opacity: 1
    }
.bg-surface-container-lowest {
    --tw-bg-opacity: 1
    }
.bg-surface-silver {
    --tw-bg-opacity: 1
    }
.bg-white {
    --tw-bg-opacity: 1
    }
.bg-\[url\(\'https\:\/\/images\.unsplash\.com\/photo-1542314831-068cd1dbfeeb\?auto\=format\&fit\=crop\&q\=80\'\)\] {
    background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuD2X2STRRe8baF5lPdfNgj49S9EBIoXcYZm5zWUWcnuLG9QA1xT9wGyqg9U7oIELeSLsgHrxWGI3ckaD2GVueLr8OeQwErDFuH5AnWm_fejEvKZh3vo_jc8DxpIz6YCSjFg0kGen5uIQwlv_9Bve47ysk5FrStaocCb6S-sLBctHAblFLBci4rY970W9mIAeGUsrL99GSEy7xPdY7_BriyQFCh14JktDXZ7DJU5bXPpA1-uF3qVcDrE5dLM6J26AUZmEtesQNaCsHQ)
    }
.bg-cover {
    background-size: cover
    }
.bg-center {
    background-position: center
    }
.p-10 {
    padding: 2.5rem
    }
.p-12 {
    padding: 3rem
    }
.p-16 {
    padding: 4rem
    }
.px-0 {
    padding-left: 0;
    padding-right: 0
    }
.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
    }
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
    }
.px-margin-desktop {
    padding-left: 64px;
    padding-right: 64px
    }
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
    }
.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
    }
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
    }
.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
    }
.py-section-gap {
    padding-top: 120px;
    padding-bottom: 120px
    }
.pb-6 {
    padding-bottom: 1.5rem
    }
.pt-8 {
    padding-top: 2rem
    }
.font-body-lg {
    font-family: Inter, sans-serif
    }
.font-body-md {
    font-family: Inter, sans-serif
    }
.font-display-lg {
    font-family: Manrope, sans-serif
    }
.font-headline-md {
    font-family: Manrope, sans-serif
    }
.font-label-caps {
    font-family: Inter, sans-serif
    }
.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
    }
.text-body-lg {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
    }
.text-display-lg {
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.02em;
    font-weight: 700
    }
.text-headline-md {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
    font-weight: 600
    }
.text-label-caps {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.08em;
    font-weight: 600
    }
.font-bold {
    font-weight: 700
    }
.uppercase {
    text-transform: uppercase
    }
.leading-relaxed {
    line-height: 1.625
    }
.tracking-tight {
    letter-spacing: -0.025em
    }
.tracking-widest {
    letter-spacing: 0.1em
    }
.text-on-primary {
    --tw-text-opacity: 1
    }
.text-on-surface {
    --tw-text-opacity: 1
    }
.text-on-surface-variant {
    --tw-text-opacity: 1
    }
.text-primary {
    --tw-text-opacity: 1
    }
.text-secondary {
    --tw-text-opacity: 1
    }
.text-white {
    --tw-text-opacity: 1
    }
.opacity-100 {
    opacity: 1
    }
.opacity-90 {
    opacity: 0.9
    }
.opacity-0 {
    opacity: 0
    }
.shadow-sm {
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
    }
.brightness-0 {
    --tw-brightness: brightness(0);
    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)
    }
.invert {
    --tw-invert: invert(100%);
    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)
    }
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
    }
.transition-colors {
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
    }
.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
    }
.duration-300 {
    transition-duration: 300ms
    }
.duration-700 {
    transition-duration: 700ms
    }
.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
    }
.selection\:bg-secondary-fixed *::selection {
    --tw-bg-opacity: 1
    }
.selection\:bg-secondary-fixed::selection {
    --tw-bg-opacity: 1
    }
.hover\:scale-\[1\.02\]:hover {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewx(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.hover\:bg-primary:hover {
    --tw-bg-opacity: 1
    }
.hover\:bg-primary-container:hover {
    --tw-bg-opacity: 1
    }
.hover\:bg-surface-silver:hover {
    --tw-bg-opacity: 1
    }
.hover\:text-primary:hover {
    --tw-text-opacity: 1
    }
.hover\:text-white:hover {
    --tw-text-opacity: 1
    }
.focus\:border-primary:focus {
    --tw-border-opacity: 1
    }
.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0 + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
.group:hover .group-hover\:translate-x-2 {
    --tw-translate-x: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewx(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.group:hover .group-hover\:text-secondary-fixed {
    --tw-text-opacity: 1
    }
.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1
    }
@media (min-width: 768px) {
    .md\:flex {
        display: flex
        }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    .md\:flex-row {
        flex-direction: row
        }
    }
@media (min-width: 1024px) {
    .lg\:col-span-2 {
        grid-column: span 2/span 2
        }
    .lg\:col-span-8 {
        grid-column: span 8/span 8
        }
    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
        }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    .lg\:p-16 {
        padding: 4rem
        }
    }
*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0;
    --tw-ring-offset-color: #fff
    }
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0;
    --tw-ring-offset-color: #fff
    }
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
*, ::after, ::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
    }
::after, ::before {
    --tw-content: ""
    }
:host, html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
    }
body {
    margin: 0;
    line-height: inherit
    }
hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
    }
h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
    }
a {
    color: inherit;
    text-decoration: inherit
    }
b, strong {
    font-weight: bolder
    }
code, kbd, pre, samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
    }
small {
    font-size: 80%
    }
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
    }
sub {
    bottom: -0.25em
    }
sup {
    top: -0.5em
    }
table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
    }
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
    }
button, select {
    text-transform: none
    }
:-moz-focusring {
    outline: auto
    }
:-moz-ui-invalid {
    box-shadow: none
    }
progress {
    vertical-align: baseline
    }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
    }
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
    }
::-webkit-search-decoration {
    -webkit-appearance: none
    }
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
    }
summary {
    display: list-item
    }
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0
    }
fieldset {
    margin: 0;
    padding: 0
    }
legend {
    padding: 0
    }
menu, ol, ul {
    list-style: none;
    margin: 0;
    padding: 0
    }
dialog {
    padding: 0
    }
textarea {
    resize: vertical
    }
input::placeholder, textarea::placeholder {
    opacity: 1;
    color: #9ca3af
    }
[role=button], button {
    cursor: pointer
    }
:disabled {
    cursor: default
    }
audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle
    }
img, video {
    max-width: 100%;
    height: auto
    }
input::placeholder, textarea::placeholder {
    color: #6b7280;
    opacity: 1
    }
::-webkit-datetime-edit-fields-wrapper {
    padding: 0
    }
::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
    }
::-webkit-datetime-edit {
    display: inline-flex
    }
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0
    }
select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    print-color-adjust: exact
    }
[type="checkbox"], [type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px
    }
[type="checkbox"] {
    border-radius: 0
    }
[type="radio"] {
    border-radius: 100%
    }
[type="checkbox"]:focus, [type="radio"]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
[type="checkbox"]:checked, [type="radio"]:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
    }
[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
    }
@media (forced-colors: active) {
    [type="checkbox"]:checked {
        -webkit-appearance: auto;
        appearance: auto
        }
    }
[type="radio"]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
    }
@media (forced-colors: active) {
    [type="radio"]:checked {
        -webkit-appearance: auto;
        appearance: auto
        }
    }
[type="checkbox"]:checked:hover, [type="checkbox"]:checked:focus, [type="radio"]:checked:hover, [type="radio"]:checked:focus {
    border-color: transparent;
    background-color: currentColor
    }
[type="checkbox"]:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
    }
@media (forced-colors: active) {
    [type="checkbox"]:indeterminate {
        -webkit-appearance: auto;
        appearance: auto
        }
    }
[type="checkbox"]:indeterminate:hover, [type="checkbox"]:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor
    }
[type="file"] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit
    }
[type="file"]:focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color
    }
.fixed {
    position: fixed
    }
.absolute {
    position: absolute
    }
.relative {
    position: relative
    }
.inset-0 {
    inset: 0
    }
.-right-10 {
    right: -2.5rem
    }
.-top-10 {
    top: -2.5rem
    }
.bottom-10 {
    bottom: 2.5rem
    }
.left-0 {
    left: 0
    }
.left-margin-desktop {
    left: 64px
    }
.top-0 {
    top: 0
    }
.z-0 {
    z-index: 0
    }
.z-10 {
    z-index: 10
    }
.z-20 {
    z-index: 20
    }
.z-50 {
    z-index: 50
    }
.mx-auto {
    margin-left: auto;
    margin-right: auto
    }
.mb-10 {
    margin-bottom: 2.5rem
    }
.mb-12 {
    margin-bottom: 3rem
    }
.mb-2 {
    margin-bottom: 0.5rem
    }
.mb-4 {
    margin-bottom: 1rem
    }
.mb-6 {
    margin-bottom: 1.5rem
    }
.mb-8 {
    margin-bottom: 2rem
    }
.mt-12 {
    margin-top: 3rem
    }
.mt-section-gap {
    margin-top: 120px
    }
.block {
    display: block
    }
.flex {
    display: flex
    }
.inline-flex {
    display: inline-flex
    }
.grid {
    display: grid
    }
.hidden {
    display: none
    }
.h-12 {
    height: 3rem
    }
.h-16 {
    height: 4rem
    }
.h-20 {
    height: 5rem
    }
.h-\[1px\] {
    height: 1px
    }
.h-\[884px\] {
    height: 884px
    }
.h-full {
    height: 100%
    }
.min-h-\[700px\] {
    min-height: 700px
    }
.w-12 {
    width: 3rem
    }
.w-full {
    width: 100%
    }
.max-w-2xl {
    max-width: 42rem
    }
.max-w-3xl {
    max-width: 48rem
    }
.max-w-5xl {
    max-width: 64rem
    }
.max-w-7xl {
    max-width: 80rem
    }
.max-w-full {
    max-width: 100%
    }
.max-w-md {
    max-width: 28rem
    }
.max-w-sm {
    max-width: 24rem
    }
.flex-shrink-0 {
    flex-shrink: 0
    }
.translate-y-0 {
    --tw-translate-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewx(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.translate-y-10 {
    --tw-translate-y: 2.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewx(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.resize-none {
    resize: none
    }
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
    }
.flex-col {
    flex-direction: column
    }
.items-start {
    align-items: flex-start
    }
.items-end {
    align-items: flex-end
    }
.items-center {
    align-items: center
    }
.justify-center {
    justify-content: center
    }
.justify-between {
    justify-content: space-between
    }
.gap-0 {
    gap: 0
    }
.gap-3 {
    gap: 0.75rem
    }
.gap-4 {
    gap: 1rem
    }
.gap-6 {
    gap: 1.5rem
    }
.gap-8 {
    gap: 2rem
    }
.gap-gutter {
    gap: 24px
    }
.gap-section-gap {
    gap: 120px
    }
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
    }
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
    }
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse))
    }
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
    }
.overflow-hidden {
    overflow: hidden
    }
.scroll-smooth {
    scroll-behavior: smooth
    }
.border {
    border-width: 1px
    }
.border-0 {
    border-width: 0
    }
.border-b {
    border-bottom-width: 1px
    }
.border-l {
    border-left-width: 1px
    }
.border-r {
    border-right-width: 1px
    }
.border-t {
    border-top-width: 1px
    }
.border-on-primary-fixed-variant {
    --tw-border-opacity: 1
    }
.border-outline-variant {
    --tw-border-opacity: 1
    }
.bg-\[\#25D366\] {
    --tw-bg-opacity: 1
    }
.bg-background {
    --tw-bg-opacity: 1
    }
.bg-deep-obsidian {
    --tw-bg-opacity: 1
    }
.bg-primary {
    --tw-bg-opacity: 1
    }
.bg-primary-container {
    --tw-bg-opacity: 1
    }
.bg-surface-container {
    --tw-bg-opacity: 1
    }
.bg-surface-container-low {
    --tw-bg-opacity: 1
    }
.bg-surface-container-lowest {
    --tw-bg-opacity: 1
    }
.bg-surface-silver {
    --tw-bg-opacity: 1
    }
.bg-white {
    --tw-bg-opacity: 1
    }
.bg-\[url\(\'https\:\/\/images\.unsplash\.com\/photo-1542314831-068cd1dbfeeb\?auto\=format\&fit\=crop\&q\=80\'\)\] {
    background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuAb091BP6HKnpYYW2afKt241TcEmOboi2ipQImA4DQm3Ceg3aLMcyRohKJ3pxKDwEQQOPu4LCZGNlBlpviLpMo4Z14gY-EVv5awxJJ8_eGntNOhaqczL-kPDlaua0SuyqbSTX_gtOd2Ildo97aITYIKINkm-1CBVN0Jyo4zSOsG42fsg0rCUzkPT8_vUPBDWb3tRdMUqzYK2T8E-qlZUXy-ilEeUQ_FbkpaETAUrh5FuREpAhocs5JsDG-JNAhImkcT3rBwugGIyts)
    }
.bg-cover {
    background-size: cover
    }
.bg-center {
    background-position: center
    }
.p-10 {
    padding: 2.5rem
    }
.p-12 {
    padding: 3rem
    }
.p-16 {
    padding: 4rem
    }
.px-0 {
    padding-left: 0;
    padding-right: 0
    }
.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
    }
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
    }
.px-margin-desktop {
    padding-left: 64px;
    padding-right: 64px
    }
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
    }
.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
    }
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
    }
.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
    }
.py-section-gap {
    padding-top: 120px;
    padding-bottom: 120px
    }
.pb-6 {
    padding-bottom: 1.5rem
    }
.pt-8 {
    padding-top: 2rem
    }
.font-body-lg {
    font-family: Inter, sans-serif
    }
.font-body-md {
    font-family: Inter, sans-serif
    }
.font-display-lg {
    font-family: Manrope, sans-serif
    }
.font-headline-md {
    font-family: Manrope, sans-serif
    }
.font-label-caps {
    font-family: Inter, sans-serif
    }
.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
    }
.text-body-lg {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
    }
.text-display-lg {
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.02em;
    font-weight: 700
    }
.text-headline-md {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
    font-weight: 600
    }
.text-label-caps {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.08em;
    font-weight: 600
    }
.font-bold {
    font-weight: 700
    }
.uppercase {
    text-transform: uppercase
    }
.leading-relaxed {
    line-height: 1.625
    }
.tracking-tight {
    letter-spacing: -0.025em
    }
.tracking-widest {
    letter-spacing: 0.1em
    }
.text-on-primary {
    --tw-text-opacity: 1
    }
.text-on-surface {
    --tw-text-opacity: 1
    }
.text-on-surface-variant {
    --tw-text-opacity: 1
    }
.text-primary {
    --tw-text-opacity: 1
    }
.text-secondary {
    --tw-text-opacity: 1
    }
.text-white {
    --tw-text-opacity: 1
    }
.opacity-100 {
    opacity: 1
    }
.opacity-90 {
    opacity: 0.9
    }
.opacity-0 {
    opacity: 0
    }
.shadow-sm {
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
    }
.brightness-0 {
    --tw-brightness: brightness(0);
    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)
    }
.invert {
    --tw-invert: invert(100%);
    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)
    }
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
    }
.transition-colors {
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
    }
.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
    }
.duration-300 {
    transition-duration: 300ms
    }
.duration-700 {
    transition-duration: 700ms
    }
.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
    }
.selection\:bg-secondary-fixed *::selection {
    --tw-bg-opacity: 1
    }
.selection\:bg-secondary-fixed::selection {
    --tw-bg-opacity: 1
    }
.hover\:scale-\[1\.02\]:hover {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewx(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.hover\:bg-primary:hover {
    --tw-bg-opacity: 1
    }
.hover\:bg-primary-container:hover {
    --tw-bg-opacity: 1
    }
.hover\:bg-surface-silver:hover {
    --tw-bg-opacity: 1
    }
.hover\:text-primary:hover {
    --tw-text-opacity: 1
    }
.hover\:text-white:hover {
    --tw-text-opacity: 1
    }
.focus\:border-primary:focus {
    --tw-border-opacity: 1
    }
.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0 + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
.group:hover .group-hover\:translate-x-2 {
    --tw-translate-x: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewx(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.group:hover .group-hover\:text-secondary-fixed {
    --tw-text-opacity: 1
    }
.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1
    }
@media (min-width: 768px) {
    .md\:flex {
        display: flex
        }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    .md\:flex-row {
        flex-direction: row
        }
    }
@media (min-width: 1024px) {
    .lg\:col-span-2 {
        grid-column: span 2/span 2
        }
    .lg\:col-span-8 {
        grid-column: span 8/span 8
        }
    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
        }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    .lg\:p-16 {
        padding: 4rem
        }
    }
*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0;
    --tw-ring-offset-color: #fff
    }
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0;
    --tw-ring-offset-color: #fff
    }
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
*, ::after, ::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
    }
::after, ::before {
    --tw-content: ""
    }
:host, html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
    }
body {
    margin: 0;
    line-height: inherit
    }
hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
    }
h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
    }
a {
    color: inherit;
    text-decoration: inherit
    }
b, strong {
    font-weight: bolder
    }
code, kbd, pre, samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
    }
small {
    font-size: 80%
    }
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
    }
sub {
    bottom: -0.25em
    }
sup {
    top: -0.5em
    }
table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
    }
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
    }
button, select {
    text-transform: none
    }
:-moz-focusring {
    outline: auto
    }
:-moz-ui-invalid {
    box-shadow: none
    }
progress {
    vertical-align: baseline
    }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
    }
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
    }
::-webkit-search-decoration {
    -webkit-appearance: none
    }
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
    }
summary {
    display: list-item
    }
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0
    }
fieldset {
    margin: 0;
    padding: 0
    }
legend {
    padding: 0
    }
menu, ol, ul {
    list-style: none;
    margin: 0;
    padding: 0
    }
dialog {
    padding: 0
    }
textarea {
    resize: vertical
    }
input::placeholder, textarea::placeholder {
    opacity: 1;
    color: #9ca3af
    }
[role=button], button {
    cursor: pointer
    }
:disabled {
    cursor: default
    }
audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle
    }
img, video {
    max-width: 100%;
    height: auto
    }
input::placeholder, textarea::placeholder {
    color: #6b7280;
    opacity: 1
    }
::-webkit-datetime-edit-fields-wrapper {
    padding: 0
    }
::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
    }
::-webkit-datetime-edit {
    display: inline-flex
    }
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0
    }
select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    print-color-adjust: exact
    }
[type="checkbox"], [type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px
    }
[type="checkbox"] {
    border-radius: 0
    }
[type="radio"] {
    border-radius: 100%
    }
[type="checkbox"]:focus, [type="radio"]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
[type="checkbox"]:checked, [type="radio"]:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
    }
[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
    }
@media (forced-colors: active) {
    [type="checkbox"]:checked {
        -webkit-appearance: auto;
        appearance: auto
        }
    }
[type="radio"]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
    }
@media (forced-colors: active) {
    [type="radio"]:checked {
        -webkit-appearance: auto;
        appearance: auto
        }
    }
[type="checkbox"]:checked:hover, [type="checkbox"]:checked:focus, [type="radio"]:checked:hover, [type="radio"]:checked:focus {
    border-color: transparent;
    background-color: currentColor
    }
[type="checkbox"]:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
    }
@media (forced-colors: active) {
    [type="checkbox"]:indeterminate {
        -webkit-appearance: auto;
        appearance: auto
        }
    }
[type="checkbox"]:indeterminate:hover, [type="checkbox"]:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor
    }
[type="file"] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit
    }
[type="file"]:focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color
    }
.fixed {
    position: fixed
    }
.absolute {
    position: absolute
    }
.relative {
    position: relative
    }
.inset-0 {
    inset: 0
    }
.-right-10 {
    right: -2.5rem
    }
.-top-10 {
    top: -2.5rem
    }
.bottom-10 {
    bottom: 2.5rem
    }
.left-0 {
    left: 0
    }
.left-margin-desktop {
    left: 64px
    }
.top-0 {
    top: 0
    }
.z-0 {
    z-index: 0
    }
.z-10 {
    z-index: 10
    }
.z-20 {
    z-index: 20
    }
.z-50 {
    z-index: 50
    }
.mx-auto {
    margin-left: auto;
    margin-right: auto
    }
.mb-10 {
    margin-bottom: 2.5rem
    }
.mb-12 {
    margin-bottom: 3rem
    }
.mb-2 {
    margin-bottom: 0.5rem
    }
.mb-4 {
    margin-bottom: 1rem
    }
.mb-6 {
    margin-bottom: 1.5rem
    }
.mb-8 {
    margin-bottom: 2rem
    }
.mt-12 {
    margin-top: 3rem
    }
.mt-section-gap {
    margin-top: 120px
    }
.block {
    display: block
    }
.flex {
    display: flex
    }
.inline-flex {
    display: inline-flex
    }
.grid {
    display: grid
    }
.hidden {
    display: none
    }
.h-12 {
    height: 3rem
    }
.h-16 {
    height: 4rem
    }
.h-20 {
    height: 5rem
    }
.h-\[1px\] {
    height: 1px
    }
.h-\[884px\] {
    height: 884px
    }
.h-full {
    height: 100%
    }
.min-h-\[700px\] {
    min-height: 700px
    }
.w-12 {
    width: 3rem
    }
.w-full {
    width: 100%
    }
.max-w-2xl {
    max-width: 42rem
    }
.max-w-3xl {
    max-width: 48rem
    }
.max-w-5xl {
    max-width: 64rem
    }
.max-w-7xl {
    max-width: 80rem
    }
.max-w-full {
    max-width: 100%
    }
.max-w-md {
    max-width: 28rem
    }
.max-w-sm {
    max-width: 24rem
    }
.flex-shrink-0 {
    flex-shrink: 0
    }
.translate-y-0 {
    --tw-translate-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewx(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.translate-y-10 {
    --tw-translate-y: 2.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewx(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.resize-none {
    resize: none
    }
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
    }
.flex-col {
    flex-direction: column
    }
.items-start {
    align-items: flex-start
    }
.items-end {
    align-items: flex-end
    }
.items-center {
    align-items: center
    }
.justify-center {
    justify-content: center
    }
.justify-between {
    justify-content: space-between
    }
.gap-0 {
    gap: 0
    }
.gap-3 {
    gap: 0.75rem
    }
.gap-4 {
    gap: 1rem
    }
.gap-6 {
    gap: 1.5rem
    }
.gap-8 {
    gap: 2rem
    }
.gap-gutter {
    gap: 24px
    }
.gap-section-gap {
    gap: 120px
    }
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
    }
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
    }
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
    }
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse))
    }
.overflow-hidden {
    overflow: hidden
    }
.scroll-smooth {
    scroll-behavior: smooth
    }
.border {
    border-width: 1px
    }
.border-0 {
    border-width: 0
    }
.border-b {
    border-bottom-width: 1px
    }
.border-l {
    border-left-width: 1px
    }
.border-r {
    border-right-width: 1px
    }
.border-t {
    border-top-width: 1px
    }
.border-on-primary-fixed-variant {
    --tw-border-opacity: 1
    }
.border-outline-variant {
    --tw-border-opacity: 1
    }
.bg-\[\#25D366\] {
    --tw-bg-opacity: 1
    }
.bg-background {
    --tw-bg-opacity: 1
    }
.bg-deep-obsidian {
    --tw-bg-opacity: 1
    }
.bg-primary {
    --tw-bg-opacity: 1
    }
.bg-primary-container {
    --tw-bg-opacity: 1
    }
.bg-surface-container {
    --tw-bg-opacity: 1
    }
.bg-surface-container-low {
    --tw-bg-opacity: 1
    }
.bg-surface-container-lowest {
    --tw-bg-opacity: 1
    }
.bg-surface-silver {
    --tw-bg-opacity: 1
    }
.bg-white {
    --tw-bg-opacity: 1
    }
.bg-\[url\(\'https\:\/\/images\.unsplash\.com\/photo-1542314831-068cd1dbfeeb\?auto\=format\&fit\=crop\&q\=80\'\)\] {
    background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuA2rX0l6qn8rIfOErc8guNSNMJw3ODvykDHO4Wh2FB3p7iT0KiWtVhr-N5tUa51N8YTcmTU1ME6JRIribH1-RRBgSN_NlOAOnOCRMLOtTy72u14-rdV66ARN0WSjhYI9tdDQnVIYUFY2kI6vYoxD8SgIMwIB27bLViu4wtBqVwBrBK5UJa0OfoWqPWPjoTLM7ovnTB72mk72DxcPebP0nJHUFCX1-VxQuE0WD1FOZpY5g2NruxKU1OtYLJEhhpZYoxtK4TjOhFqf-8)
    }
.bg-cover {
    background-size: cover
    }
.bg-center {
    background-position: center
    }
.p-10 {
    padding: 2.5rem
    }
.p-12 {
    padding: 3rem
    }
.p-16 {
    padding: 4rem
    }
.px-0 {
    padding-left: 0;
    padding-right: 0
    }
.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
    }
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
    }
.px-margin-desktop {
    padding-left: 64px;
    padding-right: 64px
    }
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
    }
.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
    }
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
    }
.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
    }
.py-section-gap {
    padding-top: 120px;
    padding-bottom: 120px
    }
.pb-6 {
    padding-bottom: 1.5rem
    }
.pt-8 {
    padding-top: 2rem
    }
.font-body-lg {
    font-family: Inter, sans-serif
    }
.font-body-md {
    font-family: Inter, sans-serif
    }
.font-display-lg {
    font-family: Manrope, sans-serif
    }
.font-headline-md {
    font-family: Manrope, sans-serif
    }
.font-label-caps {
    font-family: Inter, sans-serif
    }
.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
    }
.text-body-lg {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400
    }
.text-display-lg {
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.02em;
    font-weight: 700
    }
.text-headline-md {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
    font-weight: 600
    }
.text-label-caps {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.08em;
    font-weight: 600
    }
.font-bold {
    font-weight: 700
    }
.uppercase {
    text-transform: uppercase
    }
.leading-relaxed {
    line-height: 1.625
    }
.tracking-tight {
    letter-spacing: -0.025em
    }
.tracking-widest {
    letter-spacing: 0.1em
    }
.text-on-primary {
    --tw-text-opacity: 1
    }
.text-on-surface {
    --tw-text-opacity: 1
    }
.text-on-surface-variant {
    --tw-text-opacity: 1
    }
.text-primary {
    --tw-text-opacity: 1
    }
.text-secondary {
    --tw-text-opacity: 1
    }
.text-white {
    --tw-text-opacity: 1
    }
.opacity-100 {
    opacity: 1
    }
.opacity-90 {
    opacity: 0.9
    }
.opacity-0 {
    opacity: 0
    }
.shadow-sm {
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
    }
.brightness-0 {
    --tw-brightness: brightness(0);
    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)
    }
.invert {
    --tw-invert: invert(100%);
    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)
    }
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
    }
.transition-colors {
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
    }
.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
    }
.duration-300 {
    transition-duration: 300ms
    }
.duration-700 {
    transition-duration: 700ms
    }
.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
    }
.selection\:bg-secondary-fixed *::selection {
    --tw-bg-opacity: 1
    }
.selection\:bg-secondary-fixed::selection {
    --tw-bg-opacity: 1
    }
.hover\:scale-\[1\.02\]:hover {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewx(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.hover\:bg-primary:hover {
    --tw-bg-opacity: 1
    }
.hover\:bg-primary-container:hover {
    --tw-bg-opacity: 1
    }
.hover\:bg-surface-silver:hover {
    --tw-bg-opacity: 1
    }
.hover\:text-primary:hover {
    --tw-text-opacity: 1
    }
.hover\:text-white:hover {
    --tw-text-opacity: 1
    }
.focus\:border-primary:focus {
    --tw-border-opacity: 1
    }
.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0 + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
.group:hover .group-hover\:translate-x-2 {
    --tw-translate-x: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewx(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.group:hover .group-hover\:text-secondary-fixed {
    --tw-text-opacity: 1
    }
.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1
    }
@media (min-width: 768px) {
    .md\:flex {
        display: flex
        }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    .md\:flex-row {
        flex-direction: row
        }
    }
@media (min-width: 1024px) {
    .lg\:col-span-2 {
        grid-column: span 2/span 2
        }
    .lg\:col-span-8 {
        grid-column: span 8/span 8
        }
    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
        }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    .lg\:p-16 {
        padding: 4rem
        }
    }

/* WordPress/Astra isolation */
html,body{margin:0!important;padding:0!important;}
#page,#content,.site-content,.ast-container{max-width:none!important;margin:0!important;padding:0!important;}
.site-header,.site-footer{display:none!important;}


/* GC v1.1: legibilidad del hero y uso natural de mayúsculas */
.gc-hero-overlay { background: linear-gradient(90deg, rgba(4,24,43,.94) 0%, rgba(10,37,64,.88) 48%, rgba(10,37,64,.58) 100%); }
.gc-hero-title { color:#fff !important; text-shadow:0 2px 14px rgba(0,0,0,.35); }
.gc-hero-copy { color:rgba(255,255,255,.92) !important; text-shadow:0 1px 8px rgba(0,0,0,.25); }


/* GC v1.2 hero refinement */
.gc-hero-wordmark {
  color:#fff;
  display:inline-flex;
  align-items:flex-end;
  gap:8px;
  margin-bottom:30px;
  line-height:.82;
  text-shadow:0 2px 12px rgba(0,0,0,.25);
}
.gc-wordmark-main {
  font-family: Georgia, 'Times New Roman', serif;
  font-size:38px;
  font-weight:700;
  letter-spacing:-1px;
}
.gc-wordmark-spa {
  font-family: Georgia, 'Times New Roman', serif;
  font-size:15px;
  padding-bottom:2px;
}
.gc-hero-title { text-transform:none !important; }
.gc-hero-title span { color:#69aef5; }
.gc-hero-actions { margin-bottom:28px; }
.gc-hero-meta {
  display:flex;
  align-items:center;
  gap:24px;
  color:rgba(255,255,255,.88);
  font-size:14px;
  line-height:1.45;
}
.gc-meta-item { display:flex; align-items:center; gap:12px; color:inherit; text-decoration:none; }
.gc-meta-item .material-symbols-outlined { font-size:27px; color:#fff; }
.gc-meta-divider { width:1px; height:42px; background:rgba(255,255,255,.35); }
.gc-meta-item strong { color:#fff; font-weight:700; }
@media (max-width:767px) {
  .gc-wordmark-main { font-size:30px; }
  .gc-hero-title br { display:none; }
  .gc-hero-meta { flex-direction:column; align-items:flex-start; gap:14px; }
  .gc-meta-divider { display:none; }
  .gc-hero-actions { flex-direction:column; align-items:stretch; }
}

/* GC v1.3: capitalización española y hero final */
.gc-hero-eyebrow {
  color: #72b7ff;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: .18em;
  margin-bottom: 2rem;
  text-transform: none !important;
}
.font-label-caps, .text-label-caps, .uppercase { text-transform: none !important; }
.gc-hero-title { margin-top: 0 !important; }


/* GC v1.4: visual aprobado + capitalización española forzada */
.gc-header-logo {
  width: 150px !important;
  max-height: 58px !important;
  height: auto !important;
  object-fit: contain;
}

/* Astra y estilos heredados no deben convertir los textos a Title Case */
body,
body h1, body h2, body h3, body h4, body h5, body h6,
body p, body a, body span, body button, body label,
body input, body textarea,
.font-display-lg, .font-headline-md, .font-label-caps,
.text-display-lg, .text-headline-md, .text-label-caps,
.gc-hero-eyebrow, .gc-hero-title, .gc-hero-copy {
  text-transform: none !important;
}

/* Hero aprobado */
.gc-hero-overlay {
  background: linear-gradient(90deg, rgba(3,24,43,.97) 0%, rgba(5,34,60,.90) 43%, rgba(8,48,82,.42) 72%, rgba(8,48,82,.18) 100%) !important;
}
.gc-hero-eyebrow {
  color:#72b7ff !important;
  font-size:13px;
  font-weight:700;
  letter-spacing:.18em;
  margin-bottom:2rem;
}
.gc-hero-title {
  color:#fff !important;
  font-size:58px !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  max-width:900px;
}
.gc-hero-title span { color:#69aef5 !important; }
.gc-hero-copy { max-width:680px; color:rgba(255,255,255,.94) !important; }
.gc-hero-actions > a:first-child { background:#fff !important; color:#0A2540 !important; }
.gc-hero-actions > a:last-child { border-color:rgba(255,255,255,.75) !important; color:#fff !important; }

@media (max-width: 767px) {
  .gc-header-logo { width: 118px !important; max-height: 48px !important; }
  .gc-hero-title { font-size:42px !important; }
}


/* GC v1.5: primera pantalla aprobada 18-09-2026 */
.gc-approved-firstscreen{position:relative;width:100%;background:#061d33;overflow:hidden;line-height:0}
.gc-approved-firstscreen>img{display:block;width:100%;height:auto;margin:0;padding:0}
.gc-approved-hotspots{position:absolute;inset:0;pointer-events:none}
.gc-approved-hotspots .hs{position:absolute;display:block;pointer-events:auto;background:transparent}
.gc-approved-hotspots .hs-services{left:34.7%;top:1.7%;width:7.2%;height:5.5%}
.gc-approved-hotspots .hs-identity{left:42.7%;top:1.7%;width:7.2%;height:5.5%}
.gc-approved-hotspots .hs-advantages{left:51.1%;top:1.7%;width:7.2%;height:5.5%}
.gc-approved-hotspots .hs-contact{left:59.1%;top:1.7%;width:7.2%;height:5.5%}
.gc-approved-hotspots .hs-consult{left:80.2%;top:1.0%;width:12.5%;height:6.0%}
.gc-approved-hotspots .hs-talk{left:7.2%;top:60.5%;width:17.5%;height:7.0%}
.gc-approved-hotspots .hs-our-services{left:25.8%;top:60.5%;width:19.0%;height:7.0%}
.gc-approved-hotspots .hs-whatsapp{left:31.0%;top:68.0%;width:19.0%;height:8.0%}
@media(max-width:767px){
  .gc-approved-firstscreen{overflow-x:hidden}
  .gc-approved-firstscreen>img{width:180%;max-width:none;transform:translateX(-4%)}
  .gc-approved-hotspots{display:none}
}