
@font-face {
	font-family: 'JetBrains Mono';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/jetbrains-mono-400.ttf') format('truetype');
}
@font-face {
	font-family: 'JetBrains Mono';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/jetbrains-mono-700.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/inter-300.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/inter-400.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	src: url('fonts/inter-600.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 800;
	src: url('fonts/inter-800.ttf') format('truetype');
}
@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 100 900;
	font-stretch: 62% 125%;
	font-display: swap;
	src: url('fonts/archivo-var.ttf') format('truetype-variations'),
	     url('fonts/archivo-var.ttf') format('truetype');
}


  .fa-header,
  .fa-header * {
    box-sizing: border-box;
  }

  .fa-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background: rgba(5, 5, 5, 0.80);
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-family: "Inter", Arial, sans-serif;
  }

  .fa-header .fa-hd-nav {
    min-height: 65px;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
  }

  .fa-header .fa-hd-brand,
  .fa-header .fa-hd-brand:hover,
  .fa-header .fa-hd-brand:focus,
  .fa-header .fa-hd-brand:active,
  .fa-header .fa-hd-brand:visited {
    color: #ffffff;
    text-decoration: none;
    background: transparent;
    -webkit-text-fill-color: #ffffff;
  }

  .fa-header .fa-hd-brand {
    display: inline-flex;
    align-items: center;
    font-family: "Inter", Arial, sans-serif;
    font-size: 24px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-synthesis: none;
    text-transform: uppercase;
    letter-spacing: -0.035em;
    text-shadow: none;
    -webkit-text-stroke: 0 transparent;
    transform: none;
  }

  .fa-header .fa-hd-brand span {
    color: #ff5c1a;
    -webkit-text-fill-color: #ff5c1a;
    text-shadow: none;
    -webkit-text-stroke: 0 transparent;
  }

  .fa-header .fa-hd-links {
    display: flex;
    align-items: center;
    gap: 32px;
    font-family: "JetBrains Mono", monospace;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
  }

  .fa-header .fa-hd-links a:not(.fa-hd-btn),
  .fa-header .fa-hd-links a:not(.fa-hd-btn):visited {
    color: rgba(255, 255, 255, 0.90);
    text-decoration: none;
    background: transparent;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.90);
    font-family: "JetBrains Mono", monospace;
    font-weight: 400;
  }

  .fa-header .fa-hd-links a:not(.fa-hd-btn):hover,
  .fa-header .fa-hd-links a:not(.fa-hd-btn):focus {
    color: #ff5c1a;
    text-decoration: none;
    -webkit-text-fill-color: #ff5c1a;
  }

  .fa-header .fa-hd-btn,
  .fa-header .fa-hd-btn:visited,
  .fa-header .fa-hd-btn:hover,
  .fa-header .fa-hd-btn:focus,
  .fa-header .fa-hd-btn:active {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 22px;
    border: 1px solid transparent;
    background: #ff5c1a;
    color: #0e0f12;
    -webkit-text-fill-color: #0e0f12;
    text-decoration: none;
    font-family: "Inter", Arial, sans-serif;
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    box-shadow: none;
    border-radius: 0;
  }

  .fa-header .fa-hd-btn:hover,
  .fa-header .fa-hd-btn:focus {
    background: #ffffff;
    color: #0e0f12;
    -webkit-text-fill-color: #0e0f12;
  }

  .fa-header .fa-hd-menu-btn {
    display: none;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
    color: #ffffff;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    box-shadow: none;
  }

  .fa-header .fa-hd-menu-icon {
    position: relative;
    display: block;
    width: 24px;
    height: 18px;
  }

  .fa-header .fa-hd-menu-icon i {
    position: absolute;
    right: 0;
    height: 2px;
    border-radius: 999px;
    background: #ffffff;
    transition: top 0.22s ease, width 0.22s ease, transform 0.22s ease, background 0.22s ease;
  }

  .fa-header .fa-hd-menu-icon i:nth-child(1) {
    top: 0;
    width: 24px;
  }

  .fa-header .fa-hd-menu-icon i:nth-child(2) {
    top: 8px;
    width: 15px;
    background: #ff5c1a;
  }

  .fa-header .fa-hd-menu-icon i:nth-child(3) {
    top: 16px;
    width: 24px;
  }

  .fa-header .fa-hd-menu-btn.is-open {
    background: #ff5c1a;
    border-color: #ff5c1a;
  }

  .fa-header .fa-hd-menu-btn.is-open .fa-hd-menu-icon i {
    background: #0e0f12;
  }

  .fa-header .fa-hd-menu-btn.is-open .fa-hd-menu-icon i:nth-child(1) {
    top: 8px;
    width: 24px;
    transform: rotate(45deg);
  }

  .fa-header .fa-hd-menu-btn.is-open .fa-hd-menu-icon i:nth-child(2) {
    width: 0;
  }

  .fa-header .fa-hd-menu-btn.is-open .fa-hd-menu-icon i:nth-child(3) {
    top: 8px;
    width: 24px;
    transform: rotate(-45deg);
  }

  .fa-header .fa-hd-mobile {
    padding: 0 24px 22px;
    background: rgba(5, 5, 5, 0.80);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .fa-header .fa-hd-mobile:not([hidden]) {
    display: block;
  }

  .fa-header .fa-hd-mobile-inner {
    background: #0e0f12;
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55);
    padding: 14px;
    display: grid;
    gap: 6px;
  }

  .fa-header .fa-hd-mobile-inner a,
  .fa-header .fa-hd-mobile-inner a:visited {
    min-height: 56px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    text-decoration: none;
    font-family: "Inter", Arial, sans-serif;
    font-size: 28px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -0.035em;
    text-transform: uppercase;
    background: transparent;
  }

  .fa-header .fa-hd-mobile-inner a:hover {
    background: rgba(255, 255, 255, 0.06);
    color: #ff5c1a;
    -webkit-text-fill-color: #ff5c1a;
  }

  .fa-header .fa-hd-mobile-inner .fa-hd-mobile-cta,
  .fa-header .fa-hd-mobile-inner .fa-hd-mobile-cta:visited,
  .fa-header .fa-hd-mobile-inner .fa-hd-mobile-cta:hover,
  .fa-header .fa-hd-mobile-inner .fa-hd-mobile-cta:focus {
    min-height: 54px;
    margin-top: 10px;
    justify-content: center;
    background: #ff5c1a;
    color: #0e0f12;
    -webkit-text-fill-color: #0e0f12;
    font-family: "Inter", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    text-decoration: none;
  }

  .fa-header .fa-hd-mobile-inner .fa-hd-mobile-cta:hover {
    background: #ffffff;
  }

  @media (max-width: 1024px) {
    .fa-header .fa-hd-links {
      display: none;
    }

    .fa-header .fa-hd-menu-btn {
      display: inline-flex;
    }
  }

  @media (max-width: 767px) {
    .fa-header .fa-hd-nav {
      min-height: 64px;
      padding: 14px 20px;
    }

    .fa-header .fa-hd-brand {
      font-size: 23px;
    }

    .fa-header .fa-hd-mobile {
      padding: 0 20px 20px;
    }
  }


  .fa-page,
  .fa-page *{
    box-sizing:border-box;
  }

  .fa-page{
    background:#0e0f12;
    color:#ffffff;
    font-family:"Inter", Arial, sans-serif;
    overflow-x:hidden;
  }

  .fa-container{
    max-width:1120px;
    margin:0 auto;
    padding:0 24px;
    width:100%;
  }

  .fa-container-narrow{
    max-width:780px;
  }

  .fa-page a{
    text-decoration:none;
  }

  .fa-hero{
    position:relative;
    min-height:100vh;
    padding:120px 0 150px;
    overflow:hidden;
    display:flex;
    align-items:center;
    background:#0e0f12;
  }

  .fa-hero-accent{
    position:absolute;
    top:45%;
    left:50%;
    width:900px;
    height:900px;
    transform:translate(-50%,-50%);
    background:rgba(255,92,26,.11);
    filter:blur(130px);
    border-radius:999px;
    z-index:0;
  }

  .fa-hero-inner{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    width:100%;
  }

  .fa-kicker,
  .fa-section-kicker{
    display:block;
    font-family:"JetBrains Mono", monospace;
    color:#ff5c1a;
    -webkit-text-fill-color:#ff5c1a;
    font-size:12px;
    line-height:1.4;
    text-transform:uppercase;
  }

  .fa-kicker{
    margin-bottom:24px;
  }

  .fa-hero-title{
    margin:0 0 24px;
    font-family:Archivo, Arial, sans-serif;
    font-weight:800;
    font-variation-settings:'wdth' 112, 'wght' 800;
    letter-spacing:-.02em;
    font-size:clamp(46px,6.6vw,96px);
    line-height:.95;
    font-weight:400;
    text-transform:uppercase;
    color:#ffffff;
    -webkit-text-fill-color:#ffffff;
    letter-spacing:0;
  }

  .fa-hero-title span{
    color:transparent;
    -webkit-text-fill-color:transparent;
    -webkit-text-stroke:1px #ff5c1a;
    text-shadow:0 0 2px rgba(255,92,26,.06), 0 0 8px rgba(255,92,26,.06);
  }

  .fa-hero-subtitle{
    max-width:780px;
    margin:0 0 36px;
    color:rgba(255,255,255,.60);
    -webkit-text-fill-color:rgba(255,255,255,.60);
    font-size:clamp(16px,2.2vw,20px);
    font-weight:300;
    line-height:1.7;
    text-align:center;
  }

  .fa-neon-btn,
  .fa-white-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid transparent;
    border-radius:0;
    text-transform:uppercase;
    text-decoration:none;
    font-family:"Inter", Arial, sans-serif;
    font-weight:800;
    line-height:1;
    box-shadow:none;
  }

  .fa-btn-lg{
    padding:18px 28px;
    font-size:16px;
  }

  .fa-neon-btn{
    background:#ff5c1a;
    color:#0e0f12;
    -webkit-text-fill-color:#0e0f12;
  }

  .fa-neon-btn:hover{
    background:#ffffff;
  }

  .fa-white-btn{
    background:#ffffff;
    color:#0e0f12;
    -webkit-text-fill-color:#0e0f12;
  }

  .fa-white-btn:hover{
    background:#ff5c1a;
  }

  .fa-marquee{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    overflow:hidden;
    border-top:1px solid rgba(255,255,255,.05);
    border-bottom:1px solid rgba(255,255,255,.05);
    padding:26px 0 24px;
    background:rgba(5,5,5,.50);
    backdrop-filter:blur(8px);
    z-index:2;
  }

  .fa-marquee-track{
    display:flex;
    align-items:center;
    gap:64px;
    width:max-content;
    white-space:nowrap;
    animation:fa-scroll 30s linear infinite;
  }

  .fa-marquee-track span{
    display:block;
    font-family:Archivo, Arial, sans-serif;
    font-weight:800;
    font-variation-settings:'wdth' 112, 'wght' 800;
    letter-spacing:-.02em;
    font-size:clamp(34px,5.2vw,58px);
    line-height:1;
    text-transform:uppercase;
    color:rgba(255,255,255,.10);
    -webkit-text-fill-color:rgba(255,255,255,.10);
  }

  @keyframes fa-scroll{
    from{
      transform:translateX(0);
    }

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

  .fa-separator{
    position:relative;
    height:60vh;
    min-height:430px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
    filter:saturate(.3) contrast(1.06) brightness(.92);
  }

  .fa-sep-1{
    background-image:url("IMG/sep-1.jpg");
  }

  .fa-sep-2{
    background-image:url("IMG/sep-2.jpg");
  }

  .fa-sep-3{
    background-image:url("IMG/sep-3.jpg");
  }

  .fa-separator-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom,#0e0f12,rgba(0,0,0,0),#0e0f12);
  }

  .fa-separator-inner{
    position:relative;
    z-index:1;
    text-align:center;
    padding:0 24px;
  }

  .fa-separator-inner h2{
    margin:0 0 14px;
    font-family:Archivo, Arial, sans-serif;
    font-weight:800;
    font-variation-settings:'wdth' 112, 'wght' 800;
    letter-spacing:-.02em;
    font-size:clamp(44px,7vw,110px);
    line-height:.95;
    font-weight:400;
    text-transform:uppercase;
    color:#ffffff;
    -webkit-text-fill-color:#ffffff;
  }

  .fa-separator-inner p{
    margin:0;
    font-family:"JetBrains Mono", monospace;
    color:#ff5c1a;
    -webkit-text-fill-color:#ff5c1a;
    font-size:12px;
    text-transform:uppercase;
  }

  .fa-section{
    padding:128px 0;
  }

  .fa-dark,
  .fa-surface{
    background:#14161b;
  }

  .fa-grid-2{
    display:grid;
    grid-template-columns:1fr 1.2fr;
    gap:80px;
    align-items:center;
  }

  .fa-grid-flip{
    grid-template-columns:1.2fr 1fr;
  }

  .fa-grid-flip > :first-child{
    order:2;
  }

  .fa-grid-flip > :last-child{
    order:1;
  }

  .fa-section-kicker{
    margin-bottom:14px;
  }

  .fa-section-title{
    margin:0 0 24px;
    font-family:Archivo, Arial, sans-serif;
    font-weight:800;
    font-variation-settings:'wdth' 112, 'wght' 800;
    letter-spacing:-.02em;
    font-size:clamp(32px,3.8vw,56px);
    line-height:.95;
    font-weight:400;
    text-transform:uppercase;
    color:#ffffff;
    -webkit-text-fill-color:#ffffff;
  }

  .fa-section-title span{
    color:#ff5c1a;
    -webkit-text-fill-color:#ff5c1a;
  }

  .fa-section-lede{
    margin:0 0 44px;
    color:rgba(255,255,255,.60);
    -webkit-text-fill-color:rgba(255,255,255,.60);
    font-size:clamp(18px,2.2vw,22px);
    font-weight:300;
    line-height:1.7;
  }

  .fa-feature-list{
    display:flex;
    flex-direction:column;
    gap:24px;
    margin:0 0 44px;
  }

  .fa-feature{
    display:flex;
    gap:18px;
    align-items:flex-start;
  }

  .fa-feature-icon{
    padding:16px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.05);
    color:#ff5c1a;
    flex:0 0 auto;
  }

  .fa-feature-icon svg{
    width:32px;
    height:32px;
    display:block;
    color:#ff5c1a;
  }

  .fa-feature h3{
    margin:0 0 8px;
    font-family:Archivo, Arial, sans-serif;
    font-weight:800;
    font-variation-settings:'wdth' 112, 'wght' 800;
    letter-spacing:-.02em;
    font-size:24px;
    font-weight:400;
    line-height:1.05;
    text-transform:uppercase;
    color:#ffffff;
    -webkit-text-fill-color:#ffffff;
  }

  .fa-feature p{
    margin:0;
    color:rgba(255,255,255,.40);
    -webkit-text-fill-color:rgba(255,255,255,.40);
    font-weight:300;
    line-height:1.7;
  }

  .fa-media-card{
    position:relative;
    aspect-ratio:1 / 1;
    overflow:hidden;
    box-shadow:0 30px 80px rgba(0,0,0,.55);
  }

  .fa-media-frame{
    position:absolute;
    inset:0;
    border:1px solid rgba(255,92,26,.20);
    transform:translate(-16px,16px);
    z-index:0;
  }

  .fa-media-frame-alt{
    transform:translate(16px,-16px);
  }

  .fa-media-card img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    filter:grayscale(1);
    display:block;
    transition:filter .7s ease,transform .7s ease;
  }

  .fa-media-card:hover img{
    filter:grayscale(0);
    transform:scale(1.02);
  }

  .fa-media-badge{
    position:absolute;
    right:28px;
    bottom:28px;
    z-index:2;
    background:#ff5c1a;
    color:#0e0f12;
    -webkit-text-fill-color:#0e0f12;
    padding:18px 18px 16px;
    font-family:Archivo, Arial, sans-serif;
    font-weight:800;
    font-variation-settings:'wdth' 112, 'wght' 800;
    letter-spacing:-.02em;
    font-size:38px;
    line-height:.95;
    text-transform:uppercase;
  }

  .fa-media-badge-left{
    top:28px;
    left:28px;
    right:auto;
    bottom:auto;
  }

  .fa-faq-head{
    text-align:center;
    margin-bottom:80px;
  }

  .fa-faq-head h2{
    margin:0;
    font-family:Archivo, Arial, sans-serif;
    font-weight:800;
    font-variation-settings:'wdth' 112, 'wght' 800;
    letter-spacing:-.02em;
    font-size:64px;
    font-weight:400;
    text-transform:uppercase;
    color:#ffffff;
    -webkit-text-fill-color:#ffffff;
  }

  .fa-faq{
    display:flex;
    flex-direction:column;
    gap:14px;
  }

  .fa-faq-item{
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.05);
    overflow:hidden;
  }

  .fa-faq-item button{
    width:100%;
    padding:22px;
    background:transparent;
    border:0;
    color:#ffffff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    cursor:pointer;
  }

  .fa-faq-item button span{
    font-family:Archivo, Arial, sans-serif;
    font-weight:800;
    font-variation-settings:'wdth' 112, 'wght' 800;
    letter-spacing:-.02em;
    font-size:20px;
    text-transform:uppercase;
    text-align:left;
  }

  .fa-faq-item button b{
    color:#ff5c1a;
    font-size:24px;
    font-weight:400;
  }

  .fa-faq-item div{
    padding:0 22px 22px;
    color:rgba(255,255,255,.60);
    font-weight:300;
    line-height:1.75;
  }

  @media(max-width:1024px){
    .fa-grid-2,
    .fa-grid-flip{
      grid-template-columns:1fr;
      gap:56px;
    }

    .fa-grid-flip > :first-child,
    .fa-grid-flip > :last-child{
      order:initial;
    }

    .fa-hero-title{
      font-size:clamp(62px,11vw,110px);
    }
  }

  @media(max-width:767px){
    .fa-hero{
      padding:110px 0 140px;
    }

    .fa-hero-title{
      font-size:clamp(54px,15vw,76px);
      line-height:.88;
    }

    .fa-hero-subtitle{
      font-size:16px;
      line-height:1.6;
    }

    .fa-marquee{
      padding:20px 0 19px;
    }

    .fa-marquee-track span{
      font-size:42px;
    }

    .fa-faq-head{
      margin-bottom:56px;
    }

    .fa-faq-head h2{
      font-size:48px;
      line-height:1.08;
    }

    .fa-faq{
      gap:14px;
    }

    .fa-faq-item button{
      padding:22px 22px;
      min-height:82px;
      align-items:center;
    }

    .fa-faq-item button span{
      font-size:20px;
      line-height:1.12;
      letter-spacing:0;
      max-width:260px;
    }

    .fa-faq-item button b{
      font-size:26px;
      line-height:1;
      flex:0 0 auto;
    }

    .fa-faq-item div{
      padding:0 22px 22px;
      font-size:15px;
      line-height:1.65;
    }
  }


  .fa-footer,
  .fa-footer * {
    box-sizing: border-box;
  }

  .fa-footer {
    background: #0e0f12;
    color: #ffffff;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    padding: 80px 0 40px;
    font-family: "Inter", Arial, sans-serif;
  }

  .fa-footer .fa-ft-container {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 24px;
    width: 100%;
  }

  .fa-footer .fa-ft-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1.35fr;
    gap: 48px;
    margin-bottom: 56px;
  }

  .fa-footer .fa-ft-logo,
  .fa-footer .fa-ft-logo:hover,
  .fa-footer .fa-ft-logo:focus,
  .fa-footer .fa-ft-logo:active,
  .fa-footer .fa-ft-logo:visited {
    display: inline-block;
    margin-bottom: 16px;
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    text-decoration: none;
    background: transparent;
    font-family: "Inter", Arial, sans-serif;
    font-size: 40px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -0.035em;
    text-transform: uppercase;
    font-synthesis: none;
    -webkit-text-stroke: 0 transparent;
    text-shadow: none;
  }

  .fa-footer .fa-ft-logo span {
    color: #ff5c1a;
    -webkit-text-fill-color: #ff5c1a;
  }

  .fa-footer .fa-ft-brand p {
    max-width: 420px;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.40);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.40);
    font-family: "Inter", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 300;
  }

  .fa-footer .fa-ft-platform h4,
  .fa-footer .fa-ft-company h4 {
    margin: 0 0 18px;
    padding: 0;
    font-family: "JetBrains Mono", monospace;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 400;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.20);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.20);
  }

  .fa-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .fa-footer li {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .fa-footer li::before,
  .fa-footer li::after {
    display: none;
    content: none;
  }

  .fa-footer .fa-ft-platform a,
  .fa-footer .fa-ft-platform a:visited {
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    text-decoration: none;
    font-family: "Inter", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
    font-synthesis: none;
    -webkit-text-stroke: 0 transparent;
    text-shadow: none;
  }

  .fa-footer .fa-ft-platform a:hover,
  .fa-footer .fa-ft-platform a:focus {
    color: #ff5c1a;
    -webkit-text-fill-color: #ff5c1a;
    text-decoration: none;
  }

  .fa-footer .fa-ft-company p {
    margin: 0 0 14px;
    padding: 0;
    color: rgba(255, 255, 255, 0.42);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.42);
    font-family: "Inter", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.65;
    font-weight: 300;
    letter-spacing: 0;
  }

  .fa-footer .fa-ft-company strong {
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    font-weight: 500;
  }

  .fa-footer .fa-ft-company a,
  .fa-footer .fa-ft-company a:visited {
    color: rgba(255, 255, 255, 0.62);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.62);
    text-decoration: none;
    font-weight: 400;
  }

  .fa-footer .fa-ft-company a:hover,
  .fa-footer .fa-ft-company a:focus {
    color: #ff5c1a;
    -webkit-text-fill-color: #ff5c1a;
    text-decoration: none;
  }

  .fa-footer .fa-ft-bottom {
    padding-top: 28px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
  }

  .fa-footer .fa-ft-legal,
  .fa-footer .fa-ft-legal-links {
    font-family: "JetBrains Mono", monospace;
    font-size: 10px;
    line-height: 1.5;
    font-weight: 400;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.20);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.20);
  }

  .fa-footer .fa-ft-legal-links {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
  }

  .fa-footer .fa-ft-legal-links a,
  .fa-footer .fa-ft-legal-links a:visited {
    color: rgba(255, 255, 255, 0.20);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.20);
    text-decoration: none;
  }

  .fa-footer .fa-ft-legal-links a:hover,
  .fa-footer .fa-ft-legal-links a:focus {
    color: rgba(255, 255, 255, 0.85);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
  }

  @media (max-width: 1024px) {
    .fa-footer .fa-ft-grid {
      grid-template-columns: 1fr;
      gap: 36px;
    }
  }

  @media (max-width: 767px) {
    .fa-footer {
      padding: 72px 0 36px;
    }

    .fa-footer .fa-ft-container {
      padding: 0 20px;
    }

    .fa-footer .fa-ft-grid {
      margin-bottom: 44px;
    }

    .fa-footer .fa-ft-logo {
      font-size: 36px;
    }

    .fa-footer .fa-ft-bottom {
      flex-direction: column;
      align-items: flex-start;
    }
  }

/* ---------- uitbreidingen voor de contentpagina's, zelfde designsysteem ---------- */

.fa-hero-meta{
  margin:22px 0 0;
  font-family:"JetBrains Mono",monospace;
  font-size:12px;
  letter-spacing:.04em;
  color:rgba(255,255,255,.42);
}

.fa-page-hero{
  position:relative;
  padding:190px 0 90px;
  overflow:hidden;
  background:#0e0f12;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.fa-page-hero-accent{
  position:absolute;
  top:0;
  left:50%;
  width:900px;
  height:600px;
  transform:translate(-50%,-55%);
  background:rgba(255,92,26,.13);
  filter:blur(130px);
  border-radius:999px;
  z-index:0;
}

.fa-page-hero .fa-container{
  position:relative;
  z-index:1;
}

.fa-page-title{
  margin:0 0 22px;
  font-family:Archivo,Arial,sans-serif;
  font-weight:800;
  font-variation-settings:'wdth' 112,'wght' 800;
  letter-spacing:-.02em;
  font-size:clamp(34px,5vw,70px);
  line-height:1;
  text-transform:uppercase;
  color:#fff;
}

.fa-page-title span{
  color:transparent;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:1px #ff5c1a;
}

.fa-page-lede{
  max-width:760px;
  margin:0;
  color:rgba(255,255,255,.60);
  font-size:clamp(16px,2.2vw,20px);
  font-weight:300;
  line-height:1.7;
}

.fa-prose{
  max-width:780px;
}

.fa-container.fa-prose{
  max-width:calc(780px + 48px);
}

.fa-prose h2{
  margin:56px 0 18px;
  font-family:Archivo,Arial,sans-serif;
  font-weight:800;
  font-variation-settings:'wdth' 108,'wght' 800;
  letter-spacing:-.015em;
  font-size:clamp(24px,3.4vw,38px);
  line-height:1.1;
  text-transform:uppercase;
  color:#fff;
}

.fa-prose h3{
  margin:36px 0 12px;
  font-family:"Inter",Arial,sans-serif;
  font-size:19px;
  font-weight:800;
  color:#fff;
}

.fa-prose p,
.fa-prose li{
  margin:0 0 18px;
  color:rgba(255,255,255,.62);
  font-size:16px;
  font-weight:300;
  line-height:1.8;
}

.fa-prose ul,
.fa-prose ol{
  margin:0 0 18px;
  padding-left:22px;
}

.fa-prose li{
  margin-bottom:10px;
}

.fa-prose li::marker{
  color:#ff5c1a;
}

.fa-prose a{
  color:#ff5c1a;
  border-bottom:1px solid rgba(255,92,26,.35);
}

.fa-prose a:hover{
  border-bottom-color:#ff5c1a;
}

.fa-prose strong{
  color:#fff;
  font-weight:600;
}

.fa-note{
  margin:34px 0;
  padding:22px 24px;
  border-left:2px solid #ff5c1a;
  background:rgba(255,92,26,.06);
}

.fa-note p:last-child{
  margin-bottom:0;
}

.fa-card-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.fa-card{
  display:flex;
  flex-direction:column;
  padding:30px 26px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.02);
  transition:border-color .25s ease,background .25s ease;
}

a.fa-card:hover{
  border-color:rgba(255,92,26,.5);
  background:rgba(255,92,26,.05);
}

.fa-card-kicker{
  display:block;
  margin-bottom:16px;
  font-family:"JetBrains Mono",monospace;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#ff5c1a;
}

.fa-card h3{
  margin:0 0 12px;
  font-family:"Inter",Arial,sans-serif;
  font-size:19px;
  font-weight:800;
  line-height:1.25;
  color:#fff;
}

.fa-card p{
  margin:0;
  color:rgba(255,255,255,.55);
  font-size:15px;
  font-weight:300;
  line-height:1.7;
}

.fa-card-more{
  margin-top:18px;
  font-family:"JetBrains Mono",monospace;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#ff5c1a;
}

.fa-price{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin:0 0 8px;
}

.fa-price strong{
  font-family:Archivo,Arial,sans-serif;
  font-weight:800;
  font-variation-settings:'wdth' 112,'wght' 800;
  letter-spacing:-.03em;
  font-size:clamp(40px,6vw,68px);
  line-height:1;
  color:#ff5c1a;
}

.fa-price span{
  font-family:"JetBrains Mono",monospace;
  font-size:13px;
  text-transform:uppercase;
  color:rgba(255,255,255,.55);
}

.fa-table{
  width:100%;
  margin:0 0 18px;
  border-collapse:collapse;
  font-size:15px;
}

.fa-table th,
.fa-table td{
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.10);
  text-align:left;
  vertical-align:top;
  color:rgba(255,255,255,.62);
  font-weight:300;
  line-height:1.7;
}

.fa-table th{
  font-family:"JetBrains Mono",monospace;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#ff5c1a;
  font-weight:400;
}

.fa-cta{
  padding:110px 0;
  text-align:center;
  background:#08090b;
  border-top:1px solid rgba(255,255,255,.08);
}

.fa-cta h2{
  margin:0 0 18px;
  font-family:Archivo,Arial,sans-serif;
  font-weight:800;
  font-variation-settings:'wdth' 112,'wght' 800;
  letter-spacing:-.02em;
  font-size:clamp(32px,5vw,64px);
  line-height:1;
  text-transform:uppercase;
  color:#fff;
}

.fa-cta h2 span{
  color:transparent;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:1px #ff5c1a;
}

.fa-cta p{
  max-width:620px;
  margin:0 auto 32px;
  color:rgba(255,255,255,.55);
  font-size:17px;
  font-weight:300;
  line-height:1.7;
}

.fa-cta-terms{
  margin:30px auto 0;
  max-width:560px;
  font-family:"Inter",Arial,sans-serif;
  font-size:13px;
  font-weight:300;
  line-height:1.7;
  color:rgba(255,255,255,.42);
}

.fa-cta-terms a{
  color:rgba(255,255,255,.72);
  border-bottom:1px solid rgba(255,255,255,.28);
}

.fa-cta-terms a:hover{
  color:#fff;
  border-bottom-color:#fff;
}

.fa-breadcrumb{
  margin:0 0 22px;
  font-family:"JetBrains Mono",monospace;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.40);
}

.fa-breadcrumb a{
  color:rgba(255,255,255,.40);
}

.fa-breadcrumb a:hover{
  color:#ff5c1a;
}

.fa-skip{
  position:absolute;
  left:-9999px;
}

.fa-skip:focus{
  left:24px;
  top:16px;
  z-index:100000;
  padding:10px 16px;
  background:#ff5c1a;
  color:#fff;
  font-weight:800;
}

/* ---------- scroll-reveal ---------- */

.fa-reveal{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .7s ease,transform .7s ease;
}

.fa-reveal.is-visible{
  opacity:1;
  transform:none;
}

.fa-header.is-scrolled{
  background:rgba(5,5,5,.94);
}

/* iOS Safari zoomt bij background-attachment:fixed uit; op smal scherm meescrollen */
@media (max-width:1024px){
  .fa-separator{
    background-attachment:scroll;
  }
}

@media (max-width:900px){
  .fa-card-grid{
    grid-template-columns:1fr;
  }

  .fa-page-hero{
    padding:150px 0 70px;
  }
}

@media (prefers-reduced-motion:reduce){
  .fa-reveal{
    opacity:1;
    transform:none;
    transition:none;
  }

  .fa-marquee-track{
    animation:none;
  }
}

/* ---------- stappenrij ---------- */

.fa-steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  margin-top:48px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.10);
}

.fa-step{
  padding:32px 26px 34px;
  background:#0e0f12;
}

.fa-surface .fa-step{
  background:#141519;
}

.fa-step-num{
  display:block;
  margin-bottom:22px;
  font-family:Archivo,Arial,sans-serif;
  font-weight:800;
  font-variation-settings:'wdth' 112,'wght' 800;
  font-size:30px;
  line-height:1;
  color:#ff5c1a;
}

.fa-step h3{
  margin:0 0 10px;
  font-family:"Inter",Arial,sans-serif;
  font-size:17px;
  font-weight:800;
  line-height:1.3;
  color:#fff;
}

.fa-step p{
  margin:0;
  color:rgba(255,255,255,.55);
  font-size:15px;
  font-weight:300;
  line-height:1.65;
}

/* ---------- metriekstrip ---------- */

.fa-metric-head{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:end;
}

.fa-metric-head .fa-section-lede{
  margin:0 0 6px;
}

.fa-metrics{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:52px;
  border-top:1px solid rgba(255,255,255,.14);
}

.fa-metric{
  padding:30px 26px 34px;
  border-right:1px solid rgba(255,255,255,.10);
}

.fa-metric:last-child{
  border-right:0;
}

.fa-metric-label{
  display:block;
  margin-bottom:18px;
  font-family:"JetBrains Mono",monospace;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#ff5c1a;
}

.fa-metric b{
  display:block;
  font-family:Archivo,Arial,sans-serif;
  font-weight:800;
  font-variation-settings:'wdth' 112,'wght' 800;
  letter-spacing:-.02em;
  font-size:clamp(24px,2.6vw,34px);
  line-height:1.1;
  color:#fff;
}

.fa-metric p{
  margin:12px 0 0;
  color:rgba(255,255,255,.5);
  font-size:14px;
  font-weight:300;
  line-height:1.6;
}

@media (max-width:900px){
  .fa-steps,
  .fa-metrics{
    grid-template-columns:repeat(2,1fr);
  }

  .fa-metric:nth-child(2n){
    border-right:0;
  }

  .fa-metric{
    border-bottom:1px solid rgba(255,255,255,.10);
  }

  .fa-metric-head{
    grid-template-columns:1fr;
    gap:20px;
    align-items:start;
  }
}

@media (max-width:600px){
  .fa-steps,
  .fa-metrics{
    grid-template-columns:1fr;
  }

  .fa-metric{
    border-right:0;
  }
}

/* footerlinks onder elkaar; de bron zette hier geen display op */
.fa-footer .fa-ft-platform a{
  display:block;
  margin-bottom:11px;
  width:fit-content;
}
