.flex-col {
  flex-direction: column;
}

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

.dist-ma-c {
  justify-content: center;
}

.dist-ma-s {
  justify-content: flex-start;
}

.dist-ma-e {
  justify-content: flex-end;
}

.dist-ma-sb {
  justify-content: space-between !important;
}

.dist-ma-se {
  justify-content: space-evenly;
}

.dist-ca-c {
  align-items: center;
}

.dist-ca-s {
  align-items: flex-start;
}

.dist-ca-e {
  align-items: flex-end;
}

.p-v-sm {
  padding: 0 var(--p-sm) !important;
}

:root {
  --bp-small: 312px;
  --bp-medium: 624px;
  --bp-large: 936px;
  --bp-desktop: 1248px;
}

:root {
  --point: .0801282051282051vw;
  --unit: calc(var(--point) * 8);
  --column: calc(var(--unit) * 12);
  --pt-025: calc(var(--point) * .25);
  --pt-05: calc(var(--point) * .5);
  --pt-1: var(--point);
  --pt-2: calc(var(--point) * 2);
  --pt-3: calc(var(--point) * 3);
  --pt-4: calc(var(--point) * 4);
  --pt-5: calc(var(--point) * 5);
  --pt-6: calc(var(--point) * 6);
  --pt-7: calc(var(--point) * 7);
  --pt-8: var(--unit);
  --pt-9: calc(var(--unit) * 1.125);
  --pt-10: calc(var(--unit) * 1.25);
  --pt-11: calc(var(--unit) * 1.375);
  --pt-12: calc(var(--unit) * 1.5);
  --pt-13: calc(var(--unit) * 1.625);
  --pt-14: calc(var(--unit) * 1.75);
  --pt-15: calc(var(--unit) * 1.875);
  --pt-16: calc(var(--unit) * 2);
  --pt-17: calc(var(--unit) * 2.125);
  --pt-18: calc(var(--unit) * 2.25);
  --pt-19: calc(var(--unit) * 2.375);
  --pt-20: calc(var(--unit) * 2.5);
  --pt-21: calc(var(--unit) * 2.625);
  --pt-22: calc(var(--unit) * 2.75);
  --pt-23: calc(var(--unit) * 2.875);
  --pt-24: calc(var(--unit) * 3);
  --pt-25: calc(var(--unit) * 3.125);
  --pt-26: calc(var(--unit) * 3.25);
  --pt-27: calc(var(--unit) * 3.375);
  --pt-28: calc(var(--unit) * 3.5);
  --pt-29: calc(var(--unit) * 3.625);
  --pt-30: calc(var(--unit) * 3.75);
  --pt-31: calc(var(--unit) * 3.875);
  --pt-32: calc(var(--unit) * 4);
  --pt-33: calc(var(--unit) * 4.125);
  --pt-34: calc(var(--unit) * 4.25);
  --pt-35: calc(var(--unit) * 4.375);
  --pt-36: calc(var(--unit) * 4.5);
  --pt-37: calc(var(--unit) * 4.625);
  --pt-38: calc(var(--unit) * 4.75);
  --pt-39: calc(var(--unit) * 4.875);
  --pt-40: calc(var(--unit) * 5);
  --pt-41: calc(var(--unit) * 5.125);
  --pt-42: calc(var(--unit) * 5.25);
  --pt-43: calc(var(--unit) * 5.375);
  --pt-44: calc(var(--unit) * 5.5);
  --pt-45: calc(var(--unit) * 5.625);
  --pt-46: calc(var(--unit) * 5.75);
  --pt-47: calc(var(--unit) * 5.875);
  --pt-48: calc(var(--unit) * 6);
  --pt-49: calc(var(--unit) * 6.125);
  --pt-50: calc(var(--unit) * 6.25);
  --pt-51: calc(var(--unit) * 6.375);
  --pt-52: calc(var(--unit) * 6.5);
  --pt-53: calc(var(--unit) * 6.625);
  --pt-54: calc(var(--unit) * 6.75);
  --pt-55: calc(var(--unit) * 6.875);
  --pt-56: calc(var(--unit) * 7);
  --pt-57: calc(var(--unit) * 7.125);
  --pt-58: calc(var(--unit) * 7.25);
  --pt-59: calc(var(--unit) * 7.375);
  --pt-60: calc(var(--unit) * 7.5);
  --pt-61: calc(var(--unit) * 7.625);
  --pt-62: calc(var(--unit) * 7.75);
  --pt-63: calc(var(--unit) * 7.875);
  --pt-64: calc(var(--unit) * 8);
  --pt-65: calc(var(--unit) * 8.125);
  --pt-66: calc(var(--unit) * 8.25);
  --pt-67: calc(var(--unit) * 8.375);
  --pt-68: calc(var(--unit) * 8.5);
  --pt-69: calc(var(--unit) * 8.625);
  --pt-70: calc(var(--unit) * 8.75);
  --pt-71: calc(var(--unit) * 8.875);
  --pt-72: calc(var(--unit) * 9);
  --pt-73: calc(var(--unit) * 9.125);
  --pt-74: calc(var(--unit) * 9.25);
  --pt-75: calc(var(--unit) * 9.375);
  --pt-76: calc(var(--unit) * 9.5);
  --pt-77: calc(var(--unit) * 9.625);
  --pt-78: calc(var(--unit) * 9.75);
  --pt-79: calc(var(--unit) * 9.875);
  --pt-80: calc(var(--unit) * 10);
  --pt-81: calc(var(--unit) * 10.125);
  --pt-82: calc(var(--unit) * 10.25);
  --pt-83: calc(var(--unit) * 10.375);
  --pt-84: calc(var(--unit) * 10.5);
  --pt-85: calc(var(--unit) * 10.625);
  --pt-86: calc(var(--unit) * 10.75);
  --pt-87: calc(var(--unit) * 10.875);
  --pt-88: calc(var(--unit) * 11);
  --pt-89: calc(var(--unit) * 11.125);
  --pt-90: calc(var(--unit) * 11.25);
  --pt-91: calc(var(--unit) * 11.375);
  --pt-92: calc(var(--unit) * 11.5);
  --pt-93: calc(var(--unit) * 11.625);
  --pt-94: calc(var(--unit) * 11.75);
  --pt-95: calc(var(--unit) * 11.875);
  --pt-96: var(--column);
  --pt-neg-025: calc(var(--pt-025) * -1);
  --pt-neg-05: calc(var(--pt-05) * -1);
  --pt-neg-1: calc(var(--pt-1) * -1);
  --pt-neg-2: calc(var(--pt-2) * -1);
  --pt-neg-3: calc(var(--pt-3) * -1);
  --pt-neg-4: calc(var(--pt-4) * -1);
  --pt-neg-5: calc(var(--pt-5) * -1);
  --pt-neg-6: calc(var(--pt-6) * -1);
  --pt-neg-7: calc(var(--pt-7) * -1);
  --pt-neg-8: calc(var(--pt-8) * -1);
  --pt-neg-10: calc(var(--pt-10) * -1);
  --pt-neg-12: calc(var(--pt-12) * -1);
  --pt-neg-16: calc(var(--pt-16) * -1);
  --col-0-50: calc(var(--column) / .5);
  --col-0-66: calc((var(--column) / 3) * 2);
  --col-0-75: calc(var(--column) * .75);
  --col-1: var(--column);
  --col-1-25: calc(var(--column) * 1.25);
  --col-1-50: calc(var(--column) * 1.5);
  --col-1-75: calc(var(--column) * 1.75);
  --col-2: calc(var(--column) * 2);
  --col-2-25: calc(var(--column) * 2.25);
  --col-2-50: calc(var(--column) * 2.5);
  --col-2-75: calc(var(--column) * 2.75);
  --col-3: calc(var(--column) * 3);
  --col-3-25: calc(var(--column) * 3.25);
  --col-3-50: calc(var(--column) * 3.5);
  --col-3-75: calc(var(--column) * 3.75);
  --col-4: calc(var(--column) * 4);
  --col-4-25: calc(var(--column) * 4.25);
  --col-4-5: calc(var(--column) * 4.5);
  --col-4-75: calc(var(--column) * 4.75);
  --col-5: calc(var(--column) * 5);
  --col-5-25: calc(var(--column) * 5.25);
  --col-5-5: calc(var(--column) * 5.5);
  --col-5-75: calc(var(--column) * 5.75);
  --col-6: calc(var(--column) * 6);
  --col-6-25: calc(var(--column) * 6.25);
  --col-6-5: calc(var(--column) * 6.5);
  --col-6-75: calc(var(--column) * 6.75);
  --col-7: calc(var(--column) * 7);
  --col-7-25: calc(var(--column) * 7.25);
  --col-7-5: calc(var(--column) * 7.5);
  --col-7-75: calc(var(--column) * 7.75);
  --col-8: calc(var(--column) * 8);
  --col-8-25: calc(var(--column) * 8.25);
  --col-8-5: calc(var(--column) * 8.5);
  --col-8-75: calc(var(--column) * 8.75);
  --col-9: calc(var(--column) * 9);
  --col-9-25: calc(var(--column) * 9.25);
  --col-9-5: calc(var(--column) * 9.5);
  --col-9-75: calc(var(--column) * 9.75);
  --col-10: calc(var(--column) * 10);
  --col-10-25: calc(var(--column) * 10.25);
  --col-10-5: calc(var(--column) * 10.5);
  --col-10-75: calc(var(--column) * 10.75);
  --col-11: calc(var(--column) * 11);
  --col-11-25: calc(var(--column) * 11.25);
  --col-11-5: calc(var(--column) * 11.5);
  --col-11-75: calc(var(--column) * 11.75);
  --col-12: calc(var(--column) * 12);
}
@media only screen and (max-width: 1247px) {
  :root {
    --point: .106837606837607vw;
  }
}
@media only screen and (max-width: 935px) {
  :root {
    --point: .16025641025641vw;
  }
}
@media only screen and (max-width: 623px) {
  :root {
    --point: .320512820512821vw;
  }
}

html {
  scroll-snap-type: y mandatory;
  overflow-y: scroll !important;
  scroll-behavior: smooth !important;
  -ms-overflow-style: none !important;
  overscroll-behavior: none !important;
  text-rendering: optimizeLegibility !important;
  text-size-adjust: none !important;
  -moz-text-size-adjust: none !important;
  -webkit-text-size-adjust: none !important;
  font-optical-sizing: auto !important;
}

body, header, main, aside, footer, section, nav, div,
article, form, fieldset, input, label,
figure, figcaption, h1, h2, h3, h4, h5, h6 {
  display: flex;
}

body {
  position: relative;
  flex-direction: column;
  width: 100vw !important;
  min-width: var(--bp-small) !important;
  height: 100svh !important;
}

header, footer {
  width: 100% !important;
}

section, article {
  width: 100%;
}

span {
  width: fit-content;
}

ul {
  display: block;
  list-style-position: outside;
  padding-left: var(--pt-12);
}
ul > li {
  padding-left: var(--pt-12);
}

:root {
  --font-size-10: var(--pt-10);
  --font-size-11: var(--pt-11);
  --font-size-12: var(--pt-12);
  --font-size-13: var(--pt-13);
  --font-size-14: var(--pt-14);
  --font-size-16: var(--pt-16);
  --font-size-18: var(--pt-18);
  --font-size-20: var(--pt-20);
  --font-size-24: var(--pt-24);
  --font-size-28: var(--pt-28);
  --font-size-32: var(--pt-32);
  --font-size-40: var(--pt-40);
  --font-size-48: var(--pt-48);
  --font-size-56: var(--pt-56);
  --font-size-64: var(--pt-64);
  --font-size-80: var(--pt-80);
  --font-size-96: var(--pt-96);
  --font-weight-thn: 100;
  --font-weight-slm: 200;
  --font-weight-lit: 300;
  --font-weight-reg: 400;
  --font-weight-mdm: 500;
  --font-weight-sbd: 600;
  --font-weight-bld: 700;
  --font-weight-hvy: 800;
  --font-weight-blk: 900;
  --font-line-single-10: var(--pt-8);
  --font-line-single-11: var(--pt-9);
  --font-line-single-12: var(--pt-10);
  --font-line-single-13: var(--pt-11);
  --font-line-single-14: var(--pt-12);
  --font-line-single-16: var(--pt-14);
  --font-line-single-18: var(--pt-16);
  --font-line-single-20: var(--pt-14);
  --font-line-single-24: var(--pt-18);
  --font-line-single-28: var(--pt-20);
  --font-line-single-32: var(--pt-23);
  --font-line-single-40: var(--pt-32);
  --font-line-single-48: var(--pt-35);
  --font-line-single-56: var(--pt-40);
  --font-line-single-64: var(--pt-48);
  --font-line-single-80: var(--pt-60);
  --font-line-single-96: var(--pt-69);
  --font-line-multi-10: var(--pt-16);
  --font-line-multi-11: var(--pt-17);
  --font-line-multi-12: var(--pt-18);
  --font-line-multi-13: var(--pt-19);
  --font-line-multi-14: var(--pt-20);
  --font-line-multi-16: var(--pt-22);
  --font-line-multi-18: var(--pt-24);
  --font-line-multi-20: var(--pt-26);
  --font-line-multi-24: var(--pt-30);
  --font-line-multi-28: var(--pt-34);
  --font-line-multi-32: var(--pt-38);
  --font-line-multi-40: var(--pt-44);
  --font-line-multi-48: var(--pt-52);
  --font-line-multi-56: var(--pt-60);
  --font-line-multi-64: var(--pt-68);
  --font-line-multi-80: var(--pt-80);
  --font-line-multi-96: var(--pt-96);
  --font-space-tight-6: var(--pt-neg-6);
  --font-space-tight-4: var(--pt-neg-4);
  --font-space-tight-3: var(--pt-neg-3);
  --font-space-tight-2: var(--pt-neg-2);
  --font-space-tight-1: var(--pt-neg-1);
  --font-space-tight-05: var(--pt-neg-05);
  --font-space-tight-025: var(--pt-neg-025);
  --font-space-auto-0: 0;
  --font-space-loose-025: var(--pt-025);
  --font-space-loose-05: var(--pt-05);
  --font-space-loose-1: var(--pt-1);
  --font-space-loose-2: var(--pt-2);
  --font-space-loose-3: var(--pt-3);
  --font-space-loose-4: var(--pt-4);
}

h1, h2, h3, h4, h5, h6 {
  flex-direction: column;
  width: 100%;
}

.txt-ctr {
  text-align: center;
}

.txt-size {
  width: fit-content;
}

:root {
  --clr-prime-low: 212 11% 30%;
  --clr-prime-drk: 210 11% 35%;
  --clr-prime-dim: 210 9% 44%;
  --clr-prime-def: 210 9% 55%;
  --clr-prime-sft: 212 12% 69%;
  --clr-prime-lit: 208 19% 80%;
  --clr-prime-hgh: 210 18% 91%;
  --clr-accent-low: 145 80% 19%;
  --clr-accent-drk: 145 76% 23%;
  --clr-accent-dim: 145 74% 28%;
  --clr-accent-def: 145 71% 37%;
  --clr-accent-sft: 145 69% 47%;
  --clr-accent-lit: 145 81% 55%;
  --clr-accent-hgh: 146 98% 78%;
  --clr-neutral-5: 210 23% 5%;
  --clr-neutral-8: 204 25% 8%;
  --clr-neutral-11: 206 25% 11%;
  --clr-neutral-14: 205 23% 14%;
  --clr-neutral-17: 205 21% 17%;
  --clr-neutral-20: 207 20% 20%;
  --clr-neutral-23: 206 18% 23%;
  --clr-success-low: 124 65% 21%;
  --clr-success-drk: 125 63% 25%;
  --clr-success-dim: 125 62% 31%;
  --clr-success-def: 125 59% 39%;
  --clr-success-sft: 125 58% 50%;
  --clr-success-lit: 125 79% 58%;
  --clr-success-hgh: 124 95% 83%;
  --clr-important-low: 40 71% 23%;
  --clr-important-drk: 40 69% 27%;
  --clr-important-dim: 40 67% 33%;
  --clr-important-def: 40 65% 42%;
  --clr-important-sft: 40 73% 54%;
  --clr-important-lit: 40 94% 66%;
  --clr-important-hgh: 40 94% 86%;
  --clr-w-100: white;
  --clr-w-98: rgba(255, 255, 255, 0.9803921569);
  --clr-w-95: rgba(255, 255, 255, 0.9490196078);
  --clr-w-92: rgba(255, 255, 255, 0.9215686275);
  --clr-w-89: rgba(255, 255, 255, 0.8901960784);
  --clr-w-86: rgba(255, 255, 255, 0.8588235294);
  --clr-w-83: rgba(255, 255, 255, 0.831372549);
  --clr-w-80: rgba(255, 255, 255, 0.8);
  --clr-w-77: rgba(255, 255, 255, 0.768627451);
  --clr-w-74: rgba(255, 255, 255, 0.7411764706);
  --clr-w-71: rgba(255, 255, 255, 0.7098039216);
  --clr-w-68: rgba(255, 255, 255, 0.6784313725);
  --clr-w-65: rgba(255, 255, 255, 0.6509803922);
  --clr-w-62: rgba(255, 255, 255, 0.6196078431);
  --clr-w-59: rgba(255, 255, 255, 0.5882352941);
  --clr-w-56: rgba(255, 255, 255, 0.5607843137);
  --clr-w-53: rgba(255, 255, 255, 0.5294117647);
  --clr-w-50: rgba(255, 255, 255, 0.5019607843);
  --clr-w-47: rgba(255, 255, 255, 0.4705882353);
  --clr-w-44: rgba(255, 255, 255, 0.4392156863);
  --clr-w-41: rgba(255, 255, 255, 0.4117647059);
  --clr-w-38: rgba(255, 255, 255, 0.3803921569);
  --clr-w-35: rgba(255, 255, 255, 0.3490196078);
  --clr-w-32: rgba(255, 255, 255, 0.3215686275);
  --clr-w-29: rgba(255, 255, 255, 0.2901960784);
  --clr-w-26: rgba(255, 255, 255, 0.2588235294);
  --clr-w-23: rgba(255, 255, 255, 0.231372549);
  --clr-w-20: rgba(255, 255, 255, 0.2);
  --clr-w-17: rgba(255, 255, 255, 0.168627451);
  --clr-w-14: rgba(255, 255, 255, 0.1411764706);
  --clr-w-11: rgba(255, 255, 255, 0.1098039216);
  --clr-w-8: rgba(255, 255, 255, 0.0784313725);
  --clr-w-5: rgba(255, 255, 255, 0.0509803922);
  --clr-w-2: rgba(255, 255, 255, 0.0196078431);
  --clr-w-0: rgba(255, 255, 255, 0);
  --clr-b-100: black;
  --clr-b-98: rgba(0, 0, 0, 0.9803921569);
  --clr-b-95: rgba(0, 0, 0, 0.9490196078);
  --clr-b-92: rgba(0, 0, 0, 0.9215686275);
  --clr-b-89: rgba(0, 0, 0, 0.8901960784);
  --clr-b-86: rgba(0, 0, 0, 0.8588235294);
  --clr-b-83: rgba(0, 0, 0, 0.831372549);
  --clr-b-80: rgba(0, 0, 0, 0.8);
  --clr-b-77: rgba(0, 0, 0, 0.768627451);
  --clr-b-74: rgba(0, 0, 0, 0.7411764706);
  --clr-b-71: rgba(0, 0, 0, 0.7098039216);
  --clr-b-68: rgba(0, 0, 0, 0.6784313725);
  --clr-b-65: rgba(0, 0, 0, 0.6509803922);
  --clr-b-62: rgba(0, 0, 0, 0.6196078431);
  --clr-b-59: rgba(0, 0, 0, 0.5882352941);
  --clr-b-56: rgba(0, 0, 0, 0.5607843137);
  --clr-b-53: rgba(0, 0, 0, 0.5294117647);
  --clr-b-50: rgba(0, 0, 0, 0.5019607843);
  --clr-b-47: rgba(0, 0, 0, 0.4705882353);
  --clr-b-44: rgba(0, 0, 0, 0.4392156863);
  --clr-b-41: rgba(0, 0, 0, 0.4117647059);
  --clr-b-38: rgba(0, 0, 0, 0.3803921569);
  --clr-b-35: rgba(0, 0, 0, 0.3490196078);
  --clr-b-32: rgba(0, 0, 0, 0.3215686275);
  --clr-b-29: rgba(0, 0, 0, 0.2901960784);
  --clr-b-26: rgba(0, 0, 0, 0.2588235294);
  --clr-b-23: rgba(0, 0, 0, 0.231372549);
  --clr-b-20: rgba(0, 0, 0, 0.2);
  --clr-b-17: rgba(0, 0, 0, 0.168627451);
  --clr-b-14: rgba(0, 0, 0, 0.1411764706);
  --clr-b-11: rgba(0, 0, 0, 0.1098039216);
  --clr-b-8: rgba(0, 0, 0, 0.0784313725);
  --clr-b-5: rgba(0, 0, 0, 0.0509803922);
  --clr-b-2: rgba(0, 0, 0, 0.0196078431);
  --clr-b-0: rgba(0, 0, 0, 0);
}

button, a {
  position: relative !important;
  text-decoration: none;
  cursor: pointer !important;
}
button.btn, button.btn-sm, button.btn-sm-ico, button.btn-md, button.btn-md-ico, button.btn-lg, button.btn-lg-ico, button.btn-xl-ico, button.btn-xl, a.btn, a.btn-sm, a.btn-sm-ico, a.btn-md, a.btn-md-ico, a.btn-lg, a.btn-lg-ico, a.btn-xl-ico, a.btn-xl {
  display: flex;
  justify-content: center;
  align-items: center !important;
  transition: all 0.25s ease;
}
button.btn-xl, a.btn-xl {
  height: var(--pt-48) !important;
  min-width: var(--pt-48) !important;
  padding-left: var(--pt-24);
  padding-right: var(--pt-24);
  gap: var(--pt-12) !important;
}
button.btn-xl-ico, a.btn-xl-ico {
  max-width: var(--pt-48) !important;
  padding: 0 !important;
  gap: 0 !important;
}
button.btn-lg, button.btn-lg-ico, button.btn-xl-ico, a.btn-lg, a.btn-lg-ico, a.btn-xl-ico {
  height: var(--pt-40) !important;
  min-width: var(--pt-40) !important;
  padding-left: var(--pt-20);
  padding-right: var(--pt-20);
  gap: var(--pt-12) !important;
}
button.btn-lg-ico, a.btn-lg-ico {
  max-width: var(--pt-40) !important;
  padding: 0 !important;
  gap: 0 !important;
}
button.btn-md, button.btn-md-ico, a.btn-md, a.btn-md-ico {
  height: var(--pt-32) !important;
  min-width: var(--pt-32) !important;
  padding-left: var(--pt-16);
  padding-right: var(--pt-16);
  gap: var(--pt-10) !important;
}
button.btn-md-ico, a.btn-md-ico {
  max-width: var(--pt-32) !important;
  padding: 0 !important;
  gap: 0 !important;
}
button.btn-sm, button.btn-sm-ico, a.btn-sm, a.btn-sm-ico {
  height: var(--pt-24) !important;
  min-width: var(--pt-24) !important;
  padding-left: var(--pt-12);
  padding-right: var(--pt-12);
  gap: var(--pt-8) !important;
}
button.btn-sm-ico, a.btn-sm-ico {
  max-width: var(--pt-32) !important;
  padding: 0 !important;
  gap: 0 !important;
}
button.link::after, a.link::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 150%;
  width: 125%;
}

.ico {
  justify-content: center !important;
  align-items: center !important;
}
.ico.xxs, .ico.xxl-flex-h, .ico.xl-flex-h, .ico.lg-flex-h, .ico.md-flex-h, .ico.sm-flex-h, .ico.xxs-flex-h, .ico.xxs-flex-w {
  width: var(--pt-12);
  height: var(--pt-12);
}
.ico.xxs-flex-w {
  width: auto !important;
}
.ico.xxs-flex-h {
  height: auto !important;
}
.ico.xs, .ico.xs-flex-h, .ico.xs-flex-w {
  width: var(--pt-16);
  height: var(--pt-16);
}
.ico.xs-flex-w {
  width: auto !important;
}
.ico.xs-flex-h {
  height: auto !important;
}
.ico.sm, .ico.sm-flex-w {
  width: var(--pt-20);
  height: var(--pt-20);
}
.ico.sm-flex-w {
  width: auto !important;
}
.ico.sm-flex-h {
  height: auto !important;
}
.ico.md, .ico.md-flex-w {
  width: var(--pt-24);
  height: var(--pt-24);
}
.ico.md-flex-w {
  width: auto !important;
}
.ico.md-flex-h {
  height: auto !important;
}
.ico.lg, .ico.lg-flex-w {
  width: var(--pt-32);
  height: var(--pt-32);
}
.ico.lg-flex-w {
  width: auto !important;
}
.ico.lg-flex-h {
  height: auto !important;
}
.ico.xl, .ico.xl-flex-w {
  width: var(--pt-40);
  height: var(--pt-40);
}
.ico.xl-flex-w {
  width: auto !important;
}
.ico.xl-flex-h {
  height: auto !important;
}
.ico.xxl, .ico.xxl-flex-w {
  width: var(--pt-48);
  height: var(--pt-48);
}
.ico.xxl-flex-w {
  width: auto !important;
}
.ico.xxl-flex-h {
  height: auto !important;
}
.ico > svg {
  width: 100%;
  height: 100%;
}
.ico > img {
  height: 100%;
  width: 100%;
}
.ico.sld {
  stroke: none !important;
}
.ico.otl, .ico.mix-bld, .ico.mix-reg, .ico.mix-lit, .ico.otl-bld, .ico.otl-reg, .ico.otl-lit {
  fill: none !important;
}
.ico.otl-lit {
  stroke-width: var(--pt-05);
}
.ico.otl-reg {
  stroke-width: var(--pt-1);
}
.ico.otl-bld {
  stroke-width: var(--pt-2);
}
.ico.mix-lit {
  stroke-width: var(--pt-05);
}
.ico.mix-reg {
  stroke-width: var(--pt-1);
}
.ico.mix-bld {
  stroke-width: var(--pt-2);
}
.ico.low {
  fill: var(--clr-ico-low);
  stroke: var(--clr-ico-low);
}
.ico.drk {
  fill: var(--clr-ico-drk);
  stroke: var(--clr-ico-drk);
}
.ico.def {
  fill: var(--clr-ico-def);
  stroke: var(--clr-ico-def);
}
.ico.hgh {
  fill: var(--clr-ico-hgh);
  stroke: var(--clr-ico-hgh);
}
.ico.dsb {
  fill: var(--clr-ico-dsb);
  stroke: var(--clr-ico-dsb);
}
.ico.blk {
  fill: var(--clr-ico-blk);
  stroke: var(--clr-ico-blk);
}

.dvdr-h, .dvdr-h-reg, .dvdr-h-lit {
  width: 100%;
  align-items: center;
  padding-right: 0;
  padding-left: 0;
  overflow: visible;
}
.dvdr-h-lit {
  height: var(--pt-05);
}
.dvdr-h-reg {
  height: var(--pt-1);
}
.dvdr-h > div:first-of-type, .dvdr-h-lit > div:first-of-type, .dvdr-h-reg > div:first-of-type, .dvdr-h div:last-of-type, .dvdr-h-lit div:last-of-type, .dvdr-h-reg div:last-of-type {
  flex: 1;
  height: 100%;
}

.dvdr-v, .dvdr-v-reg, .dvdr-v-lit {
  height: 100%;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
  overflow: visible;
}
.dvdr-v-lit {
  width: var(--pt-05);
}
.dvdr-v-reg {
  width: var(--pt-1);
}
.dvdr-v > div:first-of-type, .dvdr-v-lit > div:first-of-type, .dvdr-v-reg > div:first-of-type, .dvdr-v div:last-of-type, .dvdr-v-lit div:last-of-type, .dvdr-v-reg div:last-of-type {
  flex: 1;
  height: 100%;
}

:root {
  --p-xs: var(--pt-6);
  --p-sm: var(--pt-12);
  --p-md: var(--pt-24);
  --p-lg: var(--pt-48);
  --p-xl: var(--col-1);
  --g-xs: var(--pt-6);
  --g-sm: var(--pt-12);
  --g-md: var(--pt-24);
  --g-lg: var(--pt-48);
  --g-xl: var(--col-1);
}

:root {
  --bd-lit: var(--pt-05);
  --bd-reg: var(--pt-1);
  --bd-bld: var(--pt-2);
  --bd-xs: var(--pt-6);
  --bd-sm: var(--pt-12);
  --bd-md: var(--pt-24);
  --bd-lg: var(--pt-48);
  --bd-xl: var(--pt-96);
}

:root {
  --font-family-display: Public Sans;
  --font-family-sans: Public Sans;
  --font-family-serif: Playfair;
  --font-family-mono: Courier Prime;
  --font-clr-low: hsl(var(--clr-prime-def)/100%);
  --font-clr-drk: hsl(var(--clr-prime-sft)/100%);
  --font-clr-def: hsl(var(--clr-prime-hgh)/100%);
  --font-clr-hgh: var(--clr-w-100);
  --font-clr-dsb: var(--clr-w-50);
  --font-clr-blk: var(--clr-b-100);
  --font-clr-acc: hsl(var(--clr-accent-lit)/100%);
  --font-clr-acc-hgh: hsl(var(--clr-accent-hgh)/100%);
}

:root {
  --clr-bg-0: var(--clr-b-100);
  --clr-bg-1: hsl(var(--clr-neutral-5)/100%);
  --clr-bg-2: hsl(var(--clr-neutral-8)/100%);
  --clr-bg-3: hsl(var(--clr-neutral-11)/100%);
  --clr-bg-4: hsl(var(--clr-neutral-14)/100%);
  --grd-pri-tb: linear-gradient(to bottom, hsl(var(--clr-success-dim)/100%) 0%, hsl(var(--clr-accent-drk)/100%) 50%, hsl(var(--clr-accent-low)/100%) 100%);
  --grd-acc-lr: linear-gradient(to right, hsl(var(--clr-success-hgh)/100%) 0%, hsl(var(--clr-accent-lit)/100%) 100%);
  --grd-acc-rl: linear-gradient(to left, hsl(var(--clr-success-hgh)/100%) 0%, hsl(var(--clr-accent-lit)/100%) 100%);
  --grd-acc-tb: linear-gradient(to bottom, hsl(var(--clr-success-hgh)/100%) 0%, hsl(var(--clr-accent-lit)/100%) 100%);
  --grd-acc-lcr: linear-gradient(to right, hsl(var(--clr-accent-drk)/100%) 0%, hsl(var(--clr-success-hgh)/100%) 50%, hsl(var(--clr-accent-drk)/100%) 100%);
  --clr-bd-low: hsl(var(--clr-neutral-14)/100%);
  --clr-bd-drk: hsl(var(--clr-neutral-17)/100%);
  --clr-bd-def: hsl(var(--clr-neutral-20)/100%);
  --clr-bd-lit: hsl(var(--clr-neutral-23)/100%);
  --clr-bd-hgh: hsl(var(--clr-prime-low)/100%);
  --clr-ico-low: hsl(var(--clr-prime-def)/100%);
  --clr-ico-drk: hsl(var(--clr-prime-sft)/100%);
  --clr-ico-def: hsl(var(--clr-prime-hgh)/100%);
  --clr-ico-hgh: var(--clr-w-100);
  --clr-ico-dsb: var(--clr-w-50);
  --clr-ico-blk: var(--clr-b-100);
  --clr-ico-acc: hsl(var(--clr-accent-lit)/100%);
  --clr-ico-acc-hgh: hsl(var(--clr-accent-hgh)/100%);
}

:root {
  --glow-acc-sm: drop-shadow(0 0 var(--pt-24) hsla(var(--clr-success-lit)/75%));
  --glow-acc-md: drop-shadow(0 0 var(--pt-48) hsla(var(--clr-success-lit)/75%));
  --glow-acc-lg: drop-shadow(0 0 var(--pt-96) hsla(var(--clr-success-lit)/100%));
}

body {
  background: var(--clr-bg-1);
  font-family: var(--font-family-sans);
}
body > header {
  position: fixed;
  top: 0;
  z-index: 5;
}
body > main {
  flex-direction: column;
}
body > main > section {
  flex: 1;
  flex-direction: column;
  align-items: center;
}
body > main > section > .content-box {
  width: var(--col-9);
}
@media only screen and (max-width: 935px) {
  body > main > section > .content-box {
    width: var(--col-6);
  }
}
@media only screen and (max-width: 623px) {
  body > main > section > .content-box {
    width: var(--col-3);
  }
}
body > footer {
  flex-direction: column;
  background: var(--clr-bg-0);
}

#top-nav-dt > article {
  height: var(--pt-96);
  padding-right: var(--pt-28);
  padding-left: var(--pt-28);
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(hsl(var(--clr-neutral-5)/100%) 5%, hsl(var(--clr-neutral-5)/0%) 100%);
}
#top-nav-dt > article #main-nav {
  gap: var(--pt-24);
}
@media only screen and (max-width: 623px) {
  #top-nav-dt {
    display: none !important;
  }
}

#top-nav-mb {
  display: none;
}
#top-nav-mb > article {
  height: var(--pt-64);
  padding-right: var(--pt-12);
  padding-left: var(--pt-12);
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(hsl(var(--clr-neutral-5)/100%) 5%, hsl(var(--clr-neutral-5)/0%) 100%);
}
#top-nav-mb > article #main-nav {
  gap: var(--pt-12);
}
@media only screen and (max-width: 623px) {
  #top-nav-mb {
    display: flex !important;
  }
}

#header {
  position: relative;
  height: var(--col-4);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: var(--col-1);
  overflow: hidden;
  background-image: url("../assets/hero-bg-alt.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom 20%;
}
@media only screen and (max-width: 935px) {
  #header {
    height: var(--col-6);
    justify-content: center;
    padding-bottom: var(--col-2);
  }
}
@media only screen and (max-width: 623px) {
  #header {
    height: var(--col-4);
    justify-content: center;
    padding-bottom: var(--col-2);
  }
}
#header .brand {
  width: auto;
  height: var(--col-1-50);
  justify-content: center;
  align-items: center;
  z-index: 2;
}
@media only screen and (max-width: 623px) {
  #header .brand {
    height: var(--col-1);
  }
}
#header .brand > img {
  height: 100%;
  width: auto;
}
#header .hero-mask {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background-image: linear-gradient(0deg, hsl(var(--clr-neutral-5)/100%) 0%, hsl(var(--clr-neutral-5)/0%) 25%), linear-gradient(90deg, hsl(var(--clr-neutral-5)/100%) 2%, hsl(var(--clr-neutral-5)/0%) 50%, hsl(var(--clr-neutral-5)/100%) 98%);
}

#footer {
  flex-direction: column;
  background: var(--clr-bg-0);
  border-top: solid var(--clr-bd-low) var(--bd-lit);
}
@media only screen and (max-width: 935px) {
  #footer {
    align-items: center;
  }
}
#footer > article {
  height: var(--col-1);
  justify-content: space-between;
  align-items: center;
  padding-right: var(--pt-27);
  padding-left: var(--pt-32);
}
@media only screen and (max-width: 935px) {
  #footer > article {
    width: var(--col-6);
    height: auto;
    flex-direction: column-reverse;
    padding-top: var(--p-lg);
    padding-right: 0;
    padding-bottom: var(--p-lg);
    padding-left: 0;
    gap: var(--g-lg);
  }
}
@media only screen and (max-width: 623px) {
  #footer > article {
    width: var(--col-3);
  }
}
#footer #legal {
  justify-content: center;
  align-items: center;
  gap: var(--g-md);
}
@media only screen and (max-width: 1247px) {
  #footer #legal {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--pt-2);
  }
}
@media only screen and (max-width: 935px) {
  #footer #legal {
    width: 100%;
    flex-direction: column-reverse;
    align-items: center;
    gap: var(--g-md);
  }
}
@media only screen and (max-width: 623px) {
  #footer #legal {
    gap: var(--g-lg);
  }
}
#footer #legal > nav {
  gap: var(--g-md);
}
@media only screen and (max-width: 1247px) {
  #footer #legal > nav {
    gap: var(--g-sm);
  }
}
@media only screen and (max-width: 935px) {
  #footer #legal > nav {
    gap: var(--g-md);
  }
}
@media only screen and (max-width: 623px) {
  #footer #legal > nav {
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--g-md);
  }
}
#footer #legal > nav > span {
  display: flex;
}
@media only screen and (max-width: 623px) {
  #footer #legal > nav > span {
    min-width: var(--col-1);
    justify-content: center;
  }
}
#footer #some {
  align-items: center;
  gap: var(--g-sm);
}
@media only screen and (max-width: 935px) {
  #footer #some {
    flex-direction: column;
  }
}
#footer #some > nav {
  gap: var(--g-xs);
}
#footer #some > nav > a:last-of-type {
  padding-top: var(--pt-1) !important;
  padding-right: var(--pt-0) !important;
  padding-bottom: var(--pt-0) !important;
  padding-left: var(--pt-0) !important;
}

#hero {
  justify-content: flex-start;
  padding-bottom: var(--pt-64);
}
@media only screen and (max-width: 623px) {
  #hero {
    padding-bottom: var(--p-xl);
  }
}
@media only screen and (max-width: 935px) {
  #hero > .content-box {
    gap: var(--g-lg);
  }
}
#hero > .content-box > .item {
  flex: 1;
  min-width: var(--col-3);
  padding: var(--p-md);
}
@media only screen and (max-width: 935px) {
  #hero > .content-box > .item {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 623px) {
  #hero > .content-box > .item {
    min-width: 100%;
    padding-top: 0;
    padding-right: var(--p-sm);
    padding-bottom: 0;
    padding-left: var(--p-sm);
  }
}
#hero > .content-box > .item article {
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 935px) {
  #hero > .content-box > .item article {
    flex: 1;
    min-width: var(--col-2-50);
  }
}
@media only screen and (max-width: 935px) {
  #hero > .content-box > .item .last-one {
    max-width: calc(var(--pt-1) * 252);
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 623px) {
  #hero > .content-box > .item .last-one {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
#hero > .content-box > .item:nth-of-type(1) {
  flex-direction: column;
}
@media only screen and (max-width: 935px) {
  #hero > .content-box > .item:nth-of-type(1) {
    min-width: 100%;
  }
}
@media only screen and (max-width: 623px) {
  #hero > .content-box > .item:nth-of-type(1) {
    min-width: 100%;
    padding-top: 0;
    padding-right: var(--p-sm);
    padding-left: var(--p-sm);
  }
}
#hero > .content-box > .item:nth-of-type(2) {
  flex-wrap: wrap;
  gap: var(--g-md);
}
#hero > .content-box > .item:nth-of-type(2) > header {
  height: var(--pt-32);
  align-items: center;
  padding-right: var(--pt-12);
  padding-left: var(--pt-12);
}
@media only screen and (max-width: 935px) {
  #hero > .content-box > .item:nth-of-type(2) > header {
    height: fit-content;
  }
}
@media only screen and (max-width: 623px) {
  #hero > .content-box > .item:nth-of-type(2) > header {
    min-width: 100%;
  }
}

#benefits {
  justify-content: center;
  padding-bottom: var(--col-1);
}
@media only screen and (max-width: 935px) {
  #benefits .content-box {
    padding: 0 var(--p-md);
  }
}
@media only screen and (max-width: 623px) {
  #benefits .content-box {
    padding: 0 var(--p-sm);
  }
}

#support {
  padding-top: var(--p-xl);
  padding-bottom: var(--col-2);
}
@media only screen and (max-width: 935px) {
  #support {
    padding-top: 0;
    padding-bottom: var(--p-xl);
  }
}
@media only screen and (max-width: 623px) {
  #support > .content-box {
    padding: 0 var(--p-sm);
  }
}
#support > .content-box > section {
  padding: var(--p-lg);
  gap: var(--g-lg);
  background: var(--clr-w-2);
  border-radius: var(--bd-lg);
}
@media only screen and (max-width: 935px) {
  #support > .content-box > section {
    padding: var(--pt-32);
    gap: var(--pt-32);
    border-radius: var(--bd-md);
  }
}
@media only screen and (max-width: 623px) {
  #support > .content-box > section {
    padding-top: var(--p-lg);
    padding-right: var(--p-md);
    padding-bottom: var(--p-md);
    padding-left: var(--p-md);
    gap: var(--g-lg);
    border-radius: var(--bd-md);
  }
}
#support > .content-box > section > .ico {
  height: var(--col-1) !important;
  width: var(--col-1) !important;
}
@media only screen and (max-width: 935px) {
  #support > .content-box > section > .ico {
    height: var(--pt-64) !important;
    width: var(--pt-64) !important;
  }
}
@media only screen and (max-width: 623px) {
  #support > .content-box > section > .ico {
    width: 100% !important;
    height: var(--col-1) !important;
  }
}
#support > .content-box > section > div:last-of-type {
  flex: 1;
  padding-left: var(--p-lg);
  gap: var(--g-md);
  border-left: solid var(--clr-bd-low) var(--bd-lit);
}
@media only screen and (max-width: 935px) {
  #support > .content-box > section > div:last-of-type {
    padding-left: var(--pt-32);
  }
}
@media only screen and (max-width: 623px) {
  #support > .content-box > section > div:last-of-type {
    padding-left: 0;
    gap: var(--g-md);
    border-left: none;
    border-top: none;
  }
}
#support > .content-box > section > div:last-of-type > section {
  flex-direction: column;
  gap: var(--g-sm);
}
#support > .content-box > section > footer {
  align-items: center;
}
#support > .content-box > section > footer > article {
  align-items: flex-start;
  flex-direction: column;
  padding: var(--p-md);
  gap: var(--g-xs);
  background: var(--clr-b-8);
  border: solid var(--clr-bd-low) var(--bd-lit);
  border-radius: var(--bd-xs);
}
@media only screen and (max-width: 623px) {
  #support > .content-box > section > footer > article {
    padding: var(--p-sm) var(--pt-16);
  }
}
#support > .content-box > section > footer > article > header {
  align-items: center;
  gap: var(--g-sm);
}
#support > .content-box > section > footer > article > header > h2 {
  padding-top: var(--pt-1);
}
#support > .content-box > footer {
  height: var(--pt-48);
  justify-content: center;
  align-items: center;
}

#docs .content-box > header, #download .content-box > header, #tos .content-box > header, #privacy .content-box > header {
  align-items: flex-end;
  padding-right: var(--p-md);
  padding-left: var(--p-md);
  gap: var(--g-sm);
}
@media only screen and (max-width: 623px) {
  #docs .content-box > header, #download .content-box > header, #tos .content-box > header, #privacy .content-box > header {
    padding-right: var(--p-sm);
    padding-left: var(--p-sm);
  }
}
#docs .content-box > header h1, #download .content-box > header h1, #tos .content-box > header h1, #privacy .content-box > header h1 {
  width: fit-content;
}
#docs .content-box > header h1 > span, #download .content-box > header h1 > span, #tos .content-box > header h1 > span, #privacy .content-box > header h1 > span {
  font-size: var(--font-size-32);
  font-weight: var(--font-weight-thn);
  letter-spacing: var(--font-space-tight-1);
  line-height: var(--font-line-multi-32);
  text-wrap: nowrap;
  background: linear-gradient(to left, hsl(var(--clr-success-hgh)/100%) 0%, hsl(var(--clr-accent-lit)/100%) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  overflow: visible;
}
@media only screen and (max-width: 935px) {
  #docs .content-box > header h1 > span, #download .content-box > header h1 > span, #tos .content-box > header h1 > span, #privacy .content-box > header h1 > span {
    font-size: var(--font-size-24);
    font-weight: var(--font-weight-thn);
    letter-spacing: var(--font-space-auto-0);
    line-height: var(--font-line-multi-24);
  }
}
#docs .content-box > header .dvdr-h-lit, #download .content-box > header .dvdr-h-lit, #tos .content-box > header .dvdr-h-lit, #privacy .content-box > header .dvdr-h-lit {
  margin-bottom: var(--pt-6);
}
@media only screen and (max-width: 935px) {
  #docs .content-box > header .dvdr-h-lit, #download .content-box > header .dvdr-h-lit, #tos .content-box > header .dvdr-h-lit, #privacy .content-box > header .dvdr-h-lit {
    margin-bottom: var(--pt-5);
  }
}
#docs .content-box > header .dvdr-h-lit > div, #download .content-box > header .dvdr-h-lit > div, #tos .content-box > header .dvdr-h-lit > div, #privacy .content-box > header .dvdr-h-lit > div {
  background: hsl(var(--clr-accent-lit)/15%);
}

#docs {
  position: relative;
}
#docs .content-box > aside {
  width: var(--col-3);
  min-width: var(--col-3);
  padding-top: var(--col-1);
  padding-right: var(--p-md);
  padding-left: var(--p-md);
}
@media only screen and (max-width: 935px) {
  #docs .content-box > aside {
    width: var(--col-6);
    padding-top: var(--p-lg);
    padding-right: var(--p-xl);
    padding-left: var(--p-xl);
  }
}
@media only screen and (max-width: 623px) {
  #docs .content-box > aside {
    padding-right: var(--p-sm);
    padding-left: var(--p-sm);
  }
}
#docs .content-box > aside > article {
  position: sticky;
  top: var(--col-1);
  flex-direction: column;
  height: fit-content;
}
#docs .content-box > aside > article > header {
  height: var(--pt-24);
  padding-right: var(--p-sm);
  padding-left: var(--p-sm);
}
#docs .content-box > aside > article > nav {
  flex-direction: column;
  background: var(--clr-bg-1);
  border-radius: var(--bd-sm);
}
#docs .content-box > aside > article > nav > button {
  justify-content: space-between !important;
  padding-right: var(--pt-20) !important;
  padding-left: var(--pt-16) !important;
  overflow: visible !important;
}
#docs .content-box > aside > article > nav > button:hover {
  padding-right: var(--pt-16) !important;
  background: radial-gradient(ellipse 200% 400% at 100% 100%, var(--clr-bg-2) 0%, hsl(var(--clr-success-def)/10%) 100%), var(--clr-bg-3);
  border: solid var(--clr-bd-drk) var(--bd-lit);
}
#docs .content-box > aside > article > nav > button:hover > span {
  color: var(--font-clr-acc) !important;
}
#docs .content-box > aside > article > nav > button:hover > .ico {
  stroke: var(--clr-ico-acc) !important;
}
#docs .content-box > aside > article > nav > .dvdr-h-reg > div {
  background: var(--clr-bg-2);
}
#docs .content-box > div {
  flex: 1 !important;
  flex-direction: column;
  padding-right: var(--p-md);
  padding-left: var(--p-md);
}
@media only screen and (max-width: 623px) {
  #docs .content-box > div {
    padding-right: var(--p-sm);
    padding-left: var(--p-sm);
  }
}
#docs .content-box > div > section {
  flex-direction: column;
  padding-top: var(--p-xl);
  padding-bottom: var(--p-xl);
}
@media only screen and (max-width: 935px) {
  #docs .content-box > div > section {
    padding-top: var(--p-lg);
    padding-bottom: var(--p-lg);
  }
}
#docs .content-box > div > section > header {
  height: var(--pt-48);
  align-items: center;
}
#docs .content-box > div > section > section {
  flex-direction: column;
  gap: var(--pt-16);
}
#docs .content-box > div > section > section h3 {
  padding-top: var(--p-md);
}
#docs .content-box > div > section > section h3 > span {
  font-size: var(--font-size-24);
  line-height: var(--font-line-multi-24);
  font-weight: var(--font-weight-slm);
  color: var(--font-clr-def);
}
@media only screen and (max-width: 623px) {
  #docs .content-box > div > section > section h3 > span {
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-thn);
    line-height: var(--font-line-multi-20);
  }
}
#docs .content-box > div > section > section > span {
  font-size: var(--font-size-14);
  line-height: var(--font-line-multi-14);
  font-weight: var(--font-weight-slm);
  color: var(--font-clr-drk);
}
#docs .content-box > div > section > section > iframe {
  width: 100%;
  aspect-ratio: 16/9;
  margin-top: var(--pt-8);
  margin-bottom: var(--pt-8);
  border: solid var(--clr-bd-low) var(--bd-reg);
  border-radius: var(--bd-sm);
  overflow: hidden;
}
@media only screen and (max-width: 623px) {
  #docs .content-box > div > section > section > iframe {
    border-radius: var(--bd-xs);
  }
}
#docs .content-box > div .dvdr-h-lit > div:first-of-type {
  background: linear-gradient(to right, hsl(var(--clr-neutral-23)/0%) 0%, hsl(var(--clr-neutral-23)/100%) 100%);
}
#docs .content-box > div .dvdr-h-lit > div:nth-of-type(2) {
  padding-right: var(--p-sm) !important;
  padding-left: var(--p-sm) !important;
}
#docs .content-box > div .dvdr-h-lit > div:nth-of-type(2) > .ico {
  fill: hsl(var(--clr-neutral-23)/100%);
}
#docs .content-box > div .dvdr-h-lit > div:last-of-type {
  background: linear-gradient(to left, hsl(var(--clr-neutral-23)/0%) 0%, hsl(var(--clr-neutral-23)/100%) 100%);
}

#download {
  position: relative;
}
#download .content-box {
  flex-direction: column;
  gap: var(--g-xl);
  padding-bottom: var(--p-xl);
}
@media only screen and (max-width: 623px) {
  #download .content-box {
    padding-right: var(--p-sm);
    padding-left: var(--p-sm);
  }
}
#download .content-box > section {
  gap: var(--p-md);
}

#tos, #privacy {
  position: relative;
}
#tos .content-box, #privacy .content-box {
  flex-direction: column;
  padding-bottom: var(--p-xl);
  gap: var(--g-lg);
}
@media only screen and (max-width: 935px) {
  #tos .content-box, #privacy .content-box {
    padding-bottom: var(--p-lg);
  }
}
#tos .content-box > section, #privacy .content-box > section {
  flex-direction: column;
  padding: 0 var(--p-lg);
  gap: var(--g-sm);
}
@media only screen and (max-width: 935px) {
  #tos .content-box > section, #privacy .content-box > section {
    padding: 0 var(--p-md);
  }
}
@media only screen and (max-width: 623px) {
  #tos .content-box > section, #privacy .content-box > section {
    padding: 0 var(--p-sm);
  }
}
#tos .content-box > section h3 > span, #privacy .content-box > section h3 > span {
  font-size: var(--font-size-24);
  line-height: var(--font-line-multi-24);
  font-weight: var(--font-weight-slm);
  color: var(--font-clr-def);
}
@media only screen and (max-width: 623px) {
  #tos .content-box > section h3 > span, #privacy .content-box > section h3 > span {
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-thn);
    line-height: var(--font-line-multi-20);
  }
}
#tos .content-box > section > span, #privacy .content-box > section > span {
  font-size: var(--font-size-14);
  line-height: var(--font-line-multi-14);
  font-weight: var(--font-weight-slm);
  color: var(--font-clr-drk);
}
#tos .content-box > section > ul > li, #privacy .content-box > section > ul > li {
  font-size: var(--font-size-14);
  line-height: var(--font-line-multi-14);
  font-weight: var(--font-weight-slm);
  color: var(--font-clr-drk);
}

.card.intro {
  flex-direction: column;
  gap: var(--pt-20);
}
.card.intro > h1 {
  gap: var(--g-sm);
}
.card.intro > h1 > span:first-of-type {
  font-size: var(--font-size-40);
  letter-spacing: var(--font-space-tight-025);
  line-height: var(--font-line-multi-40);
  font-weight: var(--font-weight-thn);
}
@media only screen and (max-width: 623px) {
  .card.intro > h1 > span:first-of-type {
    font-size: var(--font-size-28);
    letter-spacing: var(--font-space-tight-025);
    line-height: var(--font-line-multi-28);
    font-weight: var(--font-weight-thn);
  }
}
.card.intro > h1 > span:last-of-type {
  font-size: var(--font-size-24);
  line-height: var(--font-line-multi-24);
  font-weight: var(--font-weight-slm);
}
@media only screen and (max-width: 623px) {
  .card.intro > h1 > span:last-of-type {
    font-size: var(--font-size-20);
    line-height: var(--font-line-multi-20);
    font-weight: var(--font-weight-thn);
  }
}
.card.feature {
  align-items: center;
  padding-right: var(--p-sm);
  gap: var(--g-sm);
  background: var(--clr-bg-2);
  border: solid var(--clr-bd-drk) var(--bd-lit);
  border-radius: var(--pt-12);
}
@media only screen and (max-width: 935px) {
  .card.feature {
    flex-direction: column;
    padding-top: var(--p-sm);
    padding-right: var(--p-md);
    padding-bottom: var(--p-md);
    padding-left: var(--p-md);
  }
}
.card.feature > div {
  width: var(--col-1);
  min-width: var(--col-1);
  height: var(--col-1);
  justify-content: center;
  align-items: center;
  background-image: url("../assets/pic-bg.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
@media only screen and (max-width: 935px) {
  .card.feature > div {
    min-height: var(--col-1);
  }
}
.card.feature > h2 {
  height: 100%;
  justify-content: center;
  gap: var(--g-xs);
}
@media only screen and (max-width: 935px) {
  .card.feature > h2 {
    align-items: center;
    text-align: center;
  }
}
.card.benefits {
  position: relative;
  padding-top: var(--p-md);
  padding-bottom: var(--p-md);
  background: radial-gradient(60% 100% at 50% 0%, hsl(var(--clr-success-def)/5%) 0%, var(--clr-b-20) 100%);
  border: solid var(--clr-bd-low) var(--bd-lit);
  border-radius: var(--bd-md);
  box-shadow: 0 var(--pt-4) var(--pt-8) 0 var(--clr-b-50) inset;
}
@media only screen and (max-width: 935px) {
  .card.benefits {
    gap: var(--g-md);
  }
}
@media only screen and (max-width: 623px) {
  .card.benefits {
    padding-top: var(--p-lg);
    padding-bottom: var(--p-md);
  }
}
.card.benefits > .ico {
  position: absolute;
  top: calc(var(--pt-24) * -1);
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}
.card.benefits > .edge {
  position: absolute;
  top: var(--pt-neg-025);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 100%;
  height: var(--pt-05);
  align-items: center;
  padding-right: 0;
  padding-left: 0;
  overflow: visible;
}
.card.benefits > .edge > div:first-of-type, .card.benefits > .edge div:last-of-type {
  flex: 1;
  height: 100%;
}
.card.benefits > .edge > div {
  background: linear-gradient(90deg, hsl(var(--clr-accent-def)/0%) 0%, hsl(var(--clr-success-lit)/35%) 40%, hsl(var(--clr-success-lit)/100%) 50%, hsl(var(--clr-success-lit)/35%) 60%, hsl(var(--clr-accent-def)/0%) 100%);
}
.card.benefits > .dvdr-v-lit {
  padding-top: var(--p-md) !important;
  padding-bottom: var(--p-md) !important;
}
@media only screen and (max-width: 935px) {
  .card.benefits > .dvdr-v-lit {
    display: none;
  }
}
.card.benefits > .dvdr-v-lit > div {
  background: linear-gradient(hsl(var(--clr-success-lit)/40%) 0%, hsl(var(--clr-success-lit)/25%) 50%, hsl(var(--clr-accent-def)/10%) 100%);
}
.card.benefits > .dvdr-h-lit {
  display: none;
  padding-right: var(--p-md) !important;
  padding-left: var(--p-md) !important;
}
.card.benefits > .dvdr-h-lit > div {
  background: linear-gradient(to right, hsl(var(--clr-accent-def)/10%) 0%, hsl(var(--clr-success-lit)/25%) 50%, hsl(var(--clr-accent-def)/10%) 100%);
}
@media only screen and (max-width: 935px) {
  .card.benefits > .dvdr-h-lit {
    display: flex;
    padding-right: var(--p-lg) !important;
    padding-left: var(--p-lg) !important;
  }
}
@media only screen and (max-width: 623px) {
  .card.benefits > .dvdr-h-lit {
    padding-right: var(--p-md) !important;
    padding-left: var(--p-md) !important;
  }
}
.card.benefits > .item {
  flex: 1;
  min-width: var(--col-3);
  height: fit-content;
  justify-content: center;
  align-items: center;
  padding-top: var(--p-md);
  padding-right: var(--p-lg);
  padding-bottom: var(--p-md);
  padding-left: var(--p-lg);
  font-size: var(--font-size-20);
  line-height: var(--font-line-multi-20);
  font-weight: var(--font-weight-slm);
}
@media only screen and (max-width: 935px) {
  .card.benefits > .item {
    min-width: 100%;
  }
}
@media only screen and (max-width: 623px) {
  .card.benefits > .item {
    padding-top: 0;
    padding-right: var(--p-md);
    padding-bottom: 0;
    padding-left: var(--p-md);
    font-size: var(--font-size-18);
    line-height: var(--font-line-multi-18);
    font-weight: var(--font-weight-slm);
  }
}
.card.build {
  position: relative;
  justify-content: space-between;
  align-items: flex-start;
  padding: var(--p-lg);
  gap: var(--g-lg);
  background: var(--clr-w-2);
  border: solid var(--clr-bd-low) var(--bd-lit);
  border-radius: var(--bd-md);
  overflow: visible;
}
@media only screen and (max-width: 935px) {
  .card.build {
    border-radius: var(--bd-sm);
    padding: var(--p-md);
    gap: var(--g-md);
  }
}
@media only screen and (max-width: 623px) {
  .card.build {
    flex-direction: column;
  }
}
.card.build .build-label {
  position: absolute;
  left: var(--pt-24);
  top: calc(var(--pt-24) * -1);
  width: fit-content;
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-thn);
  line-height: var(--font-line-single-18);
}
@media only screen and (max-width: 935px) {
  .card.build .build-label {
    left: var(--pt-12);
  }
}
.card.build > section {
  flex: 1;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 935px) {
  .card.build > section {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--g-md);
  }
}
.card.build > section > header {
  gap: var(--g-md);
  align-items: center;
}
@media only screen and (max-width: 935px) {
  .card.build > section > header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--g-sm);
  }
}
.card.build > section > header .label-sm {
  background: var(--clr-bg-4);
  border-color: var(--clr-bd-def);
}
.card.build > section > header > h2 {
  gap: var(--g-xs);
}
.card.build > section > header > h2 > span {
  font-size: var(--font-size-32);
  font-weight: var(--font-weight-thn);
  line-height: var(--font-line-single-32);
  letter-spacing: var(--font-space-tight-05);
}
@media only screen and (max-width: 935px) {
  .card.build > section > header > h2 > span {
    font-size: var(--font-size-24);
    font-weight: var(--font-weight-thn);
    line-height: var(--font-line-multi-24);
    letter-spacing: var(--font-space-auto-0);
  }
}
.card.build > section .build-details {
  gap: var(--g-lg);
}
@media only screen and (max-width: 935px) {
  .card.build > section .build-details {
    flex-direction: column;
    gap: var(--g-sm);
  }
}
.card.build > section .build-details > div {
  width: fit-content;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--pt-4);
}
@media only screen and (max-width: 623px) {
  .card.build .dvdr-v-lit {
    display: none;
  }
}
.card.build .dvdr-v-lit > div {
  background: var(--clr-bd-def);
}
.card.build > nav {
  flex-direction: column;
  gap: var(--g-md);
}
@media only screen and (max-width: 623px) {
  .card.build > nav {
    width: 100%;
  }
}
.card.build > nav > a {
  width: var(--col-2);
  padding-right: var(--pt-16);
  padding-left: var(--pt-16);
}
@media only screen and (max-width: 623px) {
  .card.build > nav > a {
    width: 100%;
  }
}

.label, .label-sm, .label-lg {
  position: relative;
  width: fit-content;
  background: var(--clr-bg-2);
  border: solid var(--clr-bd-low) var(--bd-reg);
  border-radius: var(--bd-xs);
}
.label-lg {
  height: var(--pt-32);
  align-items: center;
  padding-top: var(--pt-1);
  padding-right: var(--pt-8);
  padding-left: var(--pt-8);
}
.label-lg span {
  font-size: var(--font-size-18);
  line-height: var(--font-line-multi-18);
  font-weight: var(--font-weight-reg);
  background: var(--grd-acc-rl);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.label-sm {
  height: var(--pt-28);
  align-items: center;
  padding-right: var(--pt-8);
  padding-left: var(--pt-8);
}
.label-sm span {
  font-size: var(--font-size-14);
  line-height: var(--font-line-multi-14);
  font-weight: var(--font-weight-reg);
  letter-spacing: var(--font-space-loose-025);
  background: var(--grd-acc-rl);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

button, a {
  font-family: var(--font-family-sans);
  border-radius: var(--bd-xs);
}

.btn-pri {
  position: relative;
  background: var(--grd-pri-tb);
}
.btn-pri::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  box-shadow: 0 var(--pt-1) 0 0 var(--clr-w-35) inset, 0 var(--pt-2) 0 0 var(--clr-w-17) inset, 0 var(--pt-neg-1) 0 0 var(--clr-b-35) inset, 0 var(--pt-neg-2) 0 0 var(--clr-b-17) inset, 0 var(--pt-neg-2) var(--pt-neg-12) var(--pt-neg-4) var(--clr-w-100) inset, 0 var(--pt-neg-1) 0 var(--pt-1) var(--clr-b-14), 0 var(--pt-2) 0 var(--pt-neg-1) var(--clr-b-26);
  mix-blend-mode: overlay;
  z-index: 1;
}
.btn-pri:hover {
  transform: scale(1.1);
}
.btn-pri:active {
  transform: scale(0.95);
}

.btn-sec {
  background: var(--clr-bg-2);
  border-style: solid;
  border-width: var(--bd-reg);
  border-color: var(--clr-bd-lit);
  text-decoration: none;
}
.btn-sec:hover {
  transform: scale(1.1);
  background: var(--clr-bg-3);
  border-color: var(--clr-bd-hgh);
}
.btn-sec:hover > span {
  color: var(--font-clr-hgh);
}
.btn-sec:hover > .ico {
  fill: var(--clr-ico-hgh);
  stroke: var(--clr-ico-hgh);
}
.btn-sec:active {
  transform: scale(0.97);
}
.btn-sec:focus {
  border-color: var(--clr-bd-hgh);
}

.btn-pln:hover > span {
  color: var(--font-clr-hgh);
}
.btn-pln:hover > .ico {
  fill: var(--clr-ico-hgh);
  stroke: var(--clr-ico-hgh);
}

.link-pri {
  color: var(--font-clr-acc);
}
.link-pri:hover {
  color: var(--font-clr-acc-hgh);
  text-decoration: underline;
}
.link-def {
  color: var(--font-clr-def);
}
.link-def:hover {
  color: var(--font-clr-hgh);
  text-decoration: underline;
}
.link-drk {
  color: var(--font-clr-drk);
}
.link-drk:hover {
  color: var(--font-clr-hgh);
  text-decoration: underline;
}
.link-low {
  color: var(--font-clr-low);
}
.link-low:hover {
  color: var(--font-clr-hgh);
  text-decoration: underline;
}

.grd-acc-lr {
  background: var(--grd-acc-lr);
}

.grd-acc-rl {
  background: var(--grd-acc-rl);
}

.grd-acc-tb {
  background: var(--grd-acc-tb);
}

.grd-acc-lcr {
  background: var(--grd-acc-lcr);
}

.glow-acc-sm {
  filter: var(--glow-acc-sm);
}

.glow-acc-md {
  filter: var(--glow-acc-md);
}

.glow-acc-lg {
  filter: var(--glow-acc-lg);
}

.txt-sans {
  font-family: var(--font-family-sans);
}

.txt-cap-xs, .txt-cap-xs-1l {
  font-size: var(--font-size-10);
  letter-spacing: var(--font-space-loose-05);
  line-height: var(--font-line-multi-10);
}
.txt-cap-xs-1l {
  line-height: var(--font-line-single-10) !important;
}

.txt-cap-sm, .txt-cap-sm-1l {
  font-size: var(--font-size-11);
  letter-spacing: var(--font-space-loose-05);
  line-height: var(--font-line-multi-11);
}
.txt-cap-sm-1l {
  line-height: var(--font-line-single-11) !important;
}

.txt-cap, .txt-cap-1l {
  font-size: var(--font-size-12);
  letter-spacing: var(--font-space-loose-05);
  line-height: var(--font-line-multi-12);
}
.txt-cap-1l {
  line-height: var(--font-line-single-12) !important;
}

.txt-body-sm, .txt-body-sm-1l {
  font-size: var(--font-size-13);
  letter-spacing: var(--font-space-loose-05);
  line-height: var(--font-line-multi-13);
}
.txt-body-sm-1l {
  line-height: var(--font-line-single-13) !important;
}

.txt-body, .txt-body-1l {
  font-size: var(--font-size-14);
  letter-spacing: var(--font-space-loose-025);
  line-height: var(--font-line-multi-14);
}
.txt-body-1l {
  line-height: var(--font-line-single-14) !important;
}

.txt-body-lg, .txt-body-lg-1l {
  font-size: var(--font-size-16);
  line-height: var(--font-line-multi-16);
}
.txt-body-lg-1l {
  line-height: var(--font-line-single-16) !important;
}

.txt-lead, .txt-lead-1l {
  font-size: var(--font-size-18);
  line-height: var(--font-line-multi-18);
}
.txt-lead-1l {
  line-height: var(--font-line-single-18) !important;
}

.txt-lead-lg, .txt-lead-lg-1l {
  font-size: var(--font-size-20);
  line-height: var(--font-line-multi-20);
}
.txt-lead-lg-1l {
  line-height: var(--font-line-single-20) !important;
}

.txt-sub, .txt-sub-lg-1l, .txt-sub-1l {
  font-size: var(--font-size-24);
  line-height: var(--font-line-multi-24);
}
.txt-sub-1l {
  line-height: var(--font-line-single-24) !important;
}

.txt-sub-lg {
  font-size: var(--font-size-32);
  line-height: var(--font-line-multi-32);
}
.txt-sub-lg-1l {
  line-height: var(--font-line-single-32) !important;
}

.txt-ttl, .txt-ttl-1l {
  font-size: var(--font-size-40);
  letter-spacing: var(--font-space-tight-025);
  line-height: var(--font-line-multi-40);
}
.txt-ttl-1l {
  line-height: var(--font-line-single-40) !important;
}

.txt-hero, .txt-hero-1l {
  font-size: var(--font-size-64);
  letter-spacing: var(--font-space-tight-4);
  line-height: var(--font-line-multi-64);
}
.txt-hero-1l {
  line-height: var(--font-line-single-80) !important;
}

.txt-def {
  color: var(--font-clr-def);
}

.txt-drk {
  color: var(--font-clr-drk);
}

.txt-hgh {
  color: var(--font-clr-hgh);
}

.txt-low {
  color: var(--font-clr-low);
}

.txt-black {
  color: var(--font-clr-blk);
}

.txt-acc {
  color: var(--font-clr-acc);
}

.txt-acc-hgh {
  color: var(--font-clr-acc-hgh);
}

.txt-dsb {
  color: var(--font-clr-dsb);
}

.txt-grd {
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.txt-thn {
  font-weight: var(--font-weight-thn);
}

.txt-slm {
  font-weight: var(--font-weight-slm);
}

.txt-lit {
  font-weight: var(--font-weight-lit);
}

.txt-reg {
  font-weight: var(--font-weight-reg);
}

.txt-mdm {
  font-weight: var(--font-weight-mdm);
}

.txt-sbd {
  font-weight: var(--font-weight-sbd);
}

.txt-bld {
  font-weight: var(--font-weight-bld);
}

.txt-hvy {
  font-weight: var(--font-weight-hvy);
}

.txt-blk {
  font-weight: var(--font-weight-blk);
}

.txt-shd {
  text-shadow: 0 var(--pt-1) var(--pt-1) var(--clr-b-50);
}

*, *:before, *:after {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased !important;
}


.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 110%; 
  left: 0;
  background:#0f151a ; 
  border-radius: 0.5rem;
  min-width: 140px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  z-index: 1000;
  padding: 0.25rem 0;
}

.dropdown-menu li {
  list-style: none; 
}

.dropdown-menu li a {
  display: block;
  padding: 0.5rem 1rem;
  color: #e5e5e5; 
  text-decoration: none;
  font-size: 0.95rem;
  transition: background 0.2s ease, color 0.2s ease;
}

.dropdown-menu li a:hover {
  background: #2d2d2d;
  color: white;
}

.dropdown.open .dropdown-menu {
  display: block;
}

.txt-left{
  text-align: left;
}