@import '../../css/colors.css';

*, ::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-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}

::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-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}

.eg-site a,
  .eg-site button {
    -webkit-tap-highlight-color: transparent;
  }
.pill{
    display: inline-flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    border-radius: 999px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 16px;
    line-height: 1.2;
    transition-property: transform,background;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
    transition-timing-function: ease;
}
.pill:hover{
    --tw-translate-y: -0.125rem;
    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));
}
.sticker{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: -.02em;
}
.section-label{
    display: inline-block;
    border-radius: 3px;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 9px;
    padding-right: 9px;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: .035em;
    color: var(--bg-dark);
}
.faq-button{
    display: flex;
    width: 100%;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    border-radius: 1rem;
    background-color: transparent;
    padding-top: 23px;
    padding-bottom: 23px;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    text-align: left;
    line-height: 1.35;
    color: inherit;
    border: 0 none currentColor;
    font-family: inherit;
    font-size: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
}
@media (max-width: 767px){

    .faq-button{
        gap: 0.875rem;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        padding-left: 18px;
        padding-right: 18px;
        font-size: 16px;
    }
}
.faq-indicator{
    display: grid;
    height: 1.25rem;
    width: 1.75rem;
    flex-shrink: 0;
    place-items: center;
    border-radius: 999px;
    background-color: var(--green-primary);
    font-size: 18px;
    color: var(--bg-dark);
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 250ms;
    transition-timing-function: ease;
}
.faq-button[aria-expanded=true] .faq-indicator{
    transform: rotate(45deg);
}
.faq-list.is-ready .faq-panel.is-open{
    grid-template-rows: 1fr;
}
.faq-list.is-ready .faq-panel{
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .25s ease;
}
.footer-link{
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
    margin-left: 0px;
    margin-right: 0px;
    display: block;
    width: fit-content;
    font-size: 16px;
    color: inherit;
    text-decoration-line: none;
}
.footer-grid nav .footer-link:hover{
    text-decoration-line: underline;
    text-underline-offset: 4px;
}
.program-list-item{
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    font-size: 16px;
    line-height: 1.4;
}
@media (max-width: 767px){

    .program-list-item{
        font-size: 16px;
    }
}
@media (max-height: 760px){

    .program-ready .program-lists .program-list-item{
        margin-bottom: 0.5rem;
    }
}
.sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.pointer-events-none{
    pointer-events: none;
}
.invisible{
    visibility: hidden;
}
.fixed{
    position: fixed;
}
.absolute{
    position: absolute;
}
.relative{
    position: relative;
}
.inset-0{
    inset: 0px;
}
.inset-\[-9px\]{
    inset: -9px;
}
.inset-\[12\%\]{
    inset: 12%;
}
.inset-\[12px_auto_auto_12px\]{
    inset: 12px auto auto 12px;
}
.inset-\[28\%\]{
    inset: 28%;
}
.inset-\[3\%_7\%_3\%_2\%\]{
    inset: 3% 7% 3% 2%;
}
.inset-x-0{
    left: 0px;
    right: 0px;
}
.bottom-\[8\%\]{
    bottom: 8%;
}
.left-0{
    left: 0px;
}
.left-60{
    left: 15rem;
}
.left-\[-15\%\]{
    left: -15%;
}
.left-\[-21\.99\%\]{
    left: -21.99%;
}
.left-\[17\%\]{
    left: 17%;
}
.left-\[180px\]{
    left: 180px;
}
.left-\[19\%\]{
    left: 19%;
}
.left-\[21\%\]{
    left: 21%;
}
.left-\[24\%\]{
    left: 24%;
}
.left-\[30\%\]{
    left: 30%;
}
.left-\[36\%\]{
    left: 36%;
}
.left-\[39\%\]{
    left: 39%;
}
.left-\[6\%\]{
    left: 6%;
}
.left-\[calc\(63\.75\%_\+_var\(--wheel-size\)_\/_2_\+_20px\)\]{
    left: calc(63.75% + var(--wheel-size) / 2 + 20px);
}
.left-\[var\(--wheel-x\)\]{
    left: var(--wheel-x);
}
.right-\[-1\%\]{
    right: -1%;
}
.right-\[38px\]{
    right: 38px;
}
.top-0{
    top: 0px;
}
.top-\[-15\.24\%\]{
    top: -15.24%;
}
.top-\[-5\%\]{
    top: -5%;
}
.top-\[12\%\]{
    top: 12%;
}
.top-\[166px\]{
    top: 166px;
}
.top-\[195px\]{
    top: 195px;
}
.top-\[232px\]{
    top: 232px;
}
.top-\[35\%\]{
    top: 35%;
}
.top-\[48\%\]{
    top: 48%;
}
.top-\[50\%\]{
    top: 50%;
}
.top-\[52\%\]{
    top: 52%;
}
.top-\[53\%\]{
    top: 53%;
}
.top-\[61\%\]{
    top: 61%;
}
.top-\[67\%\]{
    top: 67%;
}
.top-\[92px\]{
    top: 92px;
}
.top-\[var\(--wheel-y\)\]{
    top: var(--wheel-y);
}
.isolate{
    isolation: isolate;
}
.z-0{
    z-index: 0;
}
.z-10{
    z-index: 10;
}
.z-\[100\]{
    z-index: 100;
}
.z-\[1\]{
    z-index: 1;
}
.z-\[2\]{
    z-index: 2;
}
.z-\[3\]{
    z-index: 3;
}
.z-\[4\]{
    z-index: 4;
}
.z-\[5\]{
    z-index: 5;
}
.-m-px{
    margin: -1px;
}
.m-0{
    margin: 0px;
}
.mx-0{
    margin-left: 0px;
    margin-right: 0px;
}
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}
.my-2\.5{
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}
.my-7{
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
}
.my-\[30px\]{
    margin-top: 30px;
    margin-bottom: 30px;
}
.mb-0{
    margin-bottom: 0px;
}
.mb-2\.5{
    margin-bottom: 0.625rem;
}
.mb-3{
    margin-bottom: 0.75rem;
}
.mb-3\.5{
    margin-bottom: 0.875rem;
}
.mb-4{
    margin-bottom: 1rem;
}
.mb-5{
    margin-bottom: 1.25rem;
}
.mb-7{
    margin-bottom: 1.75rem;
}
.mb-\[18px\]{
    margin-bottom: 18px;
}
.mb-\[38px\]{
    margin-bottom: 38px;
}
.ml-\[11\%\]{
    margin-left: 11%;
}
.ml-\[22\%\]{
    margin-left: 22%;
}
.ml-\[43\%\]{
    margin-left: 43%;
}
.mr-2{
    margin-right: 0.5rem;
}
.mr-\[5px\]{
    margin-right: 5px;
}
.mt-0{
    margin-top: 0px;
}
.mt-11{
    margin-top: 2.75rem;
}
.mt-12{
    margin-top: 3rem;
}
.mt-14{
    margin-top: 3.5rem;
}
.mt-2{
    margin-top: 0.5rem;
}
.mt-20{
    margin-top: 5rem;
}
.mt-3\.5{
    margin-top: 0.875rem;
}
.mt-4{
    margin-top: 1rem;
}
.mt-5{
    margin-top: 1.25rem;
}
.mt-6{
    margin-top: 1.5rem;
}
.mt-7{
    margin-top: 1.75rem;
}
.mt-9{
    margin-top: 2.25rem;
}
.mt-\[13px\]{
    margin-top: 13px;
}
.mt-\[15px\]{
    margin-top: 15px;
}
.mt-\[17px\]{
    margin-top: 17px;
}
.mt-\[18px\]{
    margin-top: 18px;
}
.mt-\[22px\]{
    margin-top: 22px;
}
.mt-\[27px\]{
    margin-top: 27px;
}
.mt-\[42px\]{
    margin-top: 42px;
}
.mt-\[45px\]{
    margin-top: 45px;
}
.mt-\[85px\]{
    margin-top: 85px;
}
.mt-\[clamp\(80px\2c _8\.6vw\2c _124px\)\]{
    margin-top: clamp(80px, 8.6vw, 124px);
}
.block{
    display: block;
}
.inline-block{
    display: inline-block;
}
.flex{
    display: flex;
}
.inline-flex{
    display: inline-flex;
}
.table{
    display: table;
}
.grid{
    display: grid;
}
.hidden{
    display: none;
}
.aspect-\[1\.04\]{
    aspect-ratio: 1.04;
}
.aspect-\[1642\/597\]{
    aspect-ratio: 1642/597;
}
.size-12{
    width: 3rem;
    height: 3rem;
}
.size-5{
    width: 1.25rem;
    height: 1.25rem;
}
.size-px{
    width: 1px;
    height: 1px;
}
.h-12{
    height: 3rem;
}
.h-\[100svh\]{
    height: 100svh;
}
.h-\[105\%\]{
    height: 105%;
}
.h-\[140px\]{
    height: 140px;
}
.h-\[170px\]{
    height: 170px;
}
.h-\[175px\]{
    height: 175px;
}
.h-\[19\%\]{
    height: 19%;
}
.h-\[25px\]{
    height: 25px;
}
.h-\[280px\]{
    height: 280px;
}
.h-\[35px\]{
    height: 35px;
}
.h-\[44\%\]{
    height: 44%;
}
.h-\[46px\]{
    height: 46px;
}
.h-\[55\%\]{
    height: 55%;
}
.h-\[5px\]{
    height: 5px;
}
.h-\[61\%\]{
    height: 61%;
}
.h-\[65\%\]{
    height: 65%;
}
.h-\[7px\]{
    height: 7px;
}
.h-\[clamp\(420px\2c _45vw\2c _650px\)\]{
    height: clamp(420px, 45vw, 650px);
}
.h-\[var\(--wheel-size\)\]{
    height: var(--wheel-size);
}
.h-auto{
    height: auto;
}
.h-full{
    height: 100%;
}
.h-px{
    height: 1px;
}
.min-h-24{
    min-height: 6rem;
}
.min-h-28{
    min-height: 7rem;
}
.min-h-\[130px\]{
    min-height: 130px;
}
.min-h-\[245px\]{
    min-height: 245px;
}
.min-h-\[640px\]{
    min-height: 640px;
}
.min-h-\[95px\]{
    min-height: 95px;
}
.min-h-\[clamp\(440px\2c _37vw\2c _540px\)\]{
    min-height: clamp(440px, 37vw, 540px);
}
.min-h-screen{
    min-height: 100vh;
}
.w-7{
    width: 1.75rem;
}
.w-\[128\%\]{
    width: 128%;
}
.w-\[132\.28\%\]{
    width: 132.28%;
}
.w-\[140px\]{
    width: 140px;
}
.w-\[170px\]{
    width: 170px;
}
.w-\[174px\]{
    width: 174px;
}
.w-\[175px\]{
    width: 175px;
}
.w-\[176px\]{
    width: 176px;
}
.w-\[220px\]{
    width: 220px;
}
.w-\[23\%\]{
    width: 23%;
}
.w-\[25px\]{
    width: 25px;
}
.w-\[280px\]{
    width: 280px;
}
.w-\[35px\]{
    width: 35px;
}
.w-\[44\%\]{
    width: 44%;
}
.w-\[46px\]{
    width: 46px;
}
.w-\[52\%\]{
    width: 52%;
}
.w-\[5px\]{
    width: 5px;
}
.w-\[66\%\]{
    width: 66%;
}
.w-\[67\%\]{
    width: 67%;
}
.w-\[7px\]{
    width: 7px;
}
.w-\[86px\]{
    width: 86px;
}
.w-\[calc\(100\%_-_44px\)\]{
    width: calc(100% - 44px);
}
.w-\[min\(100\%\2c _1440px\)\]{
    width: min(100%, 1440px);
}
.w-\[min\(100\%\2c _460px\)\]{
    width: min(100%, 460px);
}
.w-\[var\(--wheel-size\)\]{
    width: var(--wheel-size);
}
.w-fit{
    width: fit-content;
}
.w-full{
    width: 100%;
}
.w-max{
    width: max-content;
}
.min-w-0{
    min-width: 0px;
}
.min-w-\[max\(1100px\2c _calc\(min\(100vw\2c _1440px\)_-_clamp\(24px\2c _3\.5vw\2c _64px\)_\*_2\)\)\]{
    min-width: max(1100px, calc(min(100vw, 1440px) - clamp(24px, 3.5vw, 64px) * 2));
}
.max-w-\[290px\]{
    max-width: 290px;
}
.max-w-\[300px\]{
    max-width: 300px;
}
.max-w-\[345px\]{
    max-width: 345px;
}
.max-w-\[360px\]{
    max-width: 360px;
}
.max-w-\[370px\]{
    max-width: 370px;
}
.max-w-\[38ch\]{
    max-width: 38ch;
}
.max-w-\[420px\]{
    max-width: 420px;
}
.max-w-\[440px\]{
    max-width: 440px;
}
.max-w-\[450px\]{
    max-width: 450px;
}
.max-w-\[510px\]{
    max-width: 510px;
}
.max-w-\[540px\]{
    max-width: 540px;
}
.max-w-\[570px\]{
    max-width: 570px;
}
.max-w-\[620px\]{
    max-width: 620px;
}
.max-w-\[680px\]{
    max-width: 680px;
}
.max-w-\[720px\]{
    max-width: 720px;
}
.max-w-\[870px\]{
    max-width: 870px;
}
.max-w-\[90\%\]{
    max-width: 90%;
}
.max-w-\[930px\]{
    max-width: 930px;
}
.max-w-full{
    max-width: 100%;
}
.max-w-none{
    max-width: none;
}
.shrink-0{
    flex-shrink: 0;
}
.table-fixed{
    table-layout: fixed;
}
.border-collapse{
    border-collapse: collapse;
}
.transform{
    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));
}
.cursor-pointer{
    cursor: pointer;
}
.list-none{
    list-style-type: none;
}
.grid-cols-2{
    grid-template-columns: 1fr 1fr;
}
.grid-cols-3{
    grid-template-columns: repeat(3, 1fr);
}
.grid-cols-\[1\.5fr_1fr\]{
    grid-template-columns: 1.5fr 1fr;
}
.grid-cols-\[1\.7fr_1fr_1fr_\.8fr\]{
    grid-template-columns: 1.7fr 1fr 1fr .8fr;
}
.grid-cols-\[1fr_\.9fr\]{
    grid-template-columns: 1fr .9fr;
}
.flex-col{
    flex-direction: column;
}
.flex-wrap{
    flex-wrap: wrap;
}
.place-content-center{
    place-content: center;
}
.place-items-center{
    place-items: center;
}
.items-center{
    align-items: center;
}
.justify-end{
    justify-content: flex-end;
}
.justify-center{
    justify-content: center;
}
.justify-between{
    justify-content: space-between;
}
.gap-12{
    gap: 3rem;
}
.gap-16{
    gap: 4rem;
}
.gap-2{
    gap: 0.5rem;
}
.gap-2\.5{
    gap: 0.625rem;
}
.gap-3{
    gap: 0.75rem;
}
.gap-4{
    gap: 1rem;
}
.gap-5{
    gap: 1.25rem;
}
.gap-6{
    gap: 1.5rem;
}
.gap-7{
    gap: 1.75rem;
}
.gap-\[22px\]{
    gap: 22px;
}
.gap-\[25px\]{
    gap: 25px;
}
.gap-\[70px\]{
    gap: 70px;
}
.gap-\[85px\]{
    gap: 85px;
}
.gap-\[92px\]{
    gap: 92px;
}
.gap-\[clamp\(28px\2c _3vw\2c _58px\)\]{
    gap: clamp(28px, 3vw, 58px);
}
.gap-\[clamp\(48px\2c _5vw\2c _96px\)\]{
    gap: clamp(48px, 5vw, 96px);
}
.gap-x-\[18px\]{
    column-gap: 18px;
}
.gap-y-2\.5{
    row-gap: 0.625rem;
}
.overflow-hidden{
    overflow: hidden;
}
.overflow-clip{
    overflow: clip;
}
.whitespace-nowrap{
    white-space: nowrap;
}
.text-balance{
    text-wrap: balance;
}
.rounded{
    border-radius: 0.25rem;
}
.rounded-2xl{
    border-radius: 1rem;
}
.rounded-3xl{
    border-radius: 1.5rem;
}
.rounded-\[40px\]{
    border-radius: 40px;
}
.rounded-\[45\%_30\%_0_0\]{
    border-radius: 45% 30% 0 0;
}
.rounded-\[45\%_40\%_48\%_45\%\]{
    border-radius: 45% 40% 48% 45%;
}
.rounded-\[50\%\]{
    border-radius: 50%;
}
.rounded-\[5px\]{
    border-radius: 5px;
}
.rounded-full{
    border-radius: 999px;
}
.rounded-lg{
    border-radius: 0.5rem;
}
.border-0{
    border-width: 0px;
}
.bg-bg-dark{
    background-color: var(--bg-dark);
}
.bg-bg-dark-soft{
    background-color: var(--bg-dark-soft);
}
.bg-brand{
    background-color: var(--green-primary);
}
.bg-brand-bright{
    background-color: var(--green-bright);
}
.bg-brand-dark{
    background-color: var(--green-dark);
}
.bg-brand-deep{
    background-color: var(--green-deep);
}
.bg-brand-soft{
    background-color: var(--green-soft);
}
.bg-hero{
    background-color: var(--hero-bg);
}
.bg-paper{
    background-color: var(--paper);
}
.bg-surface{
    background-color: var(--white);
}
.bg-transparent{
    background-color: transparent;
}
.stroke-brand-mint{
    stroke: var(--line-green);
}
.p-0{
    padding: 0px;
}
.p-2{
    padding: 0.5rem;
}
.p-5{
    padding: 1.25rem;
}
.p-6{
    padding: 1.5rem;
}
.p-\[30px\]{
    padding: 30px;
}
.p-\[34px_clamp\(24px\2c _3\.5vw\2c _64px\)_24px_clamp\(24px\2c _3\.5vw\2c _64px\)\]{
    padding: 34px clamp(24px, 3.5vw, 64px) 24px clamp(24px, 3.5vw, 64px);
}
.p-\[48px_clamp\(24px\2c _3\.5vw\2c _64px\)_48px_clamp\(24px\2c _3\.5vw\2c _64px\)\]{
    padding: 48px clamp(24px, 3.5vw, 64px) 48px clamp(24px, 3.5vw, 64px);
}
.p-\[clamp\(30px\2c _2\.8vw\2c _42px\)\]{
    padding: clamp(30px, 2.8vw, 42px);
}
.px-0{
    padding-left: 0px;
    padding-right: 0px;
}
.px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.px-3\.5{
    padding-left: 0.875rem;
    padding-right: 0.875rem;
}
.px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}
.px-\[19px\]{
    padding-left: 19px;
    padding-right: 19px;
}
.px-\[22px\]{
    padding-left: 22px;
    padding-right: 22px;
}
.px-\[25px\]{
    padding-left: 25px;
    padding-right: 25px;
}
.px-\[30px\]{
    padding-left: 30px;
    padding-right: 30px;
}
.px-\[5\.5\%\]{
    padding-left: 5.5%;
    padding-right: 5.5%;
}
.px-page{
    padding-left: clamp(24px, 3.5vw, 64px);
    padding-right: clamp(24px, 3.5vw, 64px);
}
.py-0{
    padding-top: 0px;
    padding-bottom: 0px;
}
.py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.py-3\.5{
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
}
.py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.py-\[18px\]{
    padding-top: 18px;
    padding-bottom: 18px;
}
.py-\[9px\]{
    padding-top: 9px;
    padding-bottom: 9px;
}
.py-\[var\(--section-space\)\]{
    padding-top: var(--section-space);
    padding-bottom: var(--section-space);
}
.pb-2\.5{
    padding-bottom: 0.625rem;
}
.pb-3{
    padding-bottom: 0.75rem;
}
.pb-6{
    padding-bottom: 1.5rem;
}
.pb-\[100px\]{
    padding-bottom: 100px;
}
.pb-\[110px\]{
    padding-bottom: 110px;
}
.pb-\[115px\]{
    padding-bottom: 115px;
}
.pb-\[155px\]{
    padding-bottom: 155px;
}
.pb-\[27px\]{
    padding-bottom: 27px;
}
.pb-\[45px\]{
    padding-bottom: 45px;
}
.pb-\[62px\]{
    padding-bottom: 62px;
}
.pb-\[72px\]{
    padding-bottom: 72px;
}
.pb-\[84px\]{
    padding-bottom: 84px;
}
.pl-5{
    padding-left: 1.25rem;
}
.pr-0{
    padding-right: 0px;
}
.pr-\[clamp\(48px\2c _5vw\2c _96px\)\]{
    padding-right: clamp(48px, 5vw, 96px);
}
.pt-0{
    padding-top: 0px;
}
.pt-14{
    padding-top: 3.5rem;
}
.pt-3{
    padding-top: 0.75rem;
}
.pt-4{
    padding-top: 1rem;
}
.pt-6{
    padding-top: 1.5rem;
}
.pt-\[100px\]{
    padding-top: 100px;
}
.pt-\[155px\]{
    padding-top: 155px;
}
.pt-\[18px\]{
    padding-top: 18px;
}
.pt-\[25px\]{
    padding-top: 25px;
}
.pt-\[54px\]{
    padding-top: 54px;
}
.pt-\[75px\]{
    padding-top: 75px;
}
.pt-\[82px\]{
    padding-top: 82px;
}
.pt-\[84px\]{
    padding-top: 84px;
}
.pt-\[94px\]{
    padding-top: 94px;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.align-top{
    vertical-align: top;
}
.align-middle{
    vertical-align: middle;
}
.text-2xl{
    font-size: 24px;
}
.text-4xl{
    font-size: 36px;
}
.text-6xl{
    font-size: 60px;
}
.text-\[11px\]{
    font-size: 11px;
}
.text-\[19px\]{
    font-size: 19px;
}
.text-\[21px\]{
    font-size: 21px;
}
.text-\[22px\]{
    font-size: 22px;
}
.text-\[23px\]{
    font-size: 23px;
}
.text-\[25px\]{
    font-size: 25px;
}
.text-\[28px\]{
    font-size: 28px;
}
.text-\[29px\]{
    font-size: 29px;
}
.text-\[clamp\(16px\2c _1\.5vw\2c _21px\)\]{
    font-size: clamp(16px, 1.5vw, 21px);
}
.text-\[clamp\(24px\2c _2\.25vw\2c _32px\)\]{
    font-size: clamp(24px, 2.25vw, 32px);
}
.text-\[clamp\(24px\2c _2\.6vw\2c _38px\)\]{
    font-size: clamp(24px, 2.6vw, 38px);
}
.text-\[clamp\(28px\2c _2\.5vw\2c _38px\)\]{
    font-size: clamp(28px, 2.5vw, 38px);
}
.text-\[clamp\(28px\2c _2\.6vw\2c _40px\)\]{
    font-size: clamp(28px, 2.6vw, 40px);
}
.text-\[clamp\(29px\2c _2\.6vw\2c _39px\)\]{
    font-size: clamp(29px, 2.6vw, 39px);
}
.text-\[clamp\(30px\2c _2\.8vw\2c _42px\)\]{
    font-size: clamp(30px, 2.8vw, 42px);
}
.text-\[clamp\(30px\2c _2\.8vw\2c _43px\)\]{
    font-size: clamp(30px, 2.8vw, 43px);
}
.text-\[clamp\(30px\2c _3vw\2c _46px\)\]{
    font-size: clamp(30px, 3vw, 46px);
}
.text-base{
    font-size: 16px;
}
.text-lg{
    font-size: 18px;
}
.text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
}
.font-bold{
    font-weight: 700;
}
.font-normal{
    font-weight: 400;
}
.uppercase{
    text-transform: uppercase;
}
.italic{
    font-style: italic;
}
.leading-\[1\.08\]{
    line-height: 1.08;
}
.leading-\[1\.15\]{
    line-height: 1.15;
}
.leading-\[1\.28\]{
    line-height: 1.28;
}
.leading-\[1\.2\]{
    line-height: 1.2;
}
.leading-\[1\.3\]{
    line-height: 1.3;
}
.leading-\[1\.4\]{
    line-height: 1.4;
}
.leading-\[1\.55\]{
    line-height: 1.55;
}
.leading-none{
    line-height: 1;
}
.leading-normal{
    line-height: 1.5;
}
.tracking-\[-\.035em\]{
    letter-spacing: -.035em;
}
.tracking-\[-\.04em\]{
    letter-spacing: -.04em;
}
.tracking-\[-\.06em\]{
    letter-spacing: -.06em;
}
.tracking-\[\.03em\]{
    letter-spacing: .03em;
}
.tracking-\[\.05em\]{
    letter-spacing: .05em;
}
.tracking-\[\.06em\]{
    letter-spacing: .06em;
}
.tracking-\[\.08em\]{
    letter-spacing: .08em;
}
.tracking-\[\.09em\]{
    letter-spacing: .09em;
}
.tracking-\[\.1em\]{
    letter-spacing: .1em;
}
.tracking-normal{
    letter-spacing: 0em;
}
.tracking-tight{
    letter-spacing: -0.025em;
}
.text-brand-bright{
    color: var(--green-bright);
}
.text-brand-dark{
    color: var(--green-dark);
}
.text-inherit{
    color: inherit;
}
.text-ink{
    color: var(--bg-dark);
}
.text-ink-muted{
    color: var(--text-on-light);
}
.text-muted-light{
    color: var(--gray-light);
}
.text-white{
    color: var(--white);
}
.no-underline{
    text-decoration-line: none;
}
.opacity-80{
    opacity: 0.8;
}
.transition-opacity{
    transition-property: opacity;
    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-200{
    transition-duration: 200ms;
}
.duration-300{
    transition-duration: 300ms;
}
.ease-\[ease\]{
    transition-timing-function: ease;
}
.\[--section-space\:clamp\(100px\2c _10vw\2c _164px\)\]{
    --section-space: clamp(100px, 10vw, 164px);
}
.\[--wheel-angle\:0deg\]{
    --wheel-angle: 0deg;
}
.\[--wheel-size\:104px\]{
    --wheel-size: 104px;
}
.\[--wheel-x\:63\.75\%\]{
    --wheel-x: 63.75%;
}
.\[--wheel-y\:50\%\]{
    --wheel-y: 50%;
}
.\[-webkit-font-smoothing\:antialiased\]{
    -webkit-font-smoothing: antialiased;
}
.\[align-content\:center\]{
    align-content: center;
}
.\[align-self\:start\]{
    align-self: start;
}
.\[animation\:partner-marquee_40s_linear_infinite\]{
    animation: partner-marquee 40s linear infinite;
}
.\[background\:linear-gradient\(150deg\2c _var\(--green-dark\)\2c _var\(--green-primary\)_43\%\2c _var\(--green-deep\)_85\%\)\]{
    background: linear-gradient(150deg, var(--green-dark), var(--green-primary) 43%, var(--green-deep) 85%);
}
.\[background\:linear-gradient\(175deg\2c _var\(--green-dark\)\2c _var\(--bg-dark\)_80\%\)\]{
    background: linear-gradient(175deg, var(--green-dark), var(--bg-dark) 80%);
}
.\[background\:linear-gradient\(175deg\2c _var\(--green-soft\)_8\%\2c _var\(--gradient-mid\)_44\%\2c _var\(--green-deep\)_68\%\2c _var\(--bg-dark\)_95\%\)\]{
    background: linear-gradient(175deg, var(--green-soft) 8%, var(--gradient-mid) 44%, var(--green-deep) 68%, var(--bg-dark) 95%);
}
.\[background\:radial-gradient\(ellipse_at_28\%_20\%\2c _var\(--gradient-green\)\2c _transparent_52\%\)\2c _linear-gradient\(120deg\2c _var\(--green-dark\)\2c _var\(--green-deep\)_64\%\2c _var\(--bg-dark-soft\)\)\]{
    background: radial-gradient(ellipse at 28% 20%, var(--gradient-green), transparent 52%), linear-gradient(120deg, var(--green-dark), var(--green-deep) 64%, var(--bg-dark-soft));
}
.\[background\:repeating-conic-gradient\(var\(--green-deep\)_0deg_6deg\2c _var\(--white\)_6deg_9deg\)\]{
    background: repeating-conic-gradient(var(--green-deep) 0deg 6deg, var(--white) 6deg 9deg);
}
.\[border-bottom\:1px_solid_var\(--border-light\)\]{
    border-bottom: 1px solid var(--border-light);
}
.\[border-left\:1px_solid_var\(--border-light\)\]{
    border-left: 1px solid var(--border-light);
}
.\[border-top\:1px_solid_var\(--border-dark\)\]{
    border-top: 1px solid var(--border-dark);
}
.\[border-top\:1px_solid_var\(--border-light\)\]{
    border-top: 1px solid var(--border-light);
}
.\[border\:0_none_currentColor\]{
    border: 0 none currentColor;
}
.\[border\:1px_dashed_var\(--border-light\)\]{
    border: 1px dashed var(--border-light);
}
.\[border\:1px_dashed_var\(--white\)\]{
    border: 1px dashed var(--white);
}
.\[border\:1px_solid_var\(--border-dark\)\]{
    border: 1px solid var(--border-dark);
}
.\[border\:1px_solid_var\(--border-light\)\]{
    border: 1px solid var(--border-light);
}
.\[border\:1px_solid_var\(--line-green\)\]{
    border: 1px solid var(--line-green);
}
.\[box-shadow\:0_0_0_8px_var\(--green-soft\)\]{
    box-shadow: 0 0 0 8px var(--green-soft);
}
.\[box-shadow\:inset_0_14px_40px_var\(--green-sheen\)\2c _0_30px_50px_var\(--shadow-depth\)\]{
    box-shadow: inset 0 14px 40px var(--green-sheen), 0 30px 50px var(--shadow-depth);
}
.\[clip-path\:inset\(50\%\)\]{
    clip-path: inset(50%);
}
.\[filter\:invert\(1\)_hue-rotate\(180deg\)\]{
    filter: invert(1) hue-rotate(180deg);
}
.\[font-family\:Arial\2c _Helvetica\2c _sans-serif\]{
    font-family: Arial, Helvetica, sans-serif;
}
.\[font-family\:Georgia\2c _serif\]{
    font-family: Georgia, serif;
}
.\[font-family\:inherit\]{
    font-family: inherit;
}
.\[font-family\:monospace\]{
    font-family: monospace;
}
.\[font-stretch\:inherit\]{
    font-stretch: inherit;
}
.\[font-style\:inherit\]{
    font-style: inherit;
}
.\[font-variant\:inherit\]{
    font-variant: inherit;
}
.\[font-weight\:inherit\]{
    font-weight: inherit;
}
.\[stroke-width\:1\]{
    stroke-width: 1;
}
.\[text-shadow\:0_1px_15px_var\(--text-shadow\)\]{
    text-shadow: 0 1px 15px var(--text-shadow);
}
.\[transform\:rotate\(-12deg\)\]{
    transform: rotate(-12deg);
}
.\[transform\:rotate\(-15deg\)\]{
    transform: rotate(-15deg);
}
.\[transform\:rotate\(-17deg\)\]{
    transform: rotate(-17deg);
}
.\[transform\:rotate\(-20deg\)\]{
    transform: rotate(-20deg);
}
.\[transform\:rotate\(-8deg\)\]{
    transform: rotate(-8deg);
}
.\[transform\:rotate\(13deg\)\]{
    transform: rotate(13deg);
}
.\[transform\:rotate\(21deg\)\]{
    transform: rotate(21deg);
}
.\[transform\:rotate\(45deg\)\]{
    transform: rotate(45deg);
}
.\[transform\:rotate\(4deg\)\]{
    transform: rotate(4deg);
}
.\[transform\:rotate\(5deg\)\]{
    transform: rotate(5deg);
}
.\[transform\:rotate\(var\(--wheel-angle\)\)\]{
    transform: rotate(var(--wheel-angle));
}
.\[transform\:translate\(-50\%\2c _-50\%\)\]{
    transform: translate(-50%, -50%);
}
.\[transform\:translateY\(-180\%\)\]{
    transform: translateY(-180%);
}
.\[transform\:translateY\(-50\%\)\]{
    transform: translateY(-50%);
}
.\[vector-effect\:non-scaling-stroke\]{
    vector-effect: non-scaling-stroke;
}

@keyframes reveal-in {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes sticker-float {

  0%,
  100% {
    transform: translateY(0) rotate(var(--tilt));
  }

  50% {
    transform: translateY(-5px) rotate(calc(var(--tilt) + 1deg));
  }
}

@keyframes partner-marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

/* Palette-only rules for existing shapes and interaction states. */
.circle-lines {
  color: var(--green-deep);
}

.eg-site :focus-visible {
  outline-color: var(--green-dark);
}

.section-dark :focus-visible,
.ownership :focus-visible,
.results :focus-visible {
  outline-color: var(--green-primary);
}

.pill:focus-visible {
  outline-color: var(--green-dark);
}

.site-nav .nav-contact:hover {
  border-color: var(--green-primary);
  color: var(--green-bright);
}

.footer-panel a:hover {
  color: var(--green-dark);
  text-decoration-color: var(--green-primary);
  border-color: var(--green-primary);
}

@media (min-width: 1200px) {
  .site-nav a:focus-visible {
    outline-color: var(--green-primary);
  }
}

@media (max-width: 1199px) {
  .site-nav .nav-contact {
    border-color: var(--border-light);
  }

  .site-nav .nav-contact:hover {
    color: var(--green-deep);
  }
}

/* The hero is a single viewport composition; only the 3D renderer moves the model. */
.hero-stage {
  --robot-height: 53.4%;
  --hero-bg: #050507;
  --hero-title-size: clamp(4.5rem, 5.5vw, 8rem);
  --hero-copy-left: 6.8%;
}

.hero-ambient {
  background: radial-gradient(ellipse 28% 43% at 56.5% 48%, rgba(0, 200, 255, .10), rgba(90, 60, 255, .06) 40%, transparent 70%);
}

.hero-header {
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.hero-structure-line { position: absolute; background: rgba(255, 255, 255, .07); }
.hero-line-v { top: 0; bottom: 0; width: 1px; }
.hero-line-v1 { left: 4%; }
.hero-line-v2 { left: 42%; }
.hero-line-v3 { left: 66%; }
.hero-line-v4 { left: 92%; }
.hero-line-h { left: 0; right: 0; height: 1px; }
.hero-line-h1 { top: 30%; }
.hero-line-h2 { top: 95%; }
.hero-orbit {
  position: absolute;
  left: 56.5%;
  top: 48%;
  width: min(76vh, 45vw);
  height: auto;
  transform: translate(-50%, -50%);
}
.hero-robot { left: 6.5%; right: -6.5%; }

.hero-headline { left: var(--hero-copy-left); top: 22%; width: 40%; }
.hero-eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 28px;
  color: rgba(255, 255, 255, .75);
  font: 10px/1.4 monospace;
  letter-spacing: .12em;
  white-space: nowrap;
}
.hero-eyebrow > span {
  width: 29px;
  height: 1px;
  flex: none;
  background: linear-gradient(90deg, var(--hero-cyan), var(--hero-violet));
}
.hero-editorial-title {
  margin: 0;
  font-size: var(--hero-title-size);
  font-weight: 400;
  line-height: .88;
  letter-spacing: -.045em;
}
.hero-editorial-title > span { display: block; white-space: nowrap; }
.hero-title-accent {
  width: max-content;
  color: transparent;
  background: linear-gradient(100deg, var(--hero-cyan), var(--hero-blue) 54%, var(--hero-violet));
  background-clip: text;
  -webkit-background-clip: text;
}
.hero-summary { pointer-events: none; }
.hero-secondary-copy {
  position: absolute;
  right: 9%;
  bottom: 16%;
  width: 22%;
  max-width: 340px;
  margin: 0;
  color: rgba(255, 255, 255, .75);
  font-size: 16px;
  line-height: 1.5;
}
.hero-actions {
  position: absolute;
  left: var(--hero-copy-left);
  top: calc(22% + 84px + var(--hero-title-size) * 4.4);
  display: flex;
  align-items: center;
  gap: 38px;
  pointer-events: auto;
}
.hero-project-link {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 238px;
  height: 58px;
  color: var(--white);
  font: 12px/1 monospace;
  letter-spacing: .12em;
  text-decoration: none;
  transition: color .2s, background-color .2s;
}
.hero-project-link svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.hero-project-link > span { font-size: 16px; }
.hero-project-link:hover { color: var(--hero-cyan); background-color: rgba(0, 200, 255, .045); }
.hero-contact-link {
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(255, 255, 255, .4);
  color: var(--white);
  font: 10px/1.4 monospace;
  letter-spacing: .1em;
  text-decoration: none;
  white-space: nowrap;
}
.hero-contact-link:hover { color: var(--hero-cyan); border-color: var(--hero-cyan); }
.hero-actions a:focus-visible { outline: 2px solid var(--hero-cyan); outline-offset: 5px; }
.hero-technical-label {
  position: absolute;
  color: rgba(255, 255, 255, .5);
  font: 11px/1.5 monospace;
  letter-spacing: .1em;
}
.hero-label-design { left: 38%; top: 17%; }
.hero-label-development { right: 10%; top: 28%; }
.hero-label-digital { right: 11%; top: 60%; }
.hero-label-connector {
  position: relative;
  display: block;
  width: 114px;
  height: 1px;
  margin-top: 9px;
  background: rgba(255, 255, 255, .18);
}
.hero-label-connector::after { content: ''; position: absolute; right: 0; top: -2px; width: 4px; height: 4px; background: rgba(145, 112, 255, .65); }
.hero-label-digital .hero-label-connector::after { background: rgba(0, 220, 255, .55); }
.hero-bottom-note {
  position: absolute;
  left: var(--hero-copy-left);
  bottom: 2.5%;
  color: rgba(255, 255, 255, .35);
  font: 10px/1.5 monospace;
  letter-spacing: .12em;
}
.hero-scroll {
  position: absolute;
  right: 4.3%;
  bottom: 12%;
  z-index: 6;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  color: rgba(255, 255, 255, .4);
  font: 10px/1 monospace;
  letter-spacing: .1em;
  text-decoration: none;
}
.hero-scroll:hover { color: var(--white); }
.hero-scroll-line { width: 1px; height: 32px; background: currentColor; }
.hero-scroll-arrow { font-size: 18px; }

@media (max-width: 1199px) and (min-width: 768px) {
  .hero-stage { --hero-title-size: clamp(42px, 5.5vw, 64px); --hero-copy-left: 5%; }
  .hero-eyebrow { font-size: 8px; gap: 8px; }
  .hero-eyebrow > span { width: 20px; }
  .hero-label-development { display: none; }
  .hero-label-digital { right: 7%; }
  .hero-label-design { left: 43%; }
  .hero-secondary-copy { right: 8%; bottom: 16%; width: 24%; font-size: 14px; }
  .hero-actions { gap: 22px; }
  .hero-project-link { width: 190px; height: 54px; font-size: 11px; }
  .hero-contact-link { font-size: 9px; }
  .hero-bottom-note { font-size: 9px; }
}

@media (max-width: 767px) {
  .hero-stage {
    --hero-title-size: clamp(26px, 8vw, 34px);
    --hero-copy-left: 24px;
  }
  .hero-headline { inset: 0; width: auto; pointer-events: none; }
  .hero-eyebrow { position: absolute; top: 104px; left: 24px; margin: 0; font-size: 8px; letter-spacing: .08em; gap: 10px; }
  .hero-eyebrow > span { width: 20px; }
  .hero-editorial-title { position: absolute; top: 136px; left: 24px; right: 24px; line-height: .96; }
  .hero-editorial-title > span { display: inline; white-space: normal; }
  .hero-editorial-title > span:nth-child(2)::after,
  .hero-editorial-title > span:nth-child(4)::after { content: ''; display: block; }
  .hero-robot { left: 0; right: 0; top: 9%; bottom: -9%; }
  .hero-ambient { background-position: center; }
  .hero-orbit { left: 50%; top: 57%; width: 96%; }
  .hero-orbit-secondary, .hero-line-v2, .hero-line-v3, .hero-line-h1,
  .hero-label-development, .hero-label-digital { display: none; }
  .hero-label-design { left: 24px; top: 29%; font-size: 9px; }
  .hero-label-connector { width: 66px; }
  .hero-secondary-copy { bottom: 92px; left: 24px; right: 24px; width: auto; max-width: none; font-size: 13px; line-height: 1.45; }
  .hero-actions { top: auto; bottom: 24px; left: 24px; right: 24px; gap: 20px; }
  .hero-project-link { width: 176px; height: 44px; font-size: 10px; gap: 10px; flex: none; }
  .hero-contact-link { font-size: 8px; }
  .hero-bottom-note { display: none; }
  .hero-scroll { display: none; }
}

@media (max-width: 767px) and (max-height: 800px) {
  .hero-eyebrow { top: 94px; }
  .hero-editorial-title { top: 121px; font-size: clamp(25px, 7.2vw, 29px); }
  .hero-robot { top: 8.5%; bottom: -8.5%; }
  .hero-orbit { top: 56.5%; }
  .hero-secondary-copy { bottom: 84px; font-size: 12px; }
  .hero-actions { bottom: 20px; }
}

@media (max-width: 767px) and (max-height: 700px) {
  .hero-eyebrow { top: 84px; font-size: 7px; }
  .hero-editorial-title { top: 106px; font-size: 22px; }
  .hero-robot { top: 8%; bottom: -8%; }
  .hero-orbit { top: 56%; }
  .hero-secondary-copy { bottom: 66px; font-size: 11px; }
  .hero-actions { bottom: 12px; gap: 15px; }
  .hero-project-link { width: 162px; height: 40px; font-size: 9px; }
  .hero-contact-link { font-size: 7px; }
}

.hero-robot canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.hero-robot-poster {
  position: absolute;
  top: 46.8%;
  left: 50%;
  width: auto;
  height: var(--robot-height);
  max-width: 86%;
  object-fit: contain;
  transform: translate(-50%, -50%);
}

.hero-stage.is-model-ready .hero-robot-poster {
  visibility: hidden;
}

.hero-header :focus-visible,
.hero-stage :focus-visible {
  outline-color: var(--hero-cyan);
}

.hero-scroll-arrow {
  animation: hero-scroll 2.6s ease-in-out infinite;
}

@media (prefers-reduced-motion: no-preference) {
  /* Preserve entrance delays; let scroll control opacity after they finish. */
  .hero-stage.is-scroll-ready :is(.hero-ui, .hero-notes, .hero-headline, .hero-summary, .hero-scroll) {
    animation-fill-mode: backwards;
  }
  .hero-ui { animation: hero-interface-in 450ms ease-out both; }
  .hero-notes { animation: hero-content-in 450ms 120ms ease-out both; }
  .hero-robot { animation: hero-model-in 700ms 250ms cubic-bezier(.22, 1, .36, 1) both; }
  .hero-headline { animation: hero-content-in 700ms 550ms cubic-bezier(.22, 1, .36, 1) both; }
  .hero-summary { animation: hero-content-in 550ms 950ms ease-out both; }
  .hero-scroll { animation: hero-content-in 450ms 1050ms ease-out both; }
}

@media (max-width: 1199px) {
  .hero-stage { --robot-height: 51.6%; }
}

@media (max-width: 767px) {
  .hero-stage { --robot-height: clamp(300px, 46.3vh, 397px); }
}

@keyframes hero-interface-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes hero-content-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes hero-model-in {
  from { opacity: 0; transform: scale(.96); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes hero-scroll {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(3px); }
}

.hover\:underline:hover{
    text-decoration-line: underline;
}

.hover\:underline-offset-4:hover{
    text-underline-offset: 4px;
}

.hover\:opacity-70:hover{
    opacity: 0.7;
}

@media (prefers-reduced-motion: reduce){

    .motion-reduce\:w-full{
        width: 100%;
    }

    .motion-reduce\:min-w-0{
        min-width: 0px;
    }

    .motion-reduce\:flex-wrap{
        flex-wrap: wrap;
    }

    .motion-reduce\:justify-center{
        justify-content: center;
    }

    .motion-reduce\:gap-x-7{
        column-gap: 1.75rem;
    }

    .motion-reduce\:gap-y-5{
        row-gap: 1.25rem;
    }

    .motion-reduce\:pr-0{
        padding-right: 0px;
    }

    .motion-reduce\:\[animation\:none\]{
        animation: none;
    }

    .motion-reduce\:\[transform\:none\]{
        transform: none;
    }
}

@media (max-width: 1199px){

    .max-xl\:absolute{
        position: absolute;
    }

    .max-xl\:left-\[190px\]{
        left: 190px;
    }

    .max-xl\:left-\[5\.5\%\]{
        left: 5.5%;
    }

    .max-xl\:right-7{
        right: 1.75rem;
    }

    .max-xl\:right-\[5\.5\%\]{
        right: 5.5%;
    }

    .max-xl\:top-full{
        top: 100%;
    }

    .max-xl\:ml-\[25\%\]{
        margin-left: 25%;
    }

    .max-xl\:ml-\[5\%\]{
        margin-left: 5%;
    }

    .max-xl\:min-h-20{
        min-height: 5rem;
    }

    .max-xl\:w-4{
        width: 1rem;
    }

    .max-xl\:flex-wrap{
        flex-wrap: wrap;
    }

    .max-xl\:justify-between{
        justify-content: space-between;
    }

    .max-xl\:gap-3{
        gap: 0.75rem;
    }

    .max-xl\:gap-\[30px\]{
        gap: 30px;
    }

    .max-xl\:gap-\[35px\]{
        gap: 35px;
    }

    .max-xl\:gap-\[45px\]{
        gap: 45px;
    }

    .max-xl\:border{
        border-width: 1px;
    }

    .max-xl\:border-solid{
        border-style: solid;
    }

    .max-xl\:border-hero-line{
        border-color: var(--hero-line);
    }

    .max-xl\:bg-hero{
        background-color: var(--hero-bg);
    }

    .max-xl\:p-6{
        padding: 1.5rem;
    }

    .max-xl\:text-base{
        font-size: 16px;
    }

    .max-xl\:\[--wheel-size\:80px\]{
        --wheel-size: 80px;
    }
}

@media (max-width: 767px){

    .max-md\:relative{
        position: relative;
    }

    .max-md\:left-20{
        left: 5rem;
    }

    .max-md\:left-\[-32\%\]{
        left: -32%;
    }

    .max-md\:left-\[137px\]{
        left: 137px;
    }

    .max-md\:left-\[15\%\]{
        left: 15%;
    }

    .max-md\:left-\[22px\]{
        left: 22px;
    }

    .max-md\:left-\[calc\(35\.0625\%_\+_var\(--wheel-size\)_\/_2_\+_12px\)\]{
        left: calc(35.0625% + var(--wheel-size) / 2 + 12px);
    }

    .max-md\:right-0{
        right: 0px;
    }

    .max-md\:right-\[22px\]{
        right: 22px;
    }

    .max-md\:top-\[10\%\]{
        top: 10%;
    }

    .max-md\:top-\[145px\]{
        top: 145px;
    }

    .max-md\:top-\[216px\]{
        top: 216px;
    }

    .max-md\:top-\[247px\]{
        top: 247px;
    }

    .max-md\:top-\[91px\]{
        top: 91px;
    }

    .max-md\:col-span-full{
        grid-column: 1 / -1;
    }

    .max-md\:mx-auto{
        margin-left: auto;
        margin-right: auto;
    }

    .max-md\:my-3\.5{
        margin-top: 0.875rem;
        margin-bottom: 0.875rem;
    }

    .max-md\:mb-\[30px\]{
        margin-bottom: 30px;
    }

    .max-md\:ml-0{
        margin-left: 0px;
    }

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

    .max-md\:mt-0{
        margin-top: 0px;
    }

    .max-md\:mt-7{
        margin-top: 1.75rem;
    }

    .max-md\:mt-9{
        margin-top: 2.25rem;
    }

    .max-md\:mt-\[34px\]{
        margin-top: 34px;
    }

    .max-md\:mt-\[38px\]{
        margin-top: 38px;
    }

    .max-md\:mt-\[50px\]{
        margin-top: 50px;
    }

    .max-md\:mt-\[65px\]{
        margin-top: 65px;
    }

    .max-md\:mt-auto{
        margin-top: auto;
    }

    .max-md\:block{
        display: block;
    }

    .max-md\:inline{
        display: inline;
    }

    .max-md\:hidden{
        display: none;
    }

    .max-md\:size-40{
        width: 10rem;
        height: 10rem;
    }

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

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

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

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

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

    .max-md\:min-h-0{
        min-height: 0px;
    }

    .max-md\:min-h-20{
        min-height: 5rem;
    }

    .max-md\:min-h-\[430px\]{
        min-height: 430px;
    }

    .max-md\:w-3{
        width: 0.75rem;
    }

    .max-md\:w-\[110px\]{
        width: 110px;
    }

    .max-md\:w-\[140\%\]{
        width: 140%;
    }

    .max-md\:w-\[140px\]{
        width: 140px;
    }

    .max-md\:w-\[142px\]{
        width: 142px;
    }

    .max-md\:w-\[156px\]{
        width: 156px;
    }

    .max-md\:w-\[170\%\]{
        width: 170%;
    }

    .max-md\:w-\[180px\]{
        width: 180px;
    }

    .max-md\:w-\[245px\]{
        width: 245px;
    }

    .max-md\:w-\[55\%\]{
        width: 55%;
    }

    .max-md\:w-\[calc\(100\%_-_20px\)\]{
        width: calc(100% - 20px);
    }

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

    .max-md\:max-w-60{
        max-width: 15rem;
    }

    .max-md\:max-w-\[350px\]{
        max-width: 350px;
    }

    .max-md\:max-w-\[380px\]{
        max-width: 380px;
    }

    .max-md\:max-w-\[400px\]{
        max-width: 400px;
    }

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

    .max-md\:grid-cols-2{
        grid-template-columns: 1fr 1fr;
    }

    .max-md\:grid-cols-\[1fr\]{
        grid-template-columns: 1fr;
    }

    .max-md\:flex-col{
        flex-direction: column;
    }

    .max-md\:flex-wrap{
        flex-wrap: wrap;
    }

    .max-md\:items-start{
        align-items: flex-start;
    }

    .max-md\:justify-center{
        justify-content: center;
    }

    .max-md\:gap-16{
        gap: 4rem;
    }

    .max-md\:gap-2{
        gap: 0.5rem;
    }

    .max-md\:gap-2\.5{
        gap: 0.625rem;
    }

    .max-md\:gap-4{
        gap: 1rem;
    }

    .max-md\:gap-5{
        gap: 1.25rem;
    }

    .max-md\:gap-6{
        gap: 1.5rem;
    }

    .max-md\:gap-\[54px\]{
        gap: 54px;
    }

    .max-md\:gap-\[58px\]{
        gap: 58px;
    }

    .max-md\:gap-\[72px\]{
        gap: 72px;
    }

    .max-md\:gap-x-5{
        column-gap: 1.25rem;
    }

    .max-md\:gap-x-7{
        column-gap: 1.75rem;
    }

    .max-md\:gap-y-5{
        row-gap: 1.25rem;
    }

    .max-md\:gap-y-\[34px\]{
        row-gap: 34px;
    }

    .max-md\:rounded-3xl{
        border-radius: 1.5rem;
    }

    .max-md\:rounded-\[40px\]{
        border-radius: 40px;
    }

    .max-md\:p-6{
        padding: 1.5rem;
    }

    .max-md\:p-\[30px\]{
        padding: 30px;
    }

    .max-md\:px-0{
        padding-left: 0px;
        padding-right: 0px;
    }

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

    .max-md\:px-5{
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .max-md\:px-6{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .max-md\:px-\[11px\]{
        padding-left: 11px;
        padding-right: 11px;
    }

    .max-md\:px-\[18px\]{
        padding-left: 18px;
        padding-right: 18px;
    }

    .max-md\:px-\[22px\]{
        padding-left: 22px;
        padding-right: 22px;
    }

    .max-md\:px-\[7px\]{
        padding-left: 7px;
        padding-right: 7px;
    }

    .max-md\:py-1\.5{
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
    }

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

    .max-md\:py-6{
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .max-md\:py-7{
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }

    .max-md\:py-\[68px\]{
        padding-top: 68px;
        padding-bottom: 68px;
    }

    .max-md\:py-\[72px\]{
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .max-md\:py-\[76px\]{
        padding-top: 76px;
        padding-bottom: 76px;
    }

    .max-md\:pb-10{
        padding-bottom: 2.5rem;
    }

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

    .max-md\:pb-20{
        padding-bottom: 5rem;
    }

    .max-md\:pb-3{
        padding-bottom: 0.75rem;
    }

    .max-md\:pb-5{
        padding-bottom: 1.25rem;
    }

    .max-md\:pb-\[18px\]{
        padding-bottom: 18px;
    }

    .max-md\:pb-\[90px\]{
        padding-bottom: 90px;
    }

    .max-md\:pb-\[95px\]{
        padding-bottom: 95px;
    }

    .max-md\:pt-0{
        padding-top: 0px;
    }

    .max-md\:pt-5{
        padding-top: 1.25rem;
    }

    .max-md\:pt-8{
        padding-top: 2rem;
    }

    .max-md\:pt-\[66px\]{
        padding-top: 66px;
    }

    .max-md\:pt-\[75px\]{
        padding-top: 75px;
    }

    .max-md\:pt-\[95px\]{
        padding-top: 95px;
    }

    .max-md\:text-3xl{
        font-size: 30px;
    }

    .max-md\:text-5xl{
        font-size: 48px;
    }

    .max-md\:text-\[27px\]{
        font-size: 27px;
    }

    .max-md\:text-\[29px\]{
        font-size: 29px;
    }

    .max-md\:text-\[31px\]{
        font-size: 31px;
    }

    .max-md\:text-\[32px\]{
        font-size: 32px;
    }

    .max-md\:text-\[34px\]{
        font-size: 34px;
    }

    .max-md\:text-base{
        font-size: 16px;
    }

    .max-md\:\[--section-space\:80px\]{
        --section-space: 80px;
    }

    .max-md\:\[--wheel-size\:64px\]{
        --wheel-size: 64px;
    }

    .max-md\:\[border-top\:0_none_currentColor\]{
        border-top: 0 none currentColor;
    }
}

@media (min-width: 768px) and (max-width: 1023px){

    .tablet\:left-\[104px\]{
        left: 104px;
    }

    .tablet\:left-\[137px\]{
        left: 137px;
    }

    .tablet\:top-\[214px\]{
        top: 214px;
    }

    .tablet\:top-\[254px\]{
        top: 254px;
    }

    .tablet\:mt-\[70px\]{
        margin-top: 70px;
    }

    .tablet\:h-\[115px\]{
        height: 115px;
    }

    .tablet\:h-\[145px\]{
        height: 145px;
    }

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

    .tablet\:w-\[115px\]{
        width: 115px;
    }

    .tablet\:w-\[145px\]{
        width: 145px;
    }

    .tablet\:grid-cols-2{
        grid-template-columns: 1fr 1fr;
    }

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

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

    .tablet\:gap-4{
        gap: 1rem;
    }

    .tablet\:gap-7{
        gap: 1.75rem;
    }

    .tablet\:gap-\[52px\]{
        gap: 52px;
    }

    .tablet\:p-6{
        padding: 1.5rem;
    }

    .tablet\:py-\[25px\]{
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .tablet\:text-2xl{
        font-size: 24px;
    }

    .tablet\:text-3xl{
        font-size: 30px;
    }

    .tablet\:\[--section-space\:100px\]{
        --section-space: 100px;
    }
}

.\[\&\.is-scrollable\]\:h-\[calc\(var\(--program-height\)_\+_var\(--program-distance\)_\+_40px\)\].is-scrollable{
    height: calc(var(--program-height) + var(--program-distance) + 40px);
}

.\[\&\:\:after\]\:absolute::after{
    position: absolute;
}

.\[\&\:\:after\]\:right-0::after{
    right: 0px;
}

.\[\&\:\:after\]\:top-0::after{
    top: 0px;
}

.\[\&\:\:after\]\:h-\[90px\]::after{
    height: 90px;
}

.\[\&\:\:after\]\:w-\[120px\]::after{
    width: 120px;
}

.\[\&\:\:after\]\:bg-surface::after{
    background-color: var(--white);
}

.\[\&\:\:after\]\:\[clip-path\:polygon\(0_0\2c _100\%_0\2c _100\%_100\%\)\]::after{
    clip-path: polygon(0 0, 100% 0, 100% 100%);
}

.\[\&\:\:after\]\:\[content\:\'\'\]::after{
    content: '';
}

@media (max-width: 767px){

    .max-md\:\[\&\:\:after\]\:h-10::after{
        height: 2.5rem;
    }

    .max-md\:\[\&\:\:after\]\:w-\[55px\]::after{
        width: 55px;
    }
}

.\[\&\:\:before\]\:absolute::before{
    position: absolute;
}

.\[\&\:\:before\]\:bottom-0::before{
    bottom: 0px;
}

.\[\&\:\:before\]\:left-\[50\%\]::before{
    left: 50%;
}

.\[\&\:\:before\]\:top-0::before{
    top: 0px;
}

.\[\&\:\:before\]\:w-px::before{
    width: 1px;
}

.\[\&\:\:before\]\:\[background\:var\(--line-green\)\]::before{
    background: var(--line-green);
}

.\[\&\:\:before\]\:\[content\:\'\'\]::before{
    content: '';
}

.\[\&\:focus-visible\]\:\[outline-offset\:5px\]:focus-visible{
    outline-offset: 5px;
}

.\[\&\:focus-visible\]\:\[outline\:3px_solid_var\(--green-primary\)\]:focus-visible{
    outline: 3px solid var(--green-primary);
}

.\[\&\:focus\]\:visible:focus{
    visibility: visible;
}

.\[\&\:focus\]\:translate-y-0:focus{
    --tw-translate-y: 0px;
    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\]\:-translate-y-1:hover{
    --tw-translate-y: -0.25rem;
    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-brand-bright:hover{
    background-color: var(--green-bright);
}

@media (prefers-reduced-motion: reduce){

    .motion-reduce\:\[\&\[aria-hidden\=true\]\]\:hidden[aria-hidden=true]{
        display: none;
    }
}

.\[\&\[data-reveal\]\]\:opacity-100[data-reveal]{
    opacity: 1;
}

.\[\&\[id\]\]\:scroll-mt-7[id]{
    scroll-margin-top: 1.75rem;
}

.\[\&_\*\:\:after\]\:box-border *::after{
    box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce){

    .motion-reduce\:\[\&_\*\:\:after\]\:\!\[animation\:none\] *::after{
        animation: none !important;
    }

    .motion-reduce\:\[\&_\*\:\:after\]\:\!\[scroll-behavior\:auto\] *::after{
        scroll-behavior: auto !important;
    }

    .motion-reduce\:\[\&_\*\:\:after\]\:\!\[transition\:none\] *::after{
        transition: none !important;
    }
}

.\[\&_\*\:\:before\]\:box-border *::before{
    box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce){

    .motion-reduce\:\[\&_\*\:\:before\]\:\!\[animation\:none\] *::before{
        animation: none !important;
    }

    .motion-reduce\:\[\&_\*\:\:before\]\:\!\[scroll-behavior\:auto\] *::before{
        scroll-behavior: auto !important;
    }

    .motion-reduce\:\[\&_\*\:\:before\]\:\!\[transition\:none\] *::before{
        transition: none !important;
    }
}

.\[\&_\*\]\:box-border *{
    box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce){

    .motion-reduce\:\[\&_\*\]\:\!\[animation\:none\] *{
        animation: none !important;
    }

    .motion-reduce\:\[\&_\*\]\:\!\[scroll-behavior\:auto\] *{
        scroll-behavior: auto !important;
    }

    .motion-reduce\:\[\&_\*\]\:\!\[transition\:none\] *{
        transition: none !important;
    }
}

.\[\&_\.custom-logo-link\]\:inline-flex .custom-logo-link{
    display: inline-flex;
}

.\[\&_\.custom-logo-link\]\:text-inherit .custom-logo-link{
    color: inherit;
}

.\[\&_\.custom-logo-link\]\:no-underline .custom-logo-link{
    text-decoration-line: none;
}

.\[\&_\.custom-logo\]\:h-auto .custom-logo{
    height: auto;
}

.\[\&_\.custom-logo\]\:max-h-10 .custom-logo{
    max-height: 2.5rem;
}

.\[\&_\.custom-logo\]\:w-auto .custom-logo{
    width: auto;
}

.\[\&_\.custom-logo\]\:max-w-\[180px\] .custom-logo{
    max-width: 180px;
}

.\[\&_\.custom-logo\]\:object-contain .custom-logo{
    object-fit: contain;
}

.\[\&_\.reveal-pending\]\:opacity-0 .reveal-pending{
    opacity: 0;
}

.\[\&_\.reveal-pending\]\:\[transform\:translateY\(18px\)\] .reveal-pending{
    transform: translateY(18px);
}

.\[\&_\.reveal-visible\]\:\[animation\:reveal-in_\.7s_ease_both\] .reveal-visible{
    animation: reveal-in .7s ease both;
}

.\[\&_\[hidden\]\]\:hidden [hidden]{
    display: none;
}

.case-timeline .\[\.case-timeline_\&\:\:before\]\:absolute::before{
    position: absolute;
}

.case-timeline .\[\.case-timeline_\&\:\:before\]\:left-\[-3\.5px\]::before{
    left: -3.5px;
}

.case-timeline .\[\.case-timeline_\&\:\:before\]\:top-1\.5::before{
    top: 0.375rem;
}

.case-timeline .\[\.case-timeline_\&\:\:before\]\:size-1\.5::before{
    width: 0.375rem;
    height: 0.375rem;
}

.case-timeline .\[\.case-timeline_\&\:\:before\]\:rounded-\[50\%\]::before{
    border-radius: 50%;
}

.case-timeline .\[\.case-timeline_\&\:\:before\]\:bg-brand-dark::before{
    background-color: var(--green-dark);
}

.case-timeline .\[\.case-timeline_\&\:\:before\]\:\[content\:\'\'\]::before{
    content: '';
}

@media (max-width: 767px){

    .comparison-table .max-md\:\[\.comparison-table_\&\:\:before\]\:mb-\[5px\]::before{
        margin-bottom: 5px;
    }

    .comparison-table .max-md\:\[\.comparison-table_\&\:\:before\]\:block::before{
        display: block;
    }

    .comparison-table .max-md\:\[\.comparison-table_\&\:\:before\]\:text-base::before{
        font-size: 16px;
    }

    .comparison-table .max-md\:\[\.comparison-table_\&\:\:before\]\:uppercase::before{
        text-transform: uppercase;
    }

    .comparison-table .max-md\:\[\.comparison-table_\&\:\:before\]\:tracking-\[\.06em\]::before{
        letter-spacing: .06em;
    }

    .comparison-table .max-md\:\[\.comparison-table_\&\:\:before\]\:text-brand-dark::before{
        color: var(--green-dark);
    }

    .comparison-table .max-md\:\[\.comparison-table_\&\:\:before\]\:\[content\:attr\(data-label\)\]::before{
        content: attr(data-label);
    }
}

.contact-copy .\[\.contact-copy_\&\:disabled\]\:cursor-not-allowed:disabled{
    cursor: not-allowed;
}

.faq-list.is-ready .faq-panel.is-open > .\[\.faq-list\.is-ready_\.faq-panel\.is-open_\>_\&\]\:visible{
    visibility: visible;
}

.faq-list.is-ready .faq-panel > .\[\.faq-list\.is-ready_\.faq-panel_\>_\&\]\:invisible{
    visibility: hidden;
}

.faq-list.is-ready .faq-panel > .\[\.faq-list\.is-ready_\.faq-panel_\>_\&\]\:min-h-0{
    min-height: 0px;
}

.faq-list.is-ready .faq-panel > .\[\.faq-list\.is-ready_\.faq-panel_\>_\&\]\:overflow-hidden{
    overflow: hidden;
}

.faq-list.is-ready .faq-panel > .\[\.faq-list\.is-ready_\.faq-panel_\>_\&\]\:\[transition\:visibility_\.25s\]{
    transition: visibility .25s;
}

.is-scrollable .\[\.is-scrollable_\&\]\:sticky{
    position: sticky;
}

.is-scrollable .\[\.is-scrollable_\&\]\:top-6{
    top: 1.5rem;
}

@media (max-width: 767px){

    .is-scrollable .max-md\:\[\.is-scrollable_\&\]\:top-3{
        top: 0.75rem;
    }
}

.partner-viewport:focus-within .\[\.partner-viewport\:focus-within_\&\]\:\[animation-play-state\:paused\]{
    animation-play-state: paused;
}

.partner-viewport:hover .\[\.partner-viewport\:hover_\&\]\:\[animation-play-state\:paused\]{
    animation-play-state: paused;
}

.pill:hover .\[\.pill\:hover_\&\]\:-translate-y-0\.5{
    --tw-translate-y: -0.125rem;
    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));
}

.pill:hover .\[\.pill\:hover_\&\]\:translate-x-0\.5{
    --tw-translate-x: 0.125rem;
    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));
}

.program-ready .\[\.program-ready_\&\.is-active\]\:pointer-events-auto.is-active{
    pointer-events: auto;
}

.program-ready .\[\.program-ready_\&\.is-active\]\:visible.is-active{
    visibility: visible;
}

.program-ready .\[\.program-ready_\&\.is-active\]\:opacity-100.is-active{
    opacity: 1;
}

.program-ready .\[\.program-ready_\&\.is-at-center\]\:visible.is-at-center{
    visibility: visible;
}

.program-ready .\[\.program-ready_\&\.is-at-center\]\:opacity-100.is-at-center{
    opacity: 1;
}

.program-ready .\[\.program-ready_\&\.is-at-center\]\:\[transition\:opacity_\.3s_ease\].is-at-center{
    transition: opacity .3s ease;
}

.program-ready .\[\.program-ready_\&\]\:pointer-events-none{
    pointer-events: none;
}

.program-ready .\[\.program-ready_\&\]\:invisible{
    visibility: hidden;
}

.program-ready .\[\.program-ready_\&\]\:mt-0{
    margin-top: 0px;
}

.program-ready .\[\.program-ready_\&\]\:grid{
    display: grid;
}

.program-ready .\[\.program-ready_\&\]\:gap-0{
    gap: 0px;
}

.program-ready .\[\.program-ready_\&\]\:opacity-0{
    opacity: 0;
}

.program-ready .\[\.program-ready_\&\]\:\[grid-area\:1_\/_1\]{
    grid-area: 1 / 1;
}

.program-ready .\[\.program-ready_\&\]\:\[transition\:opacity_\.4s_ease\2c _visibility_\.4s\]{
    transition: opacity .4s ease, visibility .4s;
}

@media (max-height: 760px){

    .program-ready .short\:\[\.program-ready_\&\]\:mb-5{
        margin-bottom: 1.25rem;
    }

    .program-ready .short\:\[\.program-ready_\&\]\:mt-2\.5{
        margin-top: 0.625rem;
    }

    .program-ready .short\:\[\.program-ready_\&\]\:mt-\[18px\]{
        margin-top: 18px;
    }

    .program-ready .short\:\[\.program-ready_\&\]\:min-h-0{
        min-height: 0px;
    }

    .program-ready .short\:\[\.program-ready_\&\]\:gap-\[18px\]{
        gap: 18px;
    }

    .program-ready .short\:\[\.program-ready_\&\]\:py-6{
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}

@media (max-width: 767px) and (max-height: 760px){

    .program-ready .mobile-short\:\[\.program-ready_\&\]\:mt-4{
        margin-top: 1rem;
    }

    .program-ready .mobile-short\:\[\.program-ready_\&\]\:h-\[110px\]{
        height: 110px;
    }

    .program-ready .mobile-short\:\[\.program-ready_\&\]\:p-5{
        padding: 1.25rem;
    }

    .program-ready .mobile-short\:\[\.program-ready_\&\]\:text-base{
        font-size: 16px;
    }
}

.program-ready .program-caption .\[\.program-ready_\.program-caption_\&\.is-active\]\:visible.is-active{
    visibility: visible;
}

.program-ready .program-caption .\[\.program-ready_\.program-caption_\&\.is-active\]\:opacity-100.is-active{
    opacity: 1;
}

.program-ready .program-caption .\[\.program-ready_\.program-caption_\&\]\:invisible{
    visibility: hidden;
}

.program-ready .program-caption .\[\.program-ready_\.program-caption_\&\]\:opacity-0{
    opacity: 0;
}

.program-ready .program-caption .\[\.program-ready_\.program-caption_\&\]\:\[grid-area\:1_\/_1\]{
    grid-area: 1 / 1;
}

.program-ready .program-caption .\[\.program-ready_\.program-caption_\&\]\:\[transition\:opacity_\.4s_ease\2c _visibility_\.4s\]{
    transition: opacity .4s ease, visibility .4s;
}

@media (max-height: 760px){

    .program-ready .program-copy .short\:\[\.program-ready_\.program-copy_\&\]\:mt-3{
        margin-top: 0.75rem;
    }
}

@media (max-width: 767px) and (max-height: 760px){

    .program-ready .program-copy .mobile-short\:\[\.program-ready_\.program-copy_\&\]\:text-\[23px\]{
        font-size: 23px;
    }

    .program-ready .program-header .mobile-short\:\[\.program-ready_\.program-header_\&\]\:text-\[26px\]{
        font-size: 26px;
    }
}

@media (max-height: 760px){

    .program-ready .program-lists .short\:\[\.program-ready_\.program-lists_\&\]\:mb-2\.5{
        margin-bottom: 0.625rem;
    }
}

@media (max-width: 767px){

    .program-section:not(.program-ready) .max-md\:\[\.program-section\:not\(\.program-ready\)_\&\]\:min-h-\[420px\]{
        min-height: 420px;
    }
}

@media (max-width: 1199px){

    .site-header.nav-ready.menu-open .max-xl\:\[\.site-header\.nav-ready\.menu-open_\&\]\:flex{
        display: flex;
    }

    .site-header.nav-ready .max-xl\:\[\.site-header\.nav-ready_\&\]\:inline-flex{
        display: inline-flex;
    }

    .site-header.nav-ready .max-xl\:\[\.site-header\.nav-ready_\&\]\:hidden{
        display: none;
    }
}