@layer properties{
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){
    *,:before,:after,::backdrop{
      --tw-translate-x:0;
      --tw-translate-y:0;
      --tw-translate-z:0;
      --tw-rotate-x:initial;
      --tw-rotate-y:initial;
      --tw-rotate-z:initial;
      --tw-skew-x:initial;
      --tw-skew-y:initial;
      --tw-space-y-reverse:0;
      --tw-divide-y-reverse:0;
      --tw-border-style:solid;
      --tw-gradient-position:initial;
      --tw-gradient-from:#0000;
      --tw-gradient-via:#0000;
      --tw-gradient-to:#0000;
      --tw-gradient-stops:initial;
      --tw-gradient-via-stops:initial;
      --tw-gradient-from-position:0%;
      --tw-gradient-via-position:50%;
      --tw-gradient-to-position:100%;
      --tw-leading:initial;
      --tw-font-weight:initial;
      --tw-tracking:initial;
      --tw-shadow:0 0 #0000;
      --tw-shadow-color:initial;
      --tw-shadow-alpha:100%;
      --tw-inset-shadow:0 0 #0000;
      --tw-inset-shadow-color:initial;
      --tw-inset-shadow-alpha:100%;
      --tw-ring-color:initial;
      --tw-ring-shadow:0 0 #0000;
      --tw-inset-ring-color:initial;
      --tw-inset-ring-shadow:0 0 #0000;
      --tw-ring-inset:initial;
      --tw-ring-offset-width:0px;
      --tw-ring-offset-color:#fff;
      --tw-ring-offset-shadow:0 0 #0000;
      --tw-blur:initial;
      --tw-brightness:initial;
      --tw-contrast:initial;
      --tw-grayscale:initial;
      --tw-hue-rotate:initial;
      --tw-invert:initial;
      --tw-opacity:initial;
      --tw-saturate:initial;
      --tw-sepia:initial;
      --tw-drop-shadow:initial;
      --tw-drop-shadow-color:initial;
      --tw-drop-shadow-alpha:100%;
      --tw-drop-shadow-size:initial;
      --tw-backdrop-blur:initial;
      --tw-backdrop-brightness:initial;
      --tw-backdrop-contrast:initial;
      --tw-backdrop-grayscale:initial;
      --tw-backdrop-hue-rotate:initial;
      --tw-backdrop-invert:initial;
      --tw-backdrop-opacity:initial;
      --tw-backdrop-saturate:initial;
      --tw-backdrop-sepia:initial;
      --tw-duration:initial
    }
  }
}
@layer theme{
  :root,:host{
    --font-sans:"Quicksand","Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    --font-serif:"Quicksand","Nunito","Avenir Next",system-ui,sans-serif;
    --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --color-black:#000;
    --color-white:#fff;
    --spacing:.25rem;
    --container-sm:24rem;
    --container-md:28rem;
    --container-xl:36rem;
    --container-2xl:42rem;
    --container-3xl:48rem;
    --text-xs:.75rem;
    --text-xs--line-height:calc(1/.75);
    --text-sm:.875rem;
    --text-sm--line-height:calc(1.25/.875);
    --text-base:1rem;
    --text-base--line-height:calc(1.5/1);
    --text-lg:1.125rem;
    --text-lg--line-height:calc(1.75/1.125);
    --text-xl:1.25rem;
    --text-xl--line-height:calc(1.75/1.25);
    --text-2xl:1.5rem;
    --text-2xl--line-height:calc(2/1.5);
    --text-3xl:1.875rem;
    --text-3xl--line-height:calc(2.25/1.875);
    --text-4xl:2.25rem;
    --text-4xl--line-height:calc(2.5/2.25);
    --text-5xl:3rem;
    --text-5xl--line-height:1;
    --font-weight-medium:500;
    --font-weight-semibold:600;
    --tracking-tight:-.025em;
    --tracking-wider:.05em;
    --tracking-widest:.1em;
    --leading-tight:1.25;
    --leading-snug:1.375;
    --radius-md:.375rem;
    --radius-lg:.5rem;
    --radius-xl:.75rem;
    --radius-2xl:1rem;
    --radius-3xl:1.5rem;
    --blur-md:12px;
    --default-transition-duration:.15s;
    --default-transition-timing-function:cubic-bezier(.4,0,.2,1);
    --default-font-family:var(--font-sans);
    --default-mono-font-family:var(--font-mono);
    --color-brand-50:#ecf8fb;
    --color-brand-100:#d6eef4;
    --color-brand-200:#aedde9;
    --color-brand-300:#82d0e0;
    --color-brand-400:#4fbcd1;
    --color-brand-500:#1fa8c9;
    --color-brand-600:#0e86a6;
    --color-brand-700:#0a6a87;
    --color-brand-800:#074e63;
    --color-leaf-50:#f0f7eb;
    --color-leaf-100:#dcecc9;
    --color-leaf-400:#7cb342;
    --color-leaf-500:#5a9332;
    --color-leaf-600:#436b22;
    --color-cream:#faf7f0;
    --color-ink-900:#0f1f23;
    --color-ink-800:#1a2d2e;
    --color-ink-700:#2c3e40;
    --color-ink-500:#6a7c80;
    --color-ink-400:#93a2a5;
    --color-ink-300:#bdc7c9;
    --font-arabic:"Tajawal","Noto Sans Arabic",system-ui,sans-serif
  }
}
@layer base{
  *,:after,:before,::backdrop{
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }
  ::file-selector-button{
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }
  html,:host{
    -webkit-text-size-adjust:100%;
    tab-size:4;
    line-height:1.5;
    font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
    font-feature-settings:var(--default-font-feature-settings,normal);
    font-variation-settings:var(--default-font-variation-settings,normal);
    -webkit-tap-highlight-color:transparent
  }
  hr{
    height:0;
    color:inherit;
    border-top-width:1px
  }
  abbr:where([title]){
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
  }
  h1,h2,h3,h4,h5,h6{
    font-size:inherit;
    font-weight:inherit
  }
  a{
    color:inherit;
    -webkit-text-decoration:inherit;
    -webkit-text-decoration:inherit;
    -webkit-text-decoration:inherit;
    -webkit-text-decoration:inherit;
    text-decoration:inherit
  }
  b,strong{
    font-weight:bolder
  }
  code,kbd,samp,pre{
    font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
    font-feature-settings:var(--default-mono-font-feature-settings,normal);
    font-variation-settings:var(--default-mono-font-variation-settings,normal);
    font-size:1em
  }
  small{
    font-size:80%
  }
  sub,sup{
    vertical-align:baseline;
    font-size:75%;
    line-height:0;
    position:relative
  }
  sub{
    bottom:-.25em
  }
  sup{
    top:-.5em
  }
  table{
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse
  }
  :-moz-focusring{
    outline:auto
  }
  progress{
    vertical-align:baseline
  }
  summary{
    display:list-item
  }
  ol,ul,menu{
    list-style:none
  }
  img,svg,video,canvas,audio,iframe,embed,object{
    vertical-align:middle;
    display:block
  }
  img,video{
    max-width:100%;
    height:auto
  }
  button,input,select,optgroup,textarea{
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }
  ::file-selector-button{
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }
  :where(select:is([multiple],[size])) optgroup{
    font-weight:bolder
  }
  :where(select:is([multiple],[size])) optgroup option{
    padding-inline-start:20px
  }
  ::file-selector-button{
    margin-inline-end:4px
  }
  ::placeholder{
    opacity:1
  }
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){
    ::placeholder{
      color:currentColor
    }
    @supports (color:color-mix(in lab, red, red)){
      ::placeholder{
        color:color-mix(in oklab,currentcolor 50%,transparent)
      }
    }
  }
  textarea{
    resize:vertical
  }
  ::-webkit-search-decoration{
    -webkit-appearance:none
  }
  ::-webkit-date-and-time-value{
    min-height:1lh;
    text-align:inherit
  }
  ::-webkit-datetime-edit{
    display:inline-flex
  }
  ::-webkit-datetime-edit-fields-wrapper{
    padding:0
  }
  ::-webkit-datetime-edit{
    padding-block:0
  }
  ::-webkit-datetime-edit-year-field{
    padding-block:0
  }
  ::-webkit-datetime-edit-month-field{
    padding-block:0
  }
  ::-webkit-datetime-edit-day-field{
    padding-block:0
  }
  ::-webkit-datetime-edit-hour-field{
    padding-block:0
  }
  ::-webkit-datetime-edit-minute-field{
    padding-block:0
  }
  ::-webkit-datetime-edit-second-field{
    padding-block:0
  }
  ::-webkit-datetime-edit-millisecond-field{
    padding-block:0
  }
  ::-webkit-datetime-edit-meridiem-field{
    padding-block:0
  }
  ::-webkit-calendar-picker-indicator{
    line-height:1
  }
  :-moz-ui-invalid{
    box-shadow:none
  }
  button,input:where([type=button],[type=reset],[type=submit]){
    appearance:button
  }
  ::file-selector-button{
    appearance:button
  }
  ::-webkit-inner-spin-button{
    height:auto
  }
  ::-webkit-outer-spin-button{
    height:auto
  }
  [hidden]:where(:not([hidden=until-found])){
    display:none!important
  }
}
@layer components;
@layer utilities{
  .absolute{
    position:absolute
  }
  .relative{
    position:relative
  }
  .sticky{
    position:sticky
  }
  .inset-0{
    inset:0
  }
  .top-0{
    top:0
  }
  .top-1\.5{
    top:calc(var(--spacing)*1.5)
  }
  .top-1\/2{
    top:50%
  }
  .top-3{
    top:calc(var(--spacing)*3)
  }
  .top-6{
    top:calc(var(--spacing)*6)
  }
  .top-full{
    top:100%
  }
  .right-3{
    right:calc(var(--spacing)*3)
  }
  .right-6{
    right:calc(var(--spacing)*6)
  }
  .bottom-4{
    bottom:calc(var(--spacing)*4)
  }
  .bottom-6{
    bottom:calc(var(--spacing)*6)
  }
  .-left-\[42px\]{
    left:-42px
  }
  .left-0{
    left:0
  }
  .left-1\/2{
    left:50%
  }
  .left-3{
    left:calc(var(--spacing)*3)
  }
  .isolate{
    isolation:isolate
  }
  .z-10{
    z-index:10
  }
  .z-20{
    z-index:20
  }
  .z-50{
    z-index:50
  }
  .order-last{
    order:9999
  }
  .mx-auto{
    margin-inline:auto
  }
  .mt-0\.5{
    margin-top:calc(var(--spacing)*.5)
  }
  .mt-1{
    margin-top:var(--spacing)
  }
  .mt-1\.5{
    margin-top:calc(var(--spacing)*1.5)
  }
  .mt-2{
    margin-top:calc(var(--spacing)*2)
  }
  .mt-3{
    margin-top:calc(var(--spacing)*3)
  }
  .mt-3\.5{
    margin-top:calc(var(--spacing)*3.5)
  }
  .mt-4{
    margin-top:calc(var(--spacing)*4)
  }
  .mt-5{
    margin-top:calc(var(--spacing)*5)
  }
  .mt-6{
    margin-top:calc(var(--spacing)*6)
  }
  .mt-8{
    margin-top:calc(var(--spacing)*8)
  }
  .mt-10{
    margin-top:calc(var(--spacing)*10)
  }
  .mt-12{
    margin-top:calc(var(--spacing)*12)
  }
  .mt-14{
    margin-top:calc(var(--spacing)*14)
  }
  .mt-auto{
    margin-top:auto
  }
  .mr-1\.5{
    margin-right:calc(var(--spacing)*1.5)
  }
  .mb-8{
    margin-bottom:calc(var(--spacing)*8)
  }
  .mb-10{
    margin-bottom:calc(var(--spacing)*10)
  }
  .ml-3{
    margin-left:calc(var(--spacing)*3)
  }
  .line-clamp-3{
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden
  }
  .block{
    display:block
  }
  .flex{
    display:flex
  }
  .grid{
    display:grid
  }
  .hidden{
    display:none
  }
  .inline{
    display:inline
  }
  .inline-block{
    display:inline-block
  }
  .inline-flex{
    display:inline-flex
  }
  .table{
    display:table
  }
  .aspect-\[4\/5\]{
    aspect-ratio:4/5
  }
  .aspect-\[16\/10\]{
    aspect-ratio:16/10
  }
  .aspect-square{
    aspect-ratio:1
  }
  .h-4{
    height:calc(var(--spacing)*4)
  }
  .h-5{
    height:calc(var(--spacing)*5)
  }
  .h-7{
    height:calc(var(--spacing)*7)
  }
  .h-8{
    height:calc(var(--spacing)*8)
  }
  .h-9{
    height:calc(var(--spacing)*9)
  }
  .h-10{
    height:calc(var(--spacing)*10)
  }
  .h-11{
    height:calc(var(--spacing)*11)
  }
  .h-12{
    height:calc(var(--spacing)*12)
  }
  .h-14{
    height:calc(var(--spacing)*14)
  } .h-15{
    height:calc(var(--spacing)*15)
  }.md\:h-16{
    height:calc(var(--spacing)*16)
  }
  .h-full{
    height:100%
  }
  .min-h-\[420px\]{
    min-height:420px
  }
  .min-h-\[inherit\]{
    min-height:inherit
  }
  .w-4{
    width:calc(var(--spacing)*4)
  }
  .w-5{
    width:calc(var(--spacing)*5)
  }
  .w-7{
    width:calc(var(--spacing)*7)
  }
  .w-8{
    width:calc(var(--spacing)*8)
  }
  .w-9{
    width:calc(var(--spacing)*9)
  }
  .w-10{
    width:calc(var(--spacing)*10)
  }
  .w-11{
    width:calc(var(--spacing)*11)
  }
  .w-12{
    width:calc(var(--spacing)*12)
  }
  .w-auto{
    width:auto
  }
  .w-full{
    width:100%
  }
  .max-w-2xl{
    max-width:var(--container-2xl)
  }
  .max-w-3xl{
    max-width:var(--container-3xl)
  }
  .max-w-\[260px\]{
    max-width:260px
  }
  .max-w-\[460px\]{
    max-width:460px
  }
  .max-w-md{
    max-width:var(--container-md)
  }
  .max-w-sm{
    max-width:var(--container-sm)
  }
  .max-w-xl{
    max-width:var(--container-xl)
  }
  .min-w-\[200px\]{
    min-width:200px
  }
  .flex-1{
    flex:1
  }
  .flex-shrink-0{
    flex-shrink:0
  }
  .-translate-x-1\/2{
    --tw-translate-x:calc(calc(1/2*100%)*-1);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }
  .-translate-y-1\/2{
    --tw-translate-y:calc(calc(1/2*100%)*-1);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }
  .transform{
    transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)
  }
  .cursor-pointer{
    cursor:pointer
  }
  .list-none{
    list-style-type:none
  }
  .grid-cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .flex-col{
    flex-direction:column
  }
  .flex-wrap{
    flex-wrap:wrap
  }
  .items-center{
    align-items:center
  }
  .items-start{
    align-items:flex-start
  }
  .justify-between{
    justify-content:space-between
  }
  .justify-center{
    justify-content:center
  }
  .justify-end{
    justify-content:flex-end
  }
  .gap-1{
    gap:var(--spacing)
  }
  .gap-1\.5{
    gap:calc(var(--spacing)*1.5)
  }
  .gap-2{
    gap:calc(var(--spacing)*2)
  }
  .gap-2\.5{
    gap:calc(var(--spacing)*2.5)
  }
  .gap-3{
    gap:calc(var(--spacing)*3)
  }
  .gap-4{
    gap:calc(var(--spacing)*4)
  }
  .gap-5{
    gap:calc(var(--spacing)*5)
  }
  .gap-6{
    gap:calc(var(--spacing)*6)
  }
  .gap-7{
    gap:calc(var(--spacing)*7)
  }
  .gap-8{
    gap:calc(var(--spacing)*8)
  }
  .gap-10{
    gap:calc(var(--spacing)*10)
  }
  .gap-12{
    gap:calc(var(--spacing)*12)
  }
  :where(.space-y-1>:not(:last-child)){
    --tw-space-y-reverse:0;
    margin-block-start:calc(var(--spacing)*var(--tw-space-y-reverse));
    margin-block-end:calc(var(--spacing)*calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-1\.5>:not(:last-child)){
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-2>:not(:last-child)){
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-10>:not(:last-child)){
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))
  }
  .gap-x-5{
    column-gap:calc(var(--spacing)*5)
  }
  .gap-x-6{
    column-gap:calc(var(--spacing)*6)
  }
  .gap-y-2{
    row-gap:calc(var(--spacing)*2)
  }
  .gap-y-4{
    row-gap:calc(var(--spacing)*4)
  }
  :where(.divide-y>:not(:last-child)){
    --tw-divide-y-reverse:0;
    border-bottom-style:var(--tw-border-style);
    border-top-style:var(--tw-border-style);
    border-top-width:calc(1px*var(--tw-divide-y-reverse));
    border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))
  }
  :where(.divide-ink-300\/70>:not(:last-child)){
    border-color:#bdc7c9b3
  }
  @supports (color:color-mix(in lab, red, red)){
    :where(.divide-ink-300\/70>:not(:last-child)){
      border-color:color-mix(in oklab,var(--color-ink-300)70%,transparent)
    }
  }
  .self-start{
    align-self:flex-start
  }
  .justify-self-start{
    justify-self:flex-start
  }
  .overflow-hidden{
    overflow:hidden
  }
  .rounded-2xl{
    border-radius:var(--radius-2xl)
  }
  .rounded-3xl{
    border-radius:var(--radius-3xl)
  }
  .rounded-full{
    border-radius:3.40282e38px
  }
  .rounded-lg{
    border-radius:var(--radius-lg)
  }
  .rounded-md{
    border-radius:var(--radius-md)
  }
  .rounded-xl{
    border-radius:var(--radius-xl)
  }
  .border{
    border-style:var(--tw-border-style);
    border-width:1px
  }
  .border-y{
    border-block-style:var(--tw-border-style);
    border-block-width:1px
  }
  .border-t{
    border-top-style:var(--tw-border-style);
    border-top-width:1px
  }
  .border-b{
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:1px
  }
  .border-l{
    border-left-style:var(--tw-border-style);
    border-left-width:1px
  }
  .border-brand-200{
    border-color:var(--color-brand-200)
  }
  .border-ink-300{
    border-color:var(--color-ink-300)
  }
  .border-ink-300\/60{
    border-color:#bdc7c999
  }
  @supports (color:color-mix(in lab, red, red)){
    .border-ink-300\/60{
      border-color:color-mix(in oklab,var(--color-ink-300)60%,transparent)
    }
  }
  .border-ink-300\/70{
    border-color:#bdc7c9b3
  }
  @supports (color:color-mix(in lab, red, red)){
    .border-ink-300\/70{
      border-color:color-mix(in oklab,var(--color-ink-300)70%,transparent)
    }
  }
  .border-white\/10{
    border-color:#ffffff1a
  }
  @supports (color:color-mix(in lab, red, red)){
    .border-white\/10{
      border-color:color-mix(in oklab,var(--color-white)10%,transparent)
    }
  }
  .border-white\/40{
    border-color:#fff6
  }
  @supports (color:color-mix(in lab, red, red)){
    .border-white\/40{
      border-color:color-mix(in oklab,var(--color-white)40%,transparent)
    }
  }
  .bg-\[rgba\(255\,255\,255\,0\.92\)\]{
    background-color:#ffffffeb
  }
  .bg-black{
    background-color:var(--color-black)
  }
  .bg-brand-50{
    background-color:var(--color-brand-50)
  }
  .bg-brand-100{
    background-color:var(--color-brand-100)
  }
  .bg-brand-500{
    background-color:var(--color-brand-500)
  }
  .bg-brand-600{
    background-color:var(--color-brand-600)
  }
  .bg-cream{
    background-color:var(--color-cream)
  }
  .bg-ink-900{
    background-color:var(--color-ink-900)
  }
  .bg-leaf-50{
    background-color:var(--color-leaf-50)
  }
  .bg-leaf-500{
    background-color:var(--color-leaf-500)
  }
  .bg-white{
    background-color:var(--color-white)
  }
  .bg-white\/15{
    background-color:#ffffff26
  }
  @supports (color:color-mix(in lab, red, red)){
    .bg-white\/15{
      background-color:color-mix(in oklab,var(--color-white)15%,transparent)
    }
  }
  .bg-white\/20{
    background-color:#fff3
  }
  @supports (color:color-mix(in lab, red, red)){
    .bg-white\/20{
      background-color:color-mix(in oklab,var(--color-white)20%,transparent)
    }
  }
  .bg-white\/85{
    background-color:#ffffffd9
  }
  @supports (color:color-mix(in lab, red, red)){
    .bg-white\/85{
      background-color:color-mix(in oklab,var(--color-white)85%,transparent)
    }
  }
  .bg-white\/90{
    background-color:#ffffffe6
  }
  @supports (color:color-mix(in lab, red, red)){
    .bg-white\/90{
      background-color:color-mix(in oklab,var(--color-white)90%,transparent)
    }
  }
  .bg-gradient-to-br{
    --tw-gradient-position:to bottom right in oklab;
    background-image:linear-gradient(var(--tw-gradient-stops))
  }
  .bg-gradient-to-r{
    --tw-gradient-position:to right in oklab;
    background-image:linear-gradient(var(--tw-gradient-stops))
  }
  .bg-gradient-to-t{
    --tw-gradient-position:to top in oklab;
    background-image:linear-gradient(var(--tw-gradient-stops))
  }
  .from-black\/55{
    --tw-gradient-from:#0000008c
  }
  @supports (color:color-mix(in lab, red, red)){
    .from-black\/55{
      --tw-gradient-from:color-mix(in oklab,var(--color-black)55%,transparent)
    }
  }
  .from-black\/55{
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .from-black\/85{
    --tw-gradient-from:#000000d9
  }
  @supports (color:color-mix(in lab, red, red)){
    .from-black\/85{
      --tw-gradient-from:color-mix(in oklab,var(--color-black)85%,transparent)
    }
  }
  .from-black\/85{
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .from-brand-100{
    --tw-gradient-from:var(--color-brand-100);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .via-black\/60{
    --tw-gradient-via:#0009
  }
  @supports (color:color-mix(in lab, red, red)){
    .via-black\/60{
      --tw-gradient-via:color-mix(in oklab,var(--color-black)60%,transparent)
    }
  }
  .via-black\/60{
    --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-via-stops)
  }
  .via-transparent{
    --tw-gradient-via:transparent;
    --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-via-stops)
  }
  .to-black\/15{
    --tw-gradient-to:#00000026
  }
  @supports (color:color-mix(in lab, red, red)){
    .to-black\/15{
      --tw-gradient-to:color-mix(in oklab,var(--color-black)15%,transparent)
    }
  }
  .to-black\/15{
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .to-leaf-100{
    --tw-gradient-to:var(--color-leaf-100);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .to-transparent{
    --tw-gradient-to:transparent;
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .bg-cover{
    background-size:cover
  }
  .bg-center{
    background-position:50%
  }
  .object-cover{
    object-fit:cover
  }
  .object-\[center_30\%\]{
    object-position:center 30%
  }
  .object-\[center_35\%\]{
    object-position:center 35%
  }
  .object-\[center_45\%\]{
    object-position:center 45%
  }
  .p-1\.5{
    padding:calc(var(--spacing)*1.5)
  }
  .p-2{
    padding:calc(var(--spacing)*2)
  }
  .p-3\.5{
    padding:calc(var(--spacing)*3.5)
  }
  .p-4{
    padding:calc(var(--spacing)*4)
  }
  .p-5{
    padding:calc(var(--spacing)*5)
  }
  .p-6{
    padding:calc(var(--spacing)*6)
  }
  .p-7{
    padding:calc(var(--spacing)*7)
  }
  .p-8{
    padding:calc(var(--spacing)*8)
  }
  .px-2{
    padding-inline:calc(var(--spacing)*2)
  }
  .px-2\.5{
    padding-inline:calc(var(--spacing)*2.5)
  }
  .px-3{
    padding-inline:calc(var(--spacing)*3)
  }
  .px-3\.5{
    padding-inline:calc(var(--spacing)*3.5)
  }
  .px-4{
    padding-inline:calc(var(--spacing)*4)
  }
  .px-5{
    padding-inline:calc(var(--spacing)*5)
  }
  .px-6{
    padding-inline:calc(var(--spacing)*6)
  }
  .py-1{
    padding-block:var(--spacing)
  }
  .py-1\.5{
    padding-block:calc(var(--spacing)*1.5)
  }
  .py-2{
    padding-block:calc(var(--spacing)*2)
  }
  .py-2\.5{
    padding-block:calc(var(--spacing)*2.5)
  }
  .py-3{
    padding-block:calc(var(--spacing)*3)
  }
  .py-3\.5{
    padding-block:calc(var(--spacing)*3.5)
  }
  .py-4{
    padding-block:calc(var(--spacing)*4)
  }
  .py-5{
    padding-block:calc(var(--spacing)*5)
  }
  .py-6{
    padding-block:calc(var(--spacing)*6)
  }
  .py-8{
    padding-block:calc(var(--spacing)*8)
  }
  .pt-3{
    padding-top:calc(var(--spacing)*3)
  }
  .pt-4{
    padding-top:calc(var(--spacing)*4)
  }
  .pt-6{
    padding-top:calc(var(--spacing)*6)
  }
  .pt-10{
    padding-top:calc(var(--spacing)*10)
  }
  .pb-2{
    padding-bottom:calc(var(--spacing)*2)
  }
  .pb-6{
    padding-bottom:calc(var(--spacing)*6)
  }
  .pl-3{
    padding-left:calc(var(--spacing)*3)
  }
  .pl-8{
    padding-left:calc(var(--spacing)*8)
  }
  .text-center{
    text-align:center
  }
  .font-serif{
    font-family:var(--font-serif)
  }
  .text-2xl{
    font-size:var(--text-2xl);
    line-height:var(--tw-leading,var(--text-2xl--line-height))
  }
  .text-3xl{
    font-size:var(--text-3xl);
    line-height:var(--tw-leading,var(--text-3xl--line-height))
  }
  .text-4xl{
    font-size:var(--text-4xl);
    line-height:var(--tw-leading,var(--text-4xl--line-height))
  }
  .text-5xl{
    font-size:var(--text-5xl);
    line-height:var(--tw-leading,var(--text-5xl--line-height))
  }
  .text-base{
    font-size:var(--text-base);
    line-height:var(--tw-leading,var(--text-base--line-height))
  }
  .text-lg{
    font-size:var(--text-lg);
    line-height:var(--tw-leading,var(--text-lg--line-height))
  }
  .text-sm{
    font-size:var(--text-sm);
    line-height:var(--tw-leading,var(--text-sm--line-height))
  }
  .text-xl{
    font-size:var(--text-xl);
    line-height:var(--tw-leading,var(--text-xl--line-height))
  }
  .text-xs{
    font-size:var(--text-xs);
    line-height:var(--tw-leading,var(--text-xs--line-height))
  }
  .text-\[11px\]{
    font-size:11px
  }
  .text-\[12px\]{
    font-size:12px
  }
  .text-\[13px\]{
    font-size:13px
  }
  .text-\[15px\]{
    font-size:15px
  }
  .text-\[clamp\(1\.8rem\,3\.6vw\,2\.6rem\)\]{
    font-size:clamp(1.8rem,3.6vw,2.6rem)
  }
  .text-\[clamp\(1\.9rem\,4\.4vw\,3\.4rem\)\]{
    font-size:clamp(1.9rem,4.4vw,3.4rem)
  }
  .text-\[clamp\(2\.2rem\,4\.8vw\,3\.6rem\)\]{
    font-size:clamp(2.2rem,4.8vw,3.6rem)
  }
  .text-\[clamp\(2rem\,4\.2vw\,3rem\)\]{
    font-size:clamp(2rem,4.2vw,3rem)
  }
  .leading-5{
    --tw-leading:calc(var(--spacing)*5);
    line-height:calc(var(--spacing)*5)
  }
  .leading-6{
    --tw-leading:calc(var(--spacing)*6);
    line-height:calc(var(--spacing)*6)
  }
  .leading-7{
    --tw-leading:calc(var(--spacing)*7);
    line-height:calc(var(--spacing)*7)
  }
  .leading-\[1\.08\]{
    --tw-leading:1.08;
    line-height:1.08
  }
  .leading-snug{
    --tw-leading:var(--leading-snug);
    line-height:var(--leading-snug)
  }
  .leading-tight{
    --tw-leading:var(--leading-tight);
    line-height:var(--leading-tight)
  }
  .font-medium{
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium)
  }
  .font-semibold{
    --tw-font-weight:var(--font-weight-semibold);
    font-weight:var(--font-weight-semibold)
  }
  .tracking-\[0\.18em\]{
    --tw-tracking:.18em;
    letter-spacing:.18em
  }
  .tracking-tight{
    --tw-tracking:var(--tracking-tight);
    letter-spacing:var(--tracking-tight)
  }
  .tracking-wider{
    --tw-tracking:var(--tracking-wider);
    letter-spacing:var(--tracking-wider)
  }
  .tracking-widest{
    --tw-tracking:var(--tracking-widest);
    letter-spacing:var(--tracking-widest)
  }
  .\!text-brand-500{
    color:var(--color-brand-500)!important
  }
  .text-brand-100{
    color:var(--color-brand-100)
  }
  .text-brand-200{
    color:var(--color-brand-200)
  }
  .text-brand-500{
    color:var(--color-brand-500)
  }
  .text-brand-600{
    color:var(--color-brand-600)
  }
  .text-brand-700{
    color:var(--color-brand-700)
  }
  .text-brand-800{
    color:var(--color-brand-800)
  }
  .text-ink-300{
    color:var(--color-ink-300)
  }
  .text-ink-400{
    color:var(--color-ink-400)
  }
  .text-ink-500{
    color:var(--color-ink-500)
  }
  .text-ink-700{
    color:var(--color-ink-700)
  }
  .text-ink-800{
    color:var(--color-ink-800)
  }
  .text-ink-900{
    color:var(--color-ink-900)
  }
  .text-leaf-500{
    color:var(--color-leaf-500)
  }
  .text-leaf-600{
    color:var(--color-leaf-600)
  }
  .text-white{
    color:var(--color-white)
  }
  .text-white\/85{
    color:#ffffffd9
  }
  @supports (color:color-mix(in lab, red, red)){
    .text-white\/85{
      color:color-mix(in oklab,var(--color-white)85%,transparent)
    }
  }
  .uppercase{
    text-transform:uppercase
  }
  .italic{
    font-style:italic
  }
  .shadow{
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .shadow-\[0_18px_40px_-22px_rgba\(10\,106\,135\,\.22\)\]{
    --tw-shadow:0 18px 40px -22px var(--tw-shadow-color,#0a6a8738);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .shadow-\[0_18px_40px_-28px_rgba\(10\,106\,135\,\.30\)\]{
    --tw-shadow:0 18px 40px -28px var(--tw-shadow-color,#0a6a874d);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .shadow-\[0_30px_70px_-30px_rgba\(10\,106\,135\,\.45\)\]{
    --tw-shadow:0 30px 70px -30px var(--tw-shadow-color,#0a6a8773);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .shadow-lg{
    --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .shadow-xl{
    --tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .ring-4{
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .ring-brand-100{
    --tw-ring-color:var(--color-brand-100)
  }
  .drop-shadow-\[0_2px_14px_rgba\(0\,0\,0\,0\.55\)\]{
    --tw-drop-shadow-size:drop-shadow(0 2px 14px var(--tw-drop-shadow-color,#0000008c));
    --tw-drop-shadow:var(--tw-drop-shadow-size);
    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,)
  }
  .backdrop-blur{
    --tw-backdrop-blur:blur(8px);
    -webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
    backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
  }
  .backdrop-blur-md{
    --tw-backdrop-blur:blur(var(--blur-md));
    -webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
    backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
  }
  .transition{
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .transition-all{
    transition-property:all;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .transition-colors{
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .transition-transform{
    transition-property:transform,translate,scale,rotate;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .duration-200{
    --tw-duration:.2s;
    transition-duration:.2s
  }
  .duration-500{
    --tw-duration:.5s;
    transition-duration:.5s
  }
  .select-none{
    -webkit-user-select:none;
    user-select:none
  }
  .group-open\:rotate-45:is(:where(.group):is([open],:popover-open,:open) *),.group-open\/details\:rotate-45:is(:where(.group\/details):is([open],:popover-open,:open) *){
    rotate:45deg
  }
  .group-open\/details\:border-brand-500:is(:where(.group\/details):is([open],:popover-open,:open) *){
    border-color:var(--color-brand-500)
  }
  .group-open\/details\:bg-brand-500:is(:where(.group\/details):is([open],:popover-open,:open) *){
    background-color:var(--color-brand-500)
  }
  .group-open\/details\:text-white:is(:where(.group\/details):is([open],:popover-open,:open) *){
    color:var(--color-white)
  }
  @media (hover:hover){
    .group-hover\:scale-\[1\.02\]:is(:where(.group):hover *){
      scale:1.02
    }
    .group-hover\:scale-\[1\.03\]:is(:where(.group):hover *){
      scale:1.03
    }
    .group-hover\:text-brand-600:is(:where(.group):hover *){
      color:var(--color-brand-600)
    }
  }
  .last\:border-b-0:last-child{
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:0
  }
  @media (hover:hover){
    .hover\:border-brand-300:hover{
      border-color:var(--color-brand-300)
    }
    .hover\:bg-brand-50:hover{
      background-color:var(--color-brand-50)
    }
    .hover\:bg-brand-400:hover{
      background-color:var(--color-brand-400)
    }
    .hover\:bg-cream:hover{
      background-color:var(--color-cream)
    }
    .hover\:bg-white:hover{
      background-color:var(--color-white)
    }
    .hover\:bg-white\/10:hover{
      background-color:#ffffff1a
    }
    @supports (color:color-mix(in lab, red, red)){
      .hover\:bg-white\/10:hover{
        background-color:color-mix(in oklab,var(--color-white)10%,transparent)
      }
    }
    .hover\:text-brand-600:hover{
      color:var(--color-brand-600)
    }
    .hover\:text-brand-700:hover{
      color:var(--color-brand-700)
    }
    .hover\:text-white:hover{
      color:var(--color-white)
    }
  }
  @media (min-width:40rem){
    .sm\:right-5{
      right:calc(var(--spacing)*5)
    }
    .sm\:bottom-5{
      bottom:calc(var(--spacing)*5)
    }
    .sm\:left-5{
      left:calc(var(--spacing)*5)
    }
    .sm\:aspect-\[16\/12\]{
      aspect-ratio:16/12
    }
    .sm\:min-h-\[480px\]{
      min-height:480px
    }
    .sm\:grid-cols-2{
      grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .sm\:grid-cols-3{
      grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .sm\:text-lg{
      font-size:var(--text-lg);
      line-height:var(--tw-leading,var(--text-lg--line-height))
    }
    .sm\:leading-8{
      --tw-leading:calc(var(--spacing)*8);
      line-height:calc(var(--spacing)*8)
    }
  }
  @media (min-width:48rem){
    .md\:block{
      display:block
    }
    .md\:flex{
      display:flex
    }
    .md\:h-14{
      height:calc(var(--spacing)*14)
    }  .md\:h-15{
      height:calc(var(--spacing)*15)
    } .md\:h-16{
      height:calc(var(--spacing)*16)
    }
    .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\:grid-cols-4{
      grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .md\:grid-cols-\[3fr_2fr\]{
      grid-template-columns:3fr 2fr
    }
    .md\:flex-row{
      flex-direction:row
    }
    .md\:items-center{
      align-items:center
    }
    .md\:items-end{
      align-items:flex-end
    }
    .md\:justify-between{
      justify-content:space-between
    }
    .md\:self-auto{
      align-self:auto
    }
    .md\:p-8{
      padding:calc(var(--spacing)*8)
    }
    .md\:p-12{
      padding:calc(var(--spacing)*12)
    }
    .md\:px-8{
      padding-inline:calc(var(--spacing)*8)
    }
    .md\:py-6{
      padding-block:calc(var(--spacing)*6)
    }
    .md\:pb-8{
      padding-bottom:calc(var(--spacing)*8)
    }
    .md\:text-2xl{
      font-size:var(--text-2xl);
      line-height:var(--tw-leading,var(--text-2xl--line-height))
    }
    .md\:text-3xl{
      font-size:var(--text-3xl);
      line-height:var(--tw-leading,var(--text-3xl--line-height))
    }
    .md\:text-4xl{
      font-size:var(--text-4xl);
      line-height:var(--tw-leading,var(--text-4xl--line-height))
    }
    .md\:text-5xl{
      font-size:var(--text-5xl);
      line-height:var(--tw-leading,var(--text-5xl--line-height))
    }
    .md\:text-xl{
      font-size:var(--text-xl);
      line-height:var(--tw-leading,var(--text-xl--line-height))
    }
  }
  @media (min-width:64rem){
    .lg\:sticky{
      position:sticky
    }
    .lg\:top-28{
      top:calc(var(--spacing)*28)
    }
    .lg\:order-first{
      order:-9999
    }
    .lg\:flex{
      display:flex
    }
    .lg\:hidden{
      display:none
    }
    .lg\:min-h-\[560px\]{
      min-height:560px
    }
    .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\:grid-cols-\[1\.4fr_repeat\(4\,1fr\)\]{
      grid-template-columns:1.4fr repeat(4,1fr)
    }
    .lg\:grid-cols-\[1fr_2fr\]{
      grid-template-columns:1fr 2fr
    }
    .lg\:grid-cols-\[2fr_3fr\]{
      grid-template-columns:2fr 3fr
    }
    .lg\:grid-cols-\[3fr_1fr\]{
      grid-template-columns:3fr 1fr
    }
    .lg\:grid-cols-\[3fr_2fr\]{
      grid-template-columns:3fr 2fr
    }
    .lg\:grid-cols-\[5fr_6fr\]{
      grid-template-columns:5fr 6fr
    }
    .lg\:py-10{
      padding-block:calc(var(--spacing)*10)
    }
  }
  @media (min-width:80rem){
    .xl\:max-w-2xl{
      max-width:var(--container-2xl)
    }
    .xl\:grid-cols-5{
      grid-template-columns:repeat(5,minmax(0,1fr))
    }
  }
  .\[\&_summary\:\:-webkit-details-marker\]\:hidden summary::-webkit-details-marker{
    display:none
  }
}
:root{
  --brand-50:#ecf8fb;
  --brand-100:#d6eef4;
  --brand-200:#aedde9;
  --brand-300:#82d0e0;
  --brand-400:#4fbcd1;
  --brand-500:#1fa8c9;
  --brand-600:#0e86a6;
  --brand-700:#0a6a87;
  --brand-800:#074e63;
  --brand-900:#053645;
  --leaf-50:#f0f7eb;
  --leaf-100:#dcecc9;
  --leaf-200:#bcd9a2;
  --leaf-300:#92c170;
  --leaf-400:#7cb342;
  --leaf-500:#5a9332;
  --leaf-600:#436b22;
  --leaf-700:#34541b;
  --cream:#faf7f0;
  --cream-2:#f4eedf;
  --oat:#efe9da;
  --clay:#cfc4a6;
  --ink-900:#0f1f23;
  --ink-800:#1a2d2e;
  --ink-700:#2c3e40;
  --ink-600:#47595c;
  --ink-500:#6a7c80;
  --ink-400:#93a2a5;
  --ink-300:#bdc7c9;
  --paper:#fff;
  --paper-tint:#fbfaf6
}
html{
  scroll-behavior:smooth;
  text-rendering:optimizelegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-family:var(--font-sans)
}
body{
  background:var(--color-paper);
  color:var(--color-ink-800);
  font-family:var(--font-sans);
  font-feature-settings:"cv02","cv03","cv04","cv11";
  line-height:1.6
}
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-serif);
  color:var(--color-ink-900);
  letter-spacing:-.01em;
  font-weight:600;
  line-height:1.15
}
[dir=rtl] body,.font-arabic{
  font-family:var(--font-arabic)
}
.container-page{
  max-width:1640px;
  margin-inline:auto;
  padding-inline:1.5rem
}
@media (min-width:768px){
  .container-page{
    padding-inline:2.5rem
  }
}
@media (min-width:1600px){
  .container-page{
    padding-inline:3rem
  }
}
.eyebrow{
  font-family:var(--font-sans);
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--color-brand-600);
  font-size:.78rem;
  font-weight:600
}
.btn-primary{
  background:var(--color-brand-500);
  color:#fff;
  border-radius:999px;
  align-items:center;
  gap:.5rem;
  padding:.85rem 1.4rem;
  font-weight:600;
  transition:background .2s,transform .2s,box-shadow .2s;
  display:inline-flex
}
.btn-primary:hover{
  background:var(--color-brand-600);
  transform:translateY(-1px);
  box-shadow:0 8px 20px -8px #1fa8c973
}
.btn-ghost{
  color:var(--color-ink-800);
  border:1px solid var(--color-ink-300);
  border-radius:999px;
  align-items:center;
  gap:.5rem;
  padding:.85rem 1.4rem;
  font-weight:600;
  transition:background .2s,border .2s,color .2s;
  display:inline-flex
}
.btn-ghost:hover{
  background:var(--color-ink-900);
  color:#fff;
  border-color:var(--color-ink-900)
}
.btn-ghost-light{
  color:#fff;
  background:0 0;
  border:1px solid #ffffffa6;
  border-radius:999px;
  align-items:center;
  gap:.5rem;
  padding:.85rem 1.4rem;
  font-weight:600;
  transition:background .2s,border .2s,color .2s;
  display:inline-flex
}
.btn-ghost-light:hover{
  background:#ffffff24;
  border-color:#fff
}
.btn-leaf{
  background:var(--color-leaf-400);
  color:#fff;
  border-radius:999px;
  align-items:center;
  gap:.5rem;
  padding:.85rem 1.4rem;
  font-weight:600;
  transition:background .2s,transform .2s;
  display:inline-flex
}
.btn-leaf:hover{
  background:var(--color-leaf-500);
  transform:translateY(-1px)
}
.hairline{
  border-top:1px solid var(--color-ink-300)
}
.skip-link{
  background:var(--color-ink-900);
  color:#fff;
  z-index:1000;
  padding:.75rem 1rem;
  position:absolute;
  top:0;
  left:-9999px
}
.skip-link:focus{
  top:1rem;
  left:1rem
}
:focus-visible{
  outline:2px solid var(--color-brand-500);
  outline-offset:3px;
  border-radius:4px
}
.section{
  padding-block:clamp(3.5rem,7vw,6.5rem)
}
.section-tight{
  padding-block:clamp(2.5rem,5vw,4.5rem)
}
.grain{
  position:relative
}
.grain:after{
  content:"";
  pointer-events:none;
  mix-blend-mode:multiply;
  opacity:.35;
  background-image:radial-gradient(#0000000a 1px,#0000 1px);
  background-size:3px 3px;
  position:absolute;
  inset:0
}
.card-soft{
  background:var(--color-paper);
  border:1px solid var(--color-ink-300);
  border-radius:14px;
  transition:border-color .2s,transform .2s,box-shadow .2s
}
.card-soft:hover{
  border-color:var(--color-brand-300);
  box-shadow:0 18px 30px -22px #0a6a874d
}
.kw-link{
  color:var(--color-brand-600);
  text-decoration:underline;
  -webkit-text-decoration-color:var(--color-brand-200);
  -webkit-text-decoration-color:var(--color-brand-200);
  -webkit-text-decoration-color:var(--color-brand-200);
  text-decoration-color:var(--color-brand-200);
  text-underline-offset:3px
}
.kw-link:hover{
  -webkit-text-decoration-color:var(--color-brand-500);
  -webkit-text-decoration-color:var(--color-brand-500);
  -webkit-text-decoration-color:var(--color-brand-500);
  text-decoration-color:var(--color-brand-500)
}
.nav-link{
  color:var(--color-ink-700);
  font-size:.93rem;
  font-weight:500;
  transition:color .2s;
  position:relative
}
.nav-link:hover,.nav-link[aria-current=page]{
  color:var(--color-brand-600)
}
.nav-link[aria-current=page]:after{
  content:"";
  background:var(--color-brand-500);
  border-radius:2px;
  height:2px;
  position:absolute;
  bottom:-6px;
  left:0;
  right:0
}
.prose-content p{
  color:var(--color-ink-700);
  margin-block:1rem
}
.prose-content h2{
  margin-top:2rem;
  margin-bottom:.75rem
}
.prose-content h3{
  margin-top:1.5rem;
  margin-bottom:.5rem
}
.prose-content ul{
  margin-block:1rem;
  padding-left:1.25rem;
  list-style:outside
}
.prose-content ul li{
  color:var(--color-ink-700);
  margin-block:.35rem
}
details>summary{
  cursor:pointer;
  list-style:none
}
details>summary::-webkit-details-marker{
  display:none
}
details>summary::marker{
  content:"";
  display:none
}
details[open]>summary .caret-180,.details-open-180[open] .caret-180{
  transform:rotate(180deg)
}
details[open]>summary .caret-90,.details-open-90[open] .caret-90{
  transform:rotate(90deg)
}
.menu-toggle-icon .icon-bars{
  display:block
}
.menu-toggle-icon .icon-x,details[open]>summary .menu-toggle-icon .icon-bars{
  display:none
}
details[open]>summary .menu-toggle-icon .icon-x{
  display:block
}
header>nav#mobile-nav{
  z-index:60;
  background:#fff;
  border-top:1px solid #bdc7c999;
  max-height:calc(100vh - 7rem);
  display:none;
  position:relative;
  overflow-y:auto;
  box-shadow:0 18px 40px -22px #0a6a8738
}
header:has(#mobile-drawer[open])>nav#mobile-nav{
  animation:.22s ease-out menu-drop;
  display:block
}
@keyframes menu-drop{
  0%{
    opacity:0;
    transform:translateY(-6px)
  }
  to{
    opacity:1;
    transform:translateY(0)
  }
}
@media (prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto
  }
  *{
    transition:none!important;
    animation:none!important
  }
}
.hero-banner{
  touch-action:pan-y
}
.hero-dot{
  appearance:none;
  cursor:pointer;
  background:var(--color-ink-300);
  border:none;
  border-radius:999px;
  width:10px;
  height:10px;
  padding:0;
  transition:background .25s,width .25s
}
.hero-dot:hover{
  background:var(--color-brand-300)
}
.hero-dot.is-active{
  background:var(--color-brand-500);
  width:28px
}
.banner-title{
    color:var(--color-brand-500);
}
@media (prefers-reduced-motion:reduce){
  .hero-dot{
    transition:none
  }
}
@property --tw-translate-x{
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-translate-y{
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-translate-z{
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-rotate-x{
  syntax:"*";
  inherits:false
}
@property --tw-rotate-y{
  syntax:"*";
  inherits:false
}
@property --tw-rotate-z{
  syntax:"*";
  inherits:false
}
@property --tw-skew-x{
  syntax:"*";
  inherits:false
}
@property --tw-skew-y{
  syntax:"*";
  inherits:false
}
@property --tw-space-y-reverse{
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-divide-y-reverse{
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-border-style{
  syntax:"*";
  inherits:false;
  initial-value:solid
}
@property --tw-gradient-position{
  syntax:"*";
  inherits:false
}
@property --tw-gradient-from{
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}
@property --tw-gradient-via{
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}
@property --tw-gradient-to{
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}
@property --tw-gradient-stops{
  syntax:"*";
  inherits:false
}
@property --tw-gradient-via-stops{
  syntax:"*";
  inherits:false
}
@property --tw-gradient-from-position{
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:0%
}
@property --tw-gradient-via-position{
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:50%
}
@property --tw-gradient-to-position{
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-leading{
  syntax:"*";
  inherits:false
}
@property --tw-font-weight{
  syntax:"*";
  inherits:false
}
@property --tw-tracking{
  syntax:"*";
  inherits:false
}
@property --tw-shadow{
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-shadow-color{
  syntax:"*";
  inherits:false
}
@property --tw-shadow-alpha{
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-inset-shadow{
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-inset-shadow-color{
  syntax:"*";
  inherits:false
}
@property --tw-inset-shadow-alpha{
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-ring-color{
  syntax:"*";
  inherits:false
}
@property --tw-ring-shadow{
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-inset-ring-color{
  syntax:"*";
  inherits:false
}
@property --tw-inset-ring-shadow{
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-ring-inset{
  syntax:"*";
  inherits:false
}
@property --tw-ring-offset-width{
  syntax:"<length>";
  inherits:false;
  initial-value:0
}
@property --tw-ring-offset-color{
  syntax:"*";
  inherits:false;
  initial-value:#fff
}
@property --tw-ring-offset-shadow{
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-blur{
  syntax:"*";
  inherits:false
}
@property --tw-brightness{
  syntax:"*";
  inherits:false
}
@property --tw-contrast{
  syntax:"*";
  inherits:false
}
@property --tw-grayscale{
  syntax:"*";
  inherits:false
}
@property --tw-hue-rotate{
  syntax:"*";
  inherits:false
}
@property --tw-invert{
  syntax:"*";
  inherits:false
}
@property --tw-opacity{
  syntax:"*";
  inherits:false
}
@property --tw-saturate{
  syntax:"*";
  inherits:false
}
@property --tw-sepia{
  syntax:"*";
  inherits:false
}
@property --tw-drop-shadow{
  syntax:"*";
  inherits:false
}
@property --tw-drop-shadow-color{
  syntax:"*";
  inherits:false
}
@property --tw-drop-shadow-alpha{
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-drop-shadow-size{
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-blur{
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-brightness{
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-contrast{
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-grayscale{
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-hue-rotate{
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-invert{
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-opacity{
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-saturate{
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-sepia{
  syntax:"*";
  inherits:false
}
@property --tw-duration{
  syntax:"*";
  inherits:false
}