:root{
      --bg:#060607;
      --yellow:#d5df29;
      --muted: rgba(255,255,255,.72);
      --soft: rgba(255,255,255,.50);
      --line: rgba(255,255,255,.10);
      --grad: linear-gradient(90deg,#7a5cff 0%, #58d7ff 100%);
      --pad: clamp(18px, 4vw, 54px);
      --container: 1240px;
      --navH: 78px;
    }

    *{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth;}
    body{
      font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      background: var(--bg);
      color:#fff;
      overflow-x:hidden;
    }
    a{color:#8aa2ff;text-decoration:none;background: linear-gradient(90deg, #6fa8ff 0%, #7a5cff 45%, #a56bff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}


    /* container */
    .container{
      width:min(var(--container), calc(100% - (var(--pad) * 2)));
      margin-inline:auto;
    }

    /* ===================================== */
    /* NAVBAR (ONLY ONCE) */
    /* ===================================== */
    header.topbar{
      position:fixed;
      left:0; top:0;
      width:100%;
      height: var(--navH);
      z-index:50;
      display:flex;
      align-items:center;
      /*background: rgba(6,6,7,.45);
      backdrop-filter: blur(12px);*/
      /*border-bottom: 1px solid rgba(255,255,255,.07);*/
    }

    .topbar-inner{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
    }

    .brand{
      display:flex;
      gap:14px;
      align-items:center;
      opacity:.95;
      min-width: 190px;
    }
    .brand-mark{
      width:44px;height:44px;border-radius:12px;
      border:1px solid var(--line);
      display:grid;place-items:center;
      font-weight:900;
      background: rgba(255,255,255,.04);
      letter-spacing:.02em;
    }
    .brand-text{
      font-size:12px;
      line-height:1.1;
      letter-spacing:.08em;
      text-transform:uppercase;
      color: rgba(255,255,255,.72);
    }

    .brand-text a{display: block;}
    nav.nav{
      display:flex;
      gap:32px;
      align-items:center;
    }
   nav.nav a {
  font-size: 20px;
  letter-spacing: .02em;
  color: #fff;
  opacity: .95;
  position: relative;
  padding: 8px 2px;
  text-decoration: none;
  color: #fff;
}
    nav.nav a::after{
      content:"";
      position:absolute;
      left:0; bottom:0;
      height:1px; width:0%;
      background: var(--yellow);
      transition: width .25s ease;
      opacity:.9;
      background:var(--yellow);



    }
    nav.nav a:hover::after{width:100%}

    /* Mobile menu button */
    .menu-btn{
      display:none;
      width:44px;height:44px;
      border-radius:12px;
      border:1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.04);
      cursor:pointer;
      position:relative;
      align-items:center;
      justify-content:center;
    }
    .menu-btn span{
      position:absolute;
      width:18px;
      height:2px;
      background: rgba(255,255,255,.85);
      border-radius:999px;
      transition: transform .25s ease, top .25s ease, opacity .25s ease;
    }
    .menu-btn span:nth-child(1){top: 16px;}
    .menu-btn span:nth-child(2){top: 21px;}
    .menu-btn span:nth-child(3){top: 26px;}

    /* when open */
    body.menu-open .menu-btn span:nth-child(1){top:21px; transform: rotate(45deg);}
    body.menu-open .menu-btn span:nth-child(2){opacity:0;}
    body.menu-open .menu-btn span:nth-child(3){top:21px; transform: rotate(-45deg);}

    @media(max-width:900px){
      nav.nav{display:none;}
      .menu-btn{display:flex;}
      .brand-text img {max-width: 100px;}
      header.topbar{align-items: flex-start;}
    }

    /* ===================================== */
    /* MOBILE DRAWER MENU */
    /* ===================================== */
    .overlay{
      position:fixed;
      inset:0;
      background: rgba(0,0,0,.55);
      opacity:0;
      pointer-events:none;
      transition: opacity .25s ease;
      z-index:60;
    }
    body.menu-open .overlay{
      opacity:1;
      pointer-events:auto;
    }

    .drawer{
      position:fixed;
      top:0; right:0;
      height:100vh;
      width:min(86vw, 380px);
      background: rgba(10,10,12,.85);
      backdrop-filter: blur(16px);
      border-left: 1px solid rgba(255,255,255,.10);
      z-index:70;
      transform: translateX(110%);
      transition: transform .35s cubic-bezier(.2,.8,.2,1);
      padding: 22px 18px 18px;
      display:flex;
      flex-direction:column;
      gap: 22px;
      padding-top: 0;
    }
    body.menu-open .drawer{
      transform: translateX(0);
    }

    .drawer-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      padding-bottom: 14px;
      border-bottom: 1px solid rgba(255,255,255,.07);
    }

    .drawer-brand{
      display:flex; align-items:center; gap:12px;
    }

    .drawer-links{
      display:flex;
      flex-direction:column;
      gap: 10px;
      margin-top: 6px;
    }
    .drawer-links a{
      color:#dbe2ff;
      font-weight: 700;
      letter-spacing:.02em;
      padding: 12px 12px;
      border-radius: 14px;
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.06);
      transition: transform .2s ease, background .2s ease, border .2s ease;
      text-decoration: none;
    }
    .drawer-links a:hover{
      transform: translateX(-4px);
      background: rgba(88,215,255,.06);
      border-color: rgba(88,215,255,.20);
    }

    .drawer-footer{
      margin-top:auto;
      padding-top: 14px;
      border-top: 1px solid rgba(255,255,255,.07);
      color: rgba(255,255,255,.55);
      font-size: 12px;
      letter-spacing:.05em;
      text-transform: uppercase;
    }

    /* ===================================== */
    /* SECTIONS */
    /* ===================================== */
    section.screen{
      min-height:100vh;
      position:relative;
      display:flex;
      align-items:center;
      padding-top: var(--navH);
      overflow:hidden;
    }

    .layout{
      width:100%;
      display:grid;
      grid-template-columns: 1.15fr 0.85fr;
      gap: clamp(22px, 4vw, 70px);
      align-items:center;
      padding: clamp(40px, 6vw, 90px) 0 44px;
      position:relative;
      z-index:2;
    }

    /* Mobile stacking */
    @media(max-width:980px){
      .layout{
        grid-template-columns: 1fr;
        gap: 26px;
      }
      body #the_gap .scroll-bottom{margin-top: 0;}
      #the_gap .reveal-right.in .p:first-child {margin-top: 0;}
    }

    .text-outline {
	color: var(--yellow) !important;
	position: relative;
	/*-webkit-text-stroke: 1px var(--yellow) !important;
	-webkit-text-stroke: 1px var(--yellow) !important;*/
}
    .mini{
      font-size: 42px;
      letter-spacing:.02em;
      color:#9bb0ff;
      margin-bottom: 18px;
    }

    .h1{
      font-size: clamp(44px, 9vw, 86px);
      font-weight: 900;
      line-height:1.2;
      letter-spacing:-0.03em;
    }

    .grad{
      /*background: var(--grad);
      -webkit-background-clip:text;
      background-clip:text;*/
      color:var(--yellow);
      background-size: 200% 200%;
      animation: shine 7s ease-in-out infinite alternate;
    }

    @keyframes shine{
      0%{background-position:0% 50%}
      100%{background-position:100% 50%}
    }

    .p{
      font-size: 20px;
      line-height: 1.7;
      color: #fff;
      margin-top: 16px;
    }
    .strong{font-weight:700;color:#fff;opacity:.92;}

    .bullets{
      margin-top: 18px;
      padding-left: 18px;
      color: #fff;
      line-height: 1.8;
      font-size: 20px;
    }

    /* Improve spacing on mobile */
    @media(max-width:520px){
      .p{font-size:14px}
      .bullets{font-size:14px}
      .mini{font-size: 30px;}
    }

    /* page number */
    .page-no{
      position:absolute;
      right: var(--pad);
      bottom: 22px;
      font-size: 14px;
      color: rgba(255,255,255,.55);
      letter-spacing: .06em;
      z-index:5;
    }
    @media(max-width:520px){
      .page-no{right:18px;}
    }

    /* right list */
    .grid-right{
      display:flex;
      flex-direction:column;
      gap: 9rem;
      margin-left: 10px;
    }
    .item{
      font-size: 20px;
      font-weight: 700;
      color:#fff;
      opacity:.92;
    }
    .know{
      font-size:18px;
      color:#86a0ff;
      margin-left:10px;
      font-weight:400;
      background: linear-gradient(90deg, #6fa8ff 0%, #7a5cff 45%, #a56bff 100%);
	  -webkit-background-clip: text;
	  background-clip: text;
	  color: transparent;
    }
    @media(max-width:520px){
      .grid-right{gap:18px; margin-left:0}
      .item{font-size:18px}
    }

    /* Background F */
    .bg-f{
      position:absolute;
      inset:auto -18% -30% auto;
      width: 78vw;
      max-width: 980px;
      height: 78vw;
      max-height: 980px;
      border-radius: 999px;
      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.06), rgba(255,255,255,0) 60%);
      opacity:.9;
      pointer-events:none;
      z-index:0;
      transform: translate3d(0,0,0);
    }
    .bg-f::before,
    .bg-f::after{
      content:"";
      position:absolute;
      inset:0;
      border-radius:999px;
      border:34px solid rgba(255,255,255,.04);
    }
    .bg-f::after{inset: 12%; opacity:.85;}

    /* Mobile BG scale */
    @media(max-width:980px){
      .bg-f{
        right:-36%;
        bottom:-40%;
        opacity:.65;
      }
      .bg-f::before,.bg-f::after{border-width:24px;}
    }

    /* Hero rays */
    .rays{
      position:absolute;
      right:-10%;
      top: var(--navH);
      width: 55vw;
      height: calc(100vh - var(--navH));
      pointer-events:none;
      opacity:.9;
      background:
        radial-gradient(circle at 70% 50%, rgba(126,83,255,.0) 40%, rgba(126,83,255,.0) 52%, rgba(126,83,255,.20) 60%, rgba(126,83,255,0) 72%),
        radial-gradient(circle at 75% 45%, rgba(88,215,255,.00) 40%, rgba(88,215,255,.0) 55%, rgba(88,215,255,.12) 62%, rgba(88,215,255,0) 72%);
    }
    @media(max-width:980px){
      .rays{display:none;}
    }

    /* ===================================== */
    /* ANIMATIONS */
    /* ===================================== */
    .reveal{
      opacity:0;
      transform: translateY(28px);
      filter: blur(6px);
      transition: opacity .85s ease, transform .85s ease, filter .85s ease;
      will-change: transform, opacity, filter;
    }
    .reveal.in{opacity:1; transform: translateY(0); filter: blur(0);}

    .reveal-left{
      opacity:0;
      transform: translateX(-28px);
      filter: blur(6px);
      transition: opacity .9s ease, transform .9s ease, filter .9s ease;
    }
    .reveal-left.in{opacity:1; transform: translateX(0); filter: blur(0);}

    .reveal-right{
      opacity:0;
      transform: translateX(28px);
      filter: blur(6px);
      transition: opacity .9s ease, transform .9s ease, filter .9s ease;
    }
    .reveal-right.in{opacity:1; transform: translateX(0); filter: blur(0);}

    /* stagger */
    .stagger > *{
      opacity:0;
      transform: translateY(16px);
      transition: opacity .7s ease, transform .7s ease;
    }
    .stagger.in > *{opacity:1; transform: translateY(0);}
    .stagger.in > *:nth-child(1){transition-delay:.08s}
    .stagger.in > *:nth-child(2){transition-delay:.16s}
    .stagger.in > *:nth-child(3){transition-delay:.24s}
    .stagger.in > *:nth-child(4){transition-delay:.32s}
    .stagger.in > *:nth-child(5){transition-delay:.40s}
    .stagger.in > *:nth-child(6){transition-delay:.48s}

    /* ===================================== */
    /* OPTIONAL: PDF LIKE SNAP SCROLL */
    /* ===================================== */
    main.snap{
      scroll-snap-type: y mandatory;
      height: 100vh;
      overflow-y:auto;
      scroll-behavior: smooth;
    }
    main.snap section{scroll-snap-align:start;}
    .d-block{display: block;}
    .h1.grad.larger {
	font-size: clamp(44px, 9vw, 200px);
  line-height: clamp(44px, 9vw, 200px);
}
/* Premium reveal wrapper */
.fancy-reveal{
  display: inline-block;
  position: relative;
}

/* word spans */
.fancy-reveal .w{
  display:inline-block;
  position:relative;
  overflow:hidden;
  vertical-align:bottom;
  margin-right: .18em;
}

/* actual text */
.fancy-reveal .w > i{
  display:inline-block;
  font-style: normal;

  opacity:0;
  transform: translate3d(0, 26px, 0) rotate(0.001deg);
  filter: blur(10px);
  transition:
    transform .75s cubic-bezier(.16, 1, .30, 1),
    opacity  .75s cubic-bezier(.16, 1, .30, 1),
    filter   .75s cubic-bezier(.16, 1, .30, 1);
}

/* small reveal shine line */
.fancy-reveal .w::after{
  content:"";
  position:absolute;
  left:-120%;
  top:0;
  height:100%;
  width:120%;
  background: linear-gradient(90deg,
    transparent,
    rgba(88,215,255,.30),
    transparent
  );
  transform: skewX(-14deg);
  opacity:0;
  transition: left .8s cubic-bezier(.16, 1, .30, 1), opacity .8s ease;
}

/* active state */
.fancy-reveal.in .w > i{
  opacity:1;
  transform: translate3d(0, 0, 0);
  filter: blur(0);
}

.fancy-reveal.in .w::after{
  opacity:1;
  left:130%;
}

/* Optional: reduce motion support */
@media (prefers-reduced-motion: reduce){
  .fancy-reveal .w > i{
    transition:none;
    opacity:1; transform:none; filter:none;
  }
  .fancy-reveal .w::after{display:none;}
}
.p.strong.fancy-reveal.text-outline.in{font-size: 28px;line-height: normal;}
.light {
  font-weight: lighter;
}

.contact-wrap {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: stretch;
  min-height: calc(100vh - 92px);
}
.form-card {
  padding: clamp(18px, 3vw, 34px);
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 24px 70px rgba(0,0,0,.55);
  position: relative;
  overflow: hidden;
  padding-top: 130px;
}
.form-head h2 {
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -0.01em;
}
.form-head p {
  margin-top: 6px;
  color: #fff;
  font-size: 14px;
  line-height: 1.6;
}
.msg {
  border-radius: 14px;
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.6;
  display: none;
  margin-top: 16px;
}
.msg.error {
  display: block;
  border: 1px solid rgba(255,90,90,.22);
  background: rgba(255,90,90,.08);
  color: rgba(255,255,255,.92);
}
.msg.success {
  display: block;
  border: 1px solid rgba(88,215,255,.22);
  background: rgba(88,215,255,.08);
  color: rgba(255,255,255,.92);
}
form {
  margin-top: 22px;
  display: grid;
  gap: 14px;
}
.field label {
  display: block;
  font-size: 12px;
  color: rgba(255,255,255,.72);
  margin-bottom: 7px;
  letter-spacing: .02em;
}
.input, textarea {
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.35);
  padding: 12px 14px;
  color: rgba(255,255,255,.92);
  outline: none;
  transition: border .2s ease, transform .2s ease, background .2s ease, box-shadow .2s ease;
  font-size: 14px;
}
.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.note {
  font-size: 12px;
  color: rgba(255,255,255,.55);
  margin-top: -4px;
}
.btn {
  width: 100%;
  border: none;
  cursor: pointer;
  padding: 13px 16px;
  border-radius: 14px;
  font-weight: 800;
  letter-spacing: .02em;
  color: #040407;
  background: var(--grad);
  transition: transform .2s ease, opacity .2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.btn:hover{transform: translateY(-1px);}
    .btn:active{transform: translateY(0px);}
    .btn[disabled]{opacity:.65; cursor:not-allowed; transform:none;}

.spinner {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 2px solid rgba(0,0,0,.25);
  border-top-color: rgba(0,0,0,.95);
  animation: spin .8s linear infinite;
  display: none;
}
.btn {
  cursor: pointer;
  font-weight: 800;
  letter-spacing: .02em;
  color: #040407;
}
.info {
  margin-top: 18px;
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: 18px;
}
.info-title {
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.62);
  margin-bottom: 12px;
}
.info-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.info-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.28);
  transition: transform .2s ease, border .2s ease, background .2s ease;
}
.icon {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  flex: 0 0 auto;
}
.icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: rgba(255,255,255,.85);
  stroke-width: 2;
}
.info-card h4 {
  font-size: 14px;
  font-weight: 800;
  margin: 1px 0 4px;
}
.info-card p {
  color: rgba(255,255,255,.64);
  font-size: 13px;
  line-height: 1.55;
  margin: 0;
}
 @keyframes spin{to{transform: rotate(360deg)}}
.btn.loading .spinner{display:inline-block;}
.btn.loading .btn-text{opacity:.9;}
.contact-wrap img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.visual-content {
  position: absolute;
  left: 24px;
  bottom: 24px;
  z-index: 2;
  max-width: 460px;
}
.tag {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.72);
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(8px);
}
.title {
  margin-top: 14px;
  font-size: clamp(34px, 3vw, 46px);
  font-weight: 900;
  line-height: 1.06;
  letter-spacing: -0.02em;
  background: var(--grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  background-size: 200% 200%;
  animation: shine 6s ease-in-out infinite alternate;
}
.subtitle {
  margin-top: 10px;
  color: rgba(255,255,255,.72);
  line-height: 1.65;
  font-size: 14px;
}
.visual {
  position: relative;
}
textarea {
  min-height: 130px;
  resize: vertical;
}

/*.layout .txt {
  display: block;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}*/
.layout .txt {
  display: block;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .6s ease, transform .6s cubic-bezier(.16,1,.3,1);
}

.layout .txt.visible:first-child {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .2s;
}

.layout .txt.visible:nth-child(2) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .8s;
}
.layout .txt.visible:nth-child(3) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.4s;
}

/*.scroll-bottom {
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.8s ease-out;
}

.scroll-bottom.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.scroll-bottom {
  transition-delay: 0.15s;

}*/

/*.bullets li {
  opacity: 0;
  transform: translateY(25px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.bullets li.is-visible {
  opacity: 1;
  transform: translateY(0);
}*/

/*.grid-right .item {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.grid-right .item.is-visible {
  opacity: 1;
  transform: translateY(0);
}*/

#home_contact .layout {
  display: block;
}
#home_contact .info-grid {
  grid-template-columns: 1fr 1fr 1fr;
}
#home_contact .info-grid .info-card {
  display: block;
  text-align: center;
  cursor: pointer;
}
#home_contact .icon{margin: auto;margin-bottom: 20px;}
.info-card h4 {
  margin-bottom: 10px;
  font-size: 20px;
}
#home_contact .info-card a {
  font-size: 16px;
}

/* card base state */
.info-card {
  opacity: 0;
  transform: translateY(40px);
  transition: 
    opacity 0.6s ease,
    transform 0.6s ease;
}

/* visible state */
.info-card.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* icon micro animation */
.info-card .icon {
  transform: scale(0.85);
  transition: transform 0.6s ease;
}

.info-card.is-visible .icon {
  transform: scale(1);
}
#home_contact .info-card *{transition: all 0.4s linear;}
#home_contact .info-card:hover .icon {
  background: #ccd523;
}
#home_contact .info-card:hover .icon svg {
  stroke: #000;
}

/*=== New ===*/
.build-item,.bullets li,#the_gap .reveal-right .p,
#who_we_are .reveal-right .p  {
  opacity: 0;
  transform: translateY(16px);
  transition:
    opacity .6s ease,
    transform .6s cubic-bezier(.16,1,.3,1);
}

/* sequential rhythm */
#build .in .build-item:nth-child(1),
.in .bullets li:first-child,
#the_gap .reveal-right.in .p:first-child,
#who_we_are .reveal-right.in .p:first-child {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .2s;
}
#build .in .build-item:nth-child(2),
.in .bullets li:nth-child(2),
#the_gap .reveal-right.in .p:nth-child(2),
#who_we_are .reveal-right.in .p:nth-child(2) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .8s;
}
#who_we_are .reveal-right.in .p:nth-child(3) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .9s;
}
#build .in .build-item:nth-child(3),
.in .bullets li:nth-child(3) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.4s;
}
.build-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  height: 100%;
}
.build-bg svg {
  width: 100%;
  height: 100%;
}


.how_build-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
}
.how_build-bg svg,.engage-bg svg,.identity-bg svg,
.founder-bg svg,.contact-bg svg,.resolve-bg svg,
.the_gap_bg svg {
  width: 100%;
  height: 100%;
}
#how_we_build .statement {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .6s ease, transform .6s cubic-bezier(.16,1,.3,1);
}

#how_we_build .in .statement:nth-child(1) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .2s;
}
#how_we_build .in .statement:nth-child(2) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .9s;
}

.engage-bg,.identity-bg,.founder-bg,.contact-bg,.resolve-bg,
.the_gap_bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
}
#we_engage .item {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .6s ease, transform .6s cubic-bezier(.16,1,.3,1);
  transition-delay: 0s, 0s;
}

#we_engage .in .item:nth-child(1) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .2s;
}

#we_engage .in .item:nth-child(2) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .9s;
}
#we_engage .in .item:nth-child(3) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.6s;
}
#who_we_are a {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .6s ease, transform .6s ease;
  transition-delay: 0s, 0s;
}
#who_we_are .in a{opacity: 1;
  transform: translateY(0);
  transition-delay: .4s;}


  .contact-options {
  margin-top: 36px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.contact-link {
  font-size: 22px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .6s ease, transform .6s ease;
}
.contact-link a {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.contact-link span {
  flex: 0 0 30px;
}
#contact .in .contact-link:nth-child(1) {
 opacity: 1;
  transform: translateY(0);
  transition-delay: .2s;
}
#contact .in .contact-link:nth-child(2) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .6s;
}

#contact .contact-link a:hover {
  color: var(--yellow);
  text-decoration: none;
}
.scroll-bottom {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .6s ease, transform .6s ease;
  transition-delay: 0s, 0s;
}
#the_gap .scroll-bottom {
  margin-top: 50px;
}
.in .scroll-bottom{opacity: 1;
  transform: translateY(0);
  transition-delay: .6s;}

  .hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.hero-bg svg {
  width: 100%;
  height: 100%;
}
/* Background animations */
@keyframes pulse {
  from { stroke-dashoffset: 500; }
  to { stroke-dashoffset: 0; }
}

.flow {
  stroke-dasharray: 6 10;
  animation: pulse 18s linear infinite;
}

.flow.alt {
  animation-duration: 26s;
}

#about_us.hidden-founder{display: none;
  opacity: 0;
  position: relative;}

  .hidden-founder.is-open {
  animation: founderSectionIn .75s cubic-bezier(.16,1,.3,1) both;
}
#about_us.hidden-founder.is-open {
  display: flex;
}

@keyframes founderSectionIn{
      0%{
        opacity:0;
        transform: translateY(55px) scale(.985);
        filter: blur(14px);
      }
      60%{
        opacity:1;
        transform: translateY(0) scale(1.01);
        filter: blur(0);
      }
      100%{
        opacity:1;
        transform: translateY(0) scale(1);
        filter: blur(0);
      }
    }

  #p4 .h1,#build .h1,#how_we_build .h1,#we_engage .h1,#about_us .h1 {
  line-height: clamp(44px, 8vw, 200px);
}

.in-animate span,#about_us .reveal-left span {
  display: block;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .6s ease, transform .6s cubic-bezier(.16,1,.3,1);
  transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
}

.reveal-right.in .in-animate span:nth-child(1),
#about_us .reveal-left.in span:first-child {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .2s;
}
.reveal-right.in .in-animate span:nth-child(2),
#about_us .reveal-left.in span:nth-child(2) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .9s;
}
.reveal-right.in .in-animate span:nth-child(3),
#about_us .reveal-left.in span:nth-child(3) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.6s;
}
.reveal-right.in .in-animate span:nth-child(4) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.9s;
}
.reveal-right.in .in-animate span:nth-child(5) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 2.1s; 
}


.d-none{display: none;}