:root{
  --bg:#000000;
  --card:#050505;
  --red:#e02020;--rg:rgba(224,32,32,.55);--rs:rgba(224,32,32,.12);
  --blue:#3a7bd5;
  --w:#f5f0eb;--m:#5c5c5c;--b:rgba(255,255,255,.06);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--w);font-family:'DM Sans',sans-serif;overflow-x:hidden;min-height:100vh}

body::before{content:'';position:fixed;inset:0;z-index:9000;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");opacity:.5}

.back-btn{position:fixed;top:1.4rem;left:2rem;z-index:500;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--w);font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;padding:.5rem 1.3rem;border:1px solid rgba(224,32,32,.5);background:rgba(224,32,32,.12);backdrop-filter:blur(10px);transition:all .25s;animation:fade-in .3s .05s both}
.back-btn:hover{color:#fff;border-color:var(--red);background:rgba(224,32,32,.22);box-shadow:0 0 18px rgba(224,32,32,.25)}
.back-btn svg{transition:transform .25s}
.back-btn:hover svg{transform:translateX(-3px)}
@keyframes fade-in{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}

.orb{position:fixed;border-radius:50%;filter:blur(140px);pointer-events:none;z-index:0}
.o1{width:600px;height:600px;background:rgba(224,32,32,.07);top:-10%;left:-15%}
.o2{width:500px;height:500px;background:rgba(58,123,213,.06);bottom:-10%;right:-10%}
.o3{width:350px;height:350px;background:rgba(224,32,32,.05);top:40%;right:5%}

.join-hero{min-height:38vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 2rem 3rem;position:relative;z-index:1}
.join-eyebrow{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--red);margin-bottom:1.2rem;opacity:0;animation:fup .4s .05s forwards}
.join-h1{font-family:'Playfair Display',serif;font-size:clamp(3rem,7vw,6rem);font-weight:900;line-height:.95;letter-spacing:-.03em;opacity:0;animation:fup .4s .15s forwards}
.join-h1 em{font-style:italic;color:var(--red)}
.join-sub{max-width:540px;margin:1.4rem auto 0;color:var(--m);font-size:.9rem;line-height:1.9;opacity:0;animation:fup .4s .25s forwards}
@keyframes fup{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

.divider{width:100%;max-width:1200px;margin:0 auto;height:1px;background:linear-gradient(to right,transparent,rgba(224,32,32,.22),rgba(224,32,32,.5),rgba(224,32,32,.22),transparent)}

.join-content{max-width:1200px;margin:0 auto;padding:4rem 2rem 6rem;position:relative;z-index:1}

.paths{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:4rem;align-items:stretch}

@media(max-width:760px){.paths{grid-template-columns:1fr}.path-card{min-height:auto}.path-btn{width:100%;align-self:stretch;text-align:center}}

.path-card{
  background:var(--card);
  border:1px solid var(--b);
  padding:2.8rem 2.4rem;
  position:relative;
  overflow:hidden;
  transition:border-color .3s,transform .3s,opacity .7s;
  opacity:1;
  transform:none;
  min-height:560px;
  display:flex;
  flex-direction:column;
}
.path-card.pre-reveal{opacity:0;transform:translateY(30px)}
.path-card.pre-reveal.vis{opacity:1;transform:none}
.path-card::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .4s;pointer-events:none}
.path-card.client::before{background:radial-gradient(circle at 50% 110%,rgba(224,32,32,.07),transparent 65%)}
.path-card.editor::before{background:radial-gradient(circle at 50% 110%,rgba(58,123,213,.07),transparent 65%)}
.path-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;transform:scaleX(0);transition:transform .4s}
.path-card.client::after{background:var(--red)}
.path-card.editor::after{background:var(--blue)}
.path-card:hover{transform:translateY(-4px)}
.path-card.client:hover{border-color:rgba(224,32,32,.25)}
.path-card.editor:hover{border-color:rgba(58,123,213,.25)}
.path-card:hover::before{opacity:1}
.path-card:hover::after{transform:scaleX(1)}

.path-badge{display:inline-flex;align-items:center;gap:.45rem;font-family:'DM Mono',monospace;font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;padding:.28rem .75rem;border:1px solid;margin-bottom:1.4rem}
.path-badge.cl{color:var(--red);border-color:rgba(224,32,32,.28);background:rgba(224,32,32,.05)}
.path-badge.ed{color:var(--blue);border-color:rgba(58,123,213,.28);background:rgba(58,123,213,.05)}

.icon-img{
  display:inline-block;
  width:1em;
  height:1em;
  object-fit:contain;
  object-position:center;
  vertical-align:-0.12em;
  flex-shrink:0;
}

.badge-icon{
  width:.78rem;
  height:.78rem;
}

.path-icon{
  width:2.4rem;
  height:2.4rem;
  margin-bottom:1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .4s;
}

.path-icon img{
  width:2.35rem;
  height:2.35rem;
  object-fit:contain;
  display:block;
}

.how-step-icon{
  width:1.2rem;
  height:1.2rem;
  margin-bottom:.55rem;
  display:flex;
  align-items:center;
  justify-content:center;
}

.how-step-icon img{
  width:1.15rem;
  height:1.15rem;
  object-fit:contain;
  display:block;
}

.ns-icon{
  width:.78rem;
  height:.78rem;
}

.icon-img,
.path-icon img,
.how-step-icon img{
  filter: brightness(0) invert(1);
}

img[src="../images/film-reel.png"]{
  transform:scale(1.18);
  transform-origin:center;
}

.path-badge img[src="../images/film-reel.png"]{
  width:.9rem;
  height:.9rem;
}

.path-icon img[src="../images/film-reel.png"]{
  width:2.65rem;
  height:2.65rem;
}

.how-step-icon img[src="../images/film-reel.png"]{
  width:1.35rem;
  height:1.35rem;
}

.path-badge.cl img[src="../images/friend.png"]{
  width:.92rem;
  height:.92rem;
  object-fit:contain;
  transform:none !important;
}

.path-card:hover .path-icon{transform:scale(1.12) rotate(-4deg)}

.path-card h2{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;line-height:1.1;margin-bottom:.75rem}
.path-card.client h2 em{color:var(--red);font-style:italic}
.path-card.editor h2 em{color:var(--blue);font-style:italic}

.path-desc{color:var(--m);font-size:.87rem;line-height:1.9;margin-bottom:1.6rem}

.path-perks{list-style:none;margin-bottom:2rem;display:flex;flex-direction:column;gap:.55rem}
.path-perks li{font-size:.8rem;color:var(--m);display:flex;align-items:flex-start;gap:.6rem;line-height:1.7}
.path-perks li::before{content:'◆';font-size:.42rem;margin-top:.42rem;flex-shrink:0}
.path-card.client .path-perks li::before{color:var(--red)}
.path-card.editor .path-perks li::before{color:var(--blue)}

.btn-red{background:var(--red);color:#fff;border:none;padding:.85rem 2rem;font-family:'DM Sans',sans-serif;font-weight:600;font-size:.88rem;cursor:pointer;text-decoration:none;display:inline-block;letter-spacing:.04em;position:relative;overflow:hidden;transition:box-shadow .25s,transform .15s}
.btn-red::before{content:'';position:absolute;inset:0;background:linear-gradient(to right,transparent,rgba(255,255,255,.12),transparent);transform:translateX(-100%);transition:transform .5s}
.btn-red:hover{box-shadow:0 0 28px var(--rg);transform:translateY(-2px)}
.btn-red:hover::before{transform:translateX(100%)}

.btn-blu{background:var(--blue);color:#fff;border:none;padding:.85rem 2rem;font-family:'DM Sans',sans-serif;font-weight:600;font-size:.88rem;cursor:pointer;text-decoration:none;display:inline-block;letter-spacing:.04em;position:relative;overflow:hidden;transition:box-shadow .25s,transform .15s}
.btn-blu::before{content:'';position:absolute;inset:0;background:linear-gradient(to right,transparent,rgba(255,255,255,.12),transparent);transform:translateX(-100%);transition:transform .5s}
.btn-blu:hover{box-shadow:0 0 28px rgba(58,123,213,.55);transform:translateY(-2px)}
.btn-blu:hover::before{transform:translateX(100%)}

.path-btn{
  margin-top:auto;
  align-self:center;
  min-width:245px;
  text-align:center;
}

.how-strip{margin-bottom:4rem;transition:opacity .7s .1s,transform .7s .1s}
.strip-label{font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:1.6rem;display:inline-flex;align-items:center;gap:.5rem}
.strip-label::before{content:'';display:inline-block;width:14px;height:1px;background:var(--red)}
.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
@media(max-width:760px){.how-steps{grid-template-columns:repeat(2,1fr)}}
.how-step{background:var(--card);border:1px solid var(--b);padding:1.6rem 1.3rem;position:relative;overflow:hidden;transition:border-color .3s,transform .3s}
.how-step::before{content:'';position:absolute;top:0;left:0;right:0;height:0;background:linear-gradient(to bottom,var(--rs),transparent);transition:height .4s}
.how-step:hover{border-color:rgba(224,32,32,.2);transform:translateY(-2px)}
.how-step:hover::before{height:40px}
.how-num{font-family:'Playfair Display',serif;font-size:2.8rem;font-weight:900;color:rgba(224,32,32,.35);line-height:1;margin-bottom:.5rem;transition:color .3s}
.how-step:hover .how-num{color:rgba(224,32,32,.55)}

.how-step h4{font-family:'Playfair Display',serif;font-size:.9rem;margin-bottom:.35rem;transition:color .3s}
.how-step:hover h4{color:var(--red)}
.how-step p{font-size:.72rem;color:var(--m);line-height:1.75}

.discord-strip{border:1px solid rgba(224,32,32,.15);padding:2.2rem 2.6rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;position:relative;overflow:hidden;transition:opacity .7s .2s,transform .7s .2s}
.discord-strip::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 0% 50%,rgba(224,32,32,.04),transparent 55%);pointer-events:none}
.discord-strip::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--red)}
.ds-text h3{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:800;margin-bottom:.3rem}
.ds-text h3 em{color:var(--red);font-style:italic}
.ds-text p{font-size:.78rem;color:var(--m);max-width:480px;line-height:1.8}
.disc-ticket{display:inline-flex;align-items:center;gap:.6rem;background:transparent;border:1px solid rgba(255,255,255,.08);padding:.6rem 1.3rem;font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--m);transition:border-color .3s,color .3s;margin-top:.8rem}
.disc-ticket:hover{border-color:rgba(224,32,32,.3);color:var(--w)}
.disc-ticket span{color:var(--red);animation:ab .8s ease-in-out infinite}
@keyframes ab{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}

.faq-section{margin-top:4rem;}
.faq-item{border-bottom:1px solid var(--b);padding:1.2rem 0;cursor:pointer}
.faq-q{display:flex;align-items:center;justify-content:space-between;font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--w);transition:color .25s}
.faq-q:hover{color:var(--red)}
.faq-icon{font-family:'DM Mono',monospace;font-size:.9rem;color:var(--red);transition:transform .3s;flex-shrink:0;margin-left:1rem}
.faq-a{font-size:.82rem;color:var(--m);line-height:1.85;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.25,.46,.45,.94),padding .3s;padding-top:0}
.faq-item.open .faq-a{max-height:200px;padding-top:.75rem}
.faq-item.open .faq-icon{transform:rotate(45deg)}

.network-section{margin-top:5rem;padding:3rem;background:var(--card);border:1px solid rgba(58,123,213,.15);position:relative;overflow:hidden;}
.network-section::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--blue)}
.ns-badge{display:inline-flex;align-items:center;gap:.4rem;font-family:'DM Mono',monospace;font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;padding:.25rem .7rem;border:1px solid rgba(58,123,213,.28);color:var(--blue);background:rgba(58,123,213,.05);margin-bottom:1.2rem}
.ns-body{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
@media(max-width:640px){.ns-body{grid-template-columns:1fr}}
.ns-body h3{font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:800;margin-bottom:.7rem}
.ns-body h3 em{font-style:italic;color:var(--blue)}
.ns-body p{font-size:.83rem;color:var(--m);line-height:1.9}
.ns-stats{display:flex;flex-direction:column;gap:1.2rem}
.ns-stat{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.3rem;background:rgba(58,123,213,.04);border:1px solid rgba(58,123,213,.1)}
.ns-stat-n{font-family:'Playfair Display',serif;font-size:2rem;font-weight:700;color:var(--blue);flex-shrink:0;min-width:60px}
.ns-stat-l{font-size:.75rem;color:var(--m);line-height:1.6}

@keyframes spin{to{transform:rotate(360deg)}}

.join-hero{
  min-height:34vh;
  padding:5rem 2rem 2.6rem;
}

.join-sub{
  max-width:620px;
}

.join-content{
  max-width:1120px;
  padding:3.6rem 2rem 6rem;
}

.paths{
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:4.4rem;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2px;
  align-items:stretch;
}

.path-card{
  min-height:555px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}

.path-badge{
  width:fit-content;
}

.path-icon{
  min-height:2.4rem;
}

.path-desc{
  min-height:104px;
}

.path-perks{
  flex:1;
  margin-bottom:2rem;
}

.path-btn{
  margin-top:auto;
  align-self:center;
  min-width:250px;
  text-align:center;
}

.how-strip{
  max-width:1120px;
  margin:0 auto 4.4rem;
}

.strip-label{
  margin-left:0;
}

.how-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:2px;
  align-items:stretch;
}

.how-step{
  min-height:190px;
}

.how-num{
  color:#ff2a2a !important;
  text-shadow:
    0 0 10px rgba(224,32,32,.7),
    0 0 26px rgba(224,32,32,.45),
    0 0 52px rgba(224,32,32,.25);
}

.how-step:hover .how-num{
  color:#ff3b3b !important;
  text-shadow:
    0 0 14px rgba(224,32,32,.95),
    0 0 34px rgba(224,32,32,.62),
    0 0 70px rgba(224,32,32,.35);
}

.network-section{
  max-width:1120px;
  margin:4.4rem auto 0;
  padding:3rem;
}

.ns-body{
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
  gap:2.5rem;
}

.ns-stats{
  justify-content:center;
}

.ns-stat{
  min-height:96px;
}

.ns-stat-n{
  color:#4b9cff;
  text-shadow:
    0 0 10px rgba(58,123,213,.8),
    0 0 26px rgba(58,123,213,.55),
    0 0 55px rgba(58,123,213,.3);
}

.faq-section{
  max-width:1120px;
  margin:4.4rem auto 0;
}

.discord-strip{
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}

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

  .path-card{
    min-height:auto;
  }

  .path-desc{
    min-height:0;
  }

  .path-btn{
    width:100%;
    align-self:stretch;
  }

  .how-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .ns-body{
    grid-template-columns:1fr;
  }
}

@media(max-width:520px){
  .join-content{
    padding-left:1.2rem;
    padding-right:1.2rem;
  }

  .how-steps{
    grid-template-columns:1fr;
  }

  .network-section{
    padding:2rem 1.4rem;
  }

  .discord-strip{
    padding:2rem 1.4rem;
  }
}

.paths{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2px;
  align-items:stretch;
  max-width:1120px;
  margin:0 auto 4.4rem;
}

.path-card{
  min-height:555px;
  display:flex;
  flex-direction:column;
}

.path-desc{
  min-height:118px;
}

.path-perks{
  flex:1;
}

.path-btn{
  margin-top:auto;
  align-self:center !important;
  width:260px;
  min-width:260px;
  text-align:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}

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

  .path-card{
    min-height:auto;
  }

  .path-desc{
    min-height:0;
  }

  .path-btn{
    width:100%;
    min-width:0;
    align-self:stretch;
  }
}

  .path-card.client .path-btn {
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}

body::before{background-size:220px 220px;contain:strict;transform:translateZ(0)}
.orb{will-change:transform;transform:translateZ(0);backface-visibility:hidden}
.path-card,.how-step,.discord-strip,.network-section,.faq-item,.contact-card,.btn-discord,.btn-red,.btn-blu{contain:layout paint}
.join-content,.contact-content{content-visibility:auto;contain-intrinsic-size:900px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.join-hero{
  min-height:36vh;
  padding:6.2rem 2rem 3.4rem;
}
.join-h1{
  margin-top:0;
}
.btn-red,.btn-blu,.path-btn{
  border-radius:999px !important;
}
.btn-red,.btn-blu{
  padding:.95rem 2.35rem;
}
.back-btn{
  border-radius:999px;
}
.discord-strip{
  align-items:center;
  padding:2.55rem 2.6rem;
}
.ds-text{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.ds-text p{
  margin-bottom:0;
}
@media(max-width:520px){
  .join-hero{padding:5.8rem 1.2rem 3rem}
  .discord-strip{padding:2.2rem 1.4rem}
}

 
.how-num,
.ns-stat-n{
  font-family:'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight:800 !important;
  letter-spacing:-.055em;
  line-height:.92;
}

.how-num{
  font-size:3rem;
}

.ns-stat-n{
  font-size:2.15rem;
}

.path-btn,
.btn-red,
.btn-blu{
  font-family:'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight:800;
  letter-spacing:.02em;
}

 
.join-h1,
.join-sub{
  opacity:1 !important;
  transform:none !important;
  animation:none !important;
}

.join-hero,
.divider,
.paths{
  opacity:0;
  transform:translate3d(0,34px,0);
  transition:
    opacity 1.05s cubic-bezier(.22,1,.36,1),
    transform 1.05s cubic-bezier(.22,1,.36,1);
  will-change:opacity,transform;
}

body.intro-visible .join-hero,
body.intro-visible .divider,
body.intro-visible .paths{
  opacity:1;
  transform:translate3d(0,0,0);
}

.path-card{
  opacity:1;
}

.reveal-on-scroll{
  opacity:0;
  transform:translate3d(0,38px,0);
  transition:
    opacity .95s cubic-bezier(.22,1,.36,1),
    transform .95s cubic-bezier(.22,1,.36,1);
  will-change:opacity,transform;
}

.reveal-on-scroll.visible{
  opacity:1;
  transform:translate3d(0,0,0);
}

@media(prefers-reduced-motion:reduce){
  .join-hero,.divider,.paths,.reveal-on-scroll{
    opacity:1 !important;
    transform:none !important;
  }
}

@property --stroke-angle{
  syntax:"<angle>";
  inherits:false;
  initial-value:103.678deg;
}

@property --stroke-x{
  syntax:"<percentage>";
  inherits:false;
  initial-value:83.9783%;
}

.stroke-glow-btn{
  position:relative !important;
  isolation:isolate;
  overflow:hidden !important;

  border:2.8px solid rgba(0,0,0,.74) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -2px 0 rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.03),
    0 12px 28px rgba(0,0,0,.38) !important;

  transform:translateZ(0) scale(1);
  transform-origin:center;
  backface-visibility:hidden;

  transition:
    transform .46s cubic-bezier(.16,1,.3,1),
    filter .46s ease,
    box-shadow .46s ease !important;
}

.stroke-glow-btn::before,
.stroke-glow-btn::after{
  display:none !important;
  content:none !important;
}

.stroke-glow-btn > span:not(.stroke-spin-mask):not(.stroke-inner-gloss){
  position:relative;
  z-index:7;
}

.stroke-inner-gloss{
  position:absolute;
  inset:2px;
  border-radius:inherit;
  pointer-events:none;
  z-index:3;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.18) 0%,
      rgba(255,255,255,.07) 28%,
      rgba(255,255,255,0) 66%
    );
  opacity:.62;
}

.stroke-spin-mask{
  position:absolute;
  inset:-1px;
  z-index:6;
  pointer-events:none;
  border-radius:inherit;
  padding:2.8px;

  background:
    conic-gradient(
      from var(--stroke-angle) at var(--stroke-x) 50%,
      rgba(0,0,0,0) 309deg,
      rgba(255,255,255,.06) 313deg,
      rgba(255,255,255,.20) 319deg,
      rgba(245,245,245,.54) 328deg,
      rgba(255,255,255,.98) 335deg,
      rgba(245,245,245,.54) 342deg,
      rgba(255,255,255,.20) 349deg,
      rgba(255,255,255,.06) 354deg,
      rgba(0,0,0,0) 359deg
    ),
    linear-gradient(
      180deg,
      rgba(0,0,0,.48),
      rgba(0,0,0,.84)
    );

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;

  animation:strokeSpin 5.55s linear infinite;
  will-change:background;
}

.stroke-spin-mask::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    conic-gradient(
      from var(--stroke-angle) at var(--stroke-x) 50%,
      rgba(0,0,0,0) 316deg,
      rgba(255,255,255,.08) 323deg,
      rgba(255,255,255,.26) 335deg,
      rgba(255,255,255,.08) 347deg,
      rgba(0,0,0,0) 354deg
    );
  filter:blur(.85px);
  opacity:.34;
}

@keyframes strokeSpin{
   
  0%{--stroke-angle:103.678deg;--stroke-x:83.9783%;}
  7%{--stroke-angle:123.411deg;--stroke-x:83.9783%;}

  14%{--stroke-angle:134.133deg;--stroke-x:77.0819%;}
  21%{--stroke-angle:154.99deg;--stroke-x:61.3336%;}
  28%{--stroke-angle:175.37deg;--stroke-x:45.9454%;}
  35%{--stroke-angle:195.749deg;--stroke-x:30.5573%;}
  42%{--stroke-angle:217.176deg;--stroke-x:16.0217%;}

  57%{--stroke-angle:300.634deg;--stroke-x:16.0217%;}

  61%{--stroke-angle:310.93deg;--stroke-x:20.4992%;}
  68%{--stroke-angle:331.241deg;--stroke-x:35.8359%;}
  75%{--stroke-angle:351.621deg;--stroke-x:51.224%;}
  82%{--stroke-angle:372deg;--stroke-x:66.6%;}
  89%{--stroke-angle:392deg;--stroke-x:81.6%;}

  94%{--stroke-angle:412deg;--stroke-x:83.9783%;}
  100%{--stroke-angle:463.678deg;--stroke-x:83.9783%;}
}

.stroke-glow-btn:hover{
  transform:translateZ(0) scale(.982) !important;
  filter:brightness(1.045);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -2px 0 rgba(0,0,0,.40),
    0 0 0 1px rgba(255,255,255,.035),
    0 0 18px rgba(255,255,255,.065),
    0 12px 28px rgba(0,0,0,.38) !important;
}

.stroke-glow-btn:active{
  transform:translateZ(0) scale(.968) !important;
  transition-duration:.18s !important;
}

@media(prefers-reduced-motion:reduce){
  .stroke-spin-mask{animation:none!important;}
}

 
html,body{
  width:100%;
  max-width:100%;
}

img,svg{
  max-width:100%;
}

a,button{
  -webkit-tap-highlight-color:transparent;
}

@supports(padding:max(0px)){
  body{
    padding-left:env(safe-area-inset-left);
    padding-right:env(safe-area-inset-right);
  }
}

@media(max-width:900px){
  .orb{
    filter:blur(105px);
    opacity:.7;
  }

  .o1{
    width:430px;
    height:430px;
    top:-135px;
    left:-215px;
  }

  .o2{
    width:360px;
    height:360px;
    right:-190px;
    bottom:-125px;
  }

  .o3{
    width:270px;
    height:270px;
    right:-140px;
    top:32%;
  }

  .back-btn{
    top:max(1rem,env(safe-area-inset-top));
    left:1.2rem;
    padding:.62rem 1.05rem;
    font-size:.62rem;
    letter-spacing:.12em;
    border-radius:999px;
  }

  .join-hero{
    min-height:auto;
    padding:6.8rem 1.35rem 2.45rem;
  }

  .join-h1{
    font-size:clamp(2.7rem,12vw,4.9rem);
    line-height:.94;
    letter-spacing:-.045em;
  }

  .join-sub{
    max-width:680px;
    margin-top:1.1rem;
    font-size:.94rem;
    line-height:1.72;
    color:rgba(245,240,235,.68);
  }

  .divider{
    max-width:calc(100% - 2.4rem);
  }

  .join-content{
    width:100%;
    max-width:720px;
    padding:2.2rem 1.2rem 4.6rem;
  }

  .paths{
    grid-template-columns:1fr !important;
    gap:14px;
    margin-bottom:3rem;
  }

  .path-card{
    min-height:auto !important;
    border-radius:26px;
    padding:1.85rem 1.35rem;
    box-shadow:0 18px 44px rgba(0,0,0,.24);
  }

  .path-card::after{
    left:18px;
    right:18px;
    bottom:0;
    border-radius:999px;
  }

  .path-badge{
    border-radius:999px;
    padding:.4rem .82rem;
    margin-bottom:1.05rem;
  }

  .path-icon{
    width:2.15rem;
    height:2.15rem;
    margin-bottom:.8rem;
  }

  .path-icon img{
    width:2.1rem;
    height:2.1rem;
  }

  .path-card h2{
    font-size:clamp(1.65rem,7vw,2.45rem);
    line-height:1.02;
  }

  .path-desc{
    min-height:0 !important;
    font-size:.88rem;
    line-height:1.72;
    margin-bottom:1.15rem;
  }

  .path-perks{
    gap:.48rem;
    margin-bottom:1.35rem;
  }

  .path-perks li{
    font-size:.82rem;
    line-height:1.62;
  }

  .path-btn{
    width:100% !important;
    min-width:0 !important;
    min-height:52px;
    padding:.98rem 1.1rem;
    border-radius:999px;
    font-size:.86rem;
    white-space:normal;
    line-height:1.22;
  }

  .how-strip,
  .network-section,
  .faq-section,
  .discord-strip{
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
  }

  .how-strip{
    margin-bottom:3rem;
  }

  .strip-label{
    font-size:.54rem;
    letter-spacing:.18em;
    margin-bottom:1.2rem;
  }

  .how-steps{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px;
  }

  .how-step{
    min-height:auto;
    border-radius:22px;
    padding:1.35rem 1.05rem;
  }

  .how-num{
    font-size:2.45rem;
  }

  .how-step h4{
    font-size:.96rem;
  }

  .how-step p{
    font-size:.76rem;
    line-height:1.62;
  }

  .network-section{
    border-radius:26px;
    padding:2rem 1.35rem;
    margin-top:3rem;
  }

  .ns-body{
    grid-template-columns:1fr !important;
    gap:1.65rem;
  }

  .ns-body h3{
    font-size:clamp(1.55rem,6.5vw,2.2rem);
    line-height:1.06;
  }

  .ns-body p{
    font-size:.86rem;
    line-height:1.72;
  }

  .ns-stat{
    border-radius:20px;
    min-height:auto;
    align-items:flex-start;
  }

  .ns-stat-n{
    font-size:2rem;
    min-width:54px;
  }

  .faq-section{
    margin-top:3rem;
  }

  .faq-item{
    padding:1rem 0;
  }

  .faq-q{
    font-size:1rem;
    line-height:1.35;
    gap:1rem;
  }

  .faq-a{
    font-size:.84rem;
    line-height:1.72;
  }

  .discord-strip{
    border-radius:26px;
    padding:2rem 1.35rem;
    gap:1.2rem;
    justify-content:center;
    text-align:center;
  }

  .ds-text h3{
    font-size:clamp(1.45rem,6vw,2rem);
  }

  .ds-text p{
    font-size:.84rem;
    line-height:1.65;
  }

  .discord-strip .btn-red{
    width:100%;
    min-height:52px;
    justify-content:center;
    text-align:center;
  }
}

@media(max-width:560px){
  body::before{
    opacity:.38;
    background-size:180px 180px;
  }

  .back-btn{
    left:1rem;
    max-width:calc(100vw - 2rem);
  }

  .join-hero{
    padding:6.25rem 1rem 2rem;
  }

  .join-h1{
    font-size:clamp(2.55rem,15vw,4.1rem);
  }

  .join-sub{
    font-size:.88rem;
    line-height:1.68;
  }

  .join-content{
    padding:1.8rem 1rem 3.5rem;
  }

  .paths{
    gap:12px;
    margin-bottom:2.65rem;
  }

  .path-card{
    border-radius:22px;
    padding:1.45rem 1.08rem;
  }

  .path-badge{
    font-size:.5rem;
    letter-spacing:.16em;
  }

  .path-card h2{
    font-size:1.72rem;
  }

  .path-desc,
  .path-perks li{
    font-size:.8rem;
  }

  .how-steps{
    grid-template-columns:1fr !important;
    gap:10px;
  }

  .how-step{
    border-radius:20px;
    padding:1.22rem 1rem;
  }

  .network-section,
  .discord-strip{
    border-radius:22px;
    padding:1.55rem 1rem;
  }

  .ns-stat{
    gap:.85rem;
    padding:.95rem 1rem;
  }

  .ns-stat-n{
    font-size:1.75rem;
    min-width:48px;
  }

  .ns-stat-l{
    font-size:.72rem;
  }

  .faq-q{
    font-size:.94rem;
  }

  .path-btn,
  .discord-strip .btn-red{
    min-height:54px;
    font-size:.82rem;
  }

  .stroke-glow-btn .btn-stroke-light{
    inset:-5px;
    width:calc(100% + 10px);
    height:calc(100% + 10px);
  }
}

@media(max-width:380px){
  .join-content,
  .join-hero{
    padding-left:.82rem;
    padding-right:.82rem;
  }

  .join-h1{
    font-size:2.45rem;
  }

  .path-card{
    padding:1.25rem .95rem;
  }

  .path-card h2{
    font-size:1.52rem;
  }

  .path-btn,
  .discord-strip .btn-red{
    font-size:.78rem;
  }
}

:root{
  --bg:#000000 !important;
  --card:#050505 !important;
  --b:rgba(255,255,255,.075) !important;
}
html,body{
  background:#000000 !important;
}
section,
.about-section,
#work,
#services,
#process,
#discord,
.contact-stage,
.join-hero,
.join-content{
  background:#000000 !important;
}
.contact-card,
.path-card,
.how-step,
.network-section,
.discord-strip,
.faq-item,
.sv,
.ps,
.wc{
  background:#050505 !important;
}
body::before{
  opacity:.34 !important;
}

.join-hero{
  min-height:24vh !important;
  padding:4.45rem 2rem 1.65rem !important;
}
.join-sub{
  max-width:500px !important;
  margin-top:.85rem !important;
  font-size:.74rem !important;
  line-height:1.65 !important;
  color:rgba(245,240,235,.54) !important;
}
.join-content{
  padding-top:2.35rem !important;
}
.paths{
  margin-bottom:2.6rem !important;
}
.how-strip,
.network-section,
.discord-strip{
  display:none !important;
}
.faq-section{
  margin-top:2.8rem !important;
}
@media(max-width:900px){
  .join-hero{padding:5.55rem 1.35rem 1.75rem !important;}
  .join-sub{font-size:.78rem !important;line-height:1.62 !important;}
  .join-content{padding-top:1.55rem !important;}
}
@media(max-width:560px){
  .join-hero{padding:5.35rem 1rem 1.45rem !important;}
  .join-sub{font-size:.76rem !important;}
}

 
.join-hero{
  min-height:18vh !important;
  padding:3.15rem 2rem .35rem !important;
}

.join-h1{
  margin-top:-.35rem !important;
}

.join-sub{
  margin-top:.75rem !important;
}

.divider{
  margin-top:.35rem !important;
}

.join-content{
  padding-top:4.95rem !important;
}

@media(max-width:900px){
  .join-hero{
    padding:4.8rem 1.35rem .75rem !important;
  }

  .join-content{
    padding-top:3.35rem !important;
  }
}

@media(max-width:560px){
  .join-hero{
    padding:4.65rem 1rem .6rem !important;
  }

  .join-content{
    padding-top:2.85rem !important;
  }
}

 
.join-hero{
  padding-top:3.75rem !important;
  padding-bottom:2.95rem !important;
}
.join-h1{
  transform:translateY(-12px) !important;
}
.join-sub{
  margin-top:2.05rem !important;
  transform:translateY(12px) !important;
}
.divider{
  margin-top:.65rem !important;
}
.join-content{
  padding-top:3.25rem !important;
}
@media(max-width:900px){
  .join-hero{padding-top:5.1rem !important;padding-bottom:2.6rem !important;}
  .join-h1{transform:translateY(-8px) !important;}
  .join-sub{margin-top:1.75rem !important;transform:translateY(10px) !important;}
  .join-content{padding-top:2.6rem !important;}
}
@media(max-width:560px){
  .join-hero{padding-top:5rem !important;padding-bottom:2.25rem !important;}
  .join-sub{margin-top:1.55rem !important;}
}

 
.join-sub{
  transform:translateY(34px) !important;
}
.divider{
  margin-top:.15rem !important;
}
@media(max-width:900px){
  .join-sub{transform:translateY(26px) !important;}
  .divider{margin-top:.1rem !important;}
}
@media(max-width:560px){
  .join-sub{transform:translateY(20px) !important;}
}

 
.join-hero{
  padding-top:4.2rem !important;
  padding-bottom:2.1rem !important;
}
.join-h1{
  transform:translateY(-2px) !important;
}
.join-sub{
  margin-top:1.55rem !important;
  transform:translateY(22px) !important;
}
.divider{
  margin-top:.05rem !important;
}
.join-content{
  padding-top:1.15rem !important;
}
@media(max-width:900px){
  .join-hero{padding-top:5.25rem !important;padding-bottom:1.8rem !important;}
  .join-h1{transform:translateY(0) !important;}
  .join-sub{margin-top:1.35rem !important;transform:translateY(18px) !important;}
  .join-content{padding-top:1rem !important;}
}
@media(max-width:560px){
  .join-hero{padding-top:5.1rem !important;padding-bottom:1.6rem !important;}
  .join-sub{margin-top:1.2rem !important;transform:translateY(14px) !important;}
  .join-content{padding-top:.85rem !important;}
}

 
.join-hero{
  padding-top:3.95rem !important;
  padding-bottom:1.95rem !important;
}
.join-h1{
  transform:translateY(-6px) !important;
}
.join-sub{
  margin-top:1.45rem !important;
  transform:translateY(18px) !important;
}
.divider{
  display:block !important;
  height:1px !important;
  opacity:1 !important;
  position:relative !important;
  z-index:3 !important;
  margin-top:.12rem !important;
  background:linear-gradient(
    to right,
    transparent,
    rgba(224,32,32,.24),
    rgba(224,32,32,.82),
    rgba(224,32,32,.24),
    transparent
  ) !important;
  box-shadow:0 0 8px rgba(224,32,32,.16) !important;
}
.join-content{
  padding-top:1rem !important;
}
@media(max-width:900px){
  .join-hero{padding-top:5.05rem !important;padding-bottom:1.7rem !important;}
  .join-h1{transform:translateY(-4px) !important;}
  .join-sub{margin-top:1.25rem !important;transform:translateY(15px) !important;}
  .divider{margin-top:.08rem !important;}
  .join-content{padding-top:.9rem !important;}
}
@media(max-width:560px){
  .join-hero{padding-top:4.9rem !important;padding-bottom:1.5rem !important;}
  .join-h1{transform:translateY(-3px) !important;}
  .join-sub{margin-top:1.12rem !important;transform:translateY(12px) !important;}
  .join-content{padding-top:.8rem !important;}
}

 
.divider{
  display:block !important;
  height:1px !important;
  position:relative !important;
  z-index:3 !important;
  margin-top:.12rem !important;
  background:linear-gradient(
    to right,
    transparent,
    rgba(224,32,32,.22),
    rgba(224,32,32,.5),
    rgba(224,32,32,.22),
    transparent
  ) !important;
  box-shadow:none !important;

  opacity:0 !important;
  transform:translate3d(0,34px,0) !important;
  transition:
    opacity 1.05s cubic-bezier(.22,1,.36,1),
    transform 1.05s cubic-bezier(.22,1,.36,1) !important;
  will-change:opacity,transform !important;
}

body.intro-visible .divider{
  opacity:1 !important;
  transform:translate3d(0,0,0) !important;
}

@media(prefers-reduced-motion:reduce){
  .divider{
    opacity:1 !important;
    transform:none !important;
  }
}

.join-video-card{
  position:relative;
  width:100%;
  max-width:100%;
  aspect-ratio:16/9;
  height:auto;
  margin:1.05rem 0 1.8rem;
  border:1px solid rgba(58,123,213,.28);
  background:#020202;
  overflow:hidden;
  cursor:pointer;
  isolation:isolate;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 22px rgba(58,123,213,.08);
  transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s,box-shadow .28s,filter .28s;
}
.join-video-card:hover{
  transform:translateY(-2px);
  border-color:rgba(58,123,213,.65);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 30px rgba(58,123,213,.22);
  filter:brightness(1.08);
}
.join-video-preview{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  opacity:1;
  transform:scale(1.005);
  transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s;
  background:#050505;
}
.join-video-card:hover .join-video-preview{transform:scale(1.03);opacity:1}
.join-video-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.12)),radial-gradient(circle at 50% 50%,rgba(58,123,213,.14),transparent 55%);
  z-index:1;
}
.join-video-play{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:54px;
  height:54px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(58,123,213,.42);
  box-shadow:0 0 22px rgba(58,123,213,.55),inset 0 0 18px rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:3;
  backdrop-filter:blur(8px);
  transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .25s,box-shadow .25s;
}
.join-video-card:hover .join-video-play{transform:translate(-50%,-50%) scale(1.08);background:rgba(58,123,213,.62);box-shadow:0 0 32px rgba(58,123,213,.75)}
.join-video-play span{
  width:0;
  height:0;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-left:15px solid #fff;
  margin-left:4px;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.45));
}
.join-video-card::after{
  content:'';
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:2px;
  background:var(--blue);
  z-index:4;
  box-shadow:0 0 14px rgba(58,123,213,.75);
}

.vp-wrap{
  position:fixed;
  inset:0;
  z-index:8000;
  background:rgba(0,0,0,.92);
  backdrop-filter:blur(8px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  opacity:0;
  pointer-events:none;
  transition:opacity .35s;
  padding:0 14px;
}
.vp-wrap.open{opacity:1;pointer-events:all}
.vp-screen{position:relative;background:#000;overflow:hidden;cursor:pointer;width:min(900px,92vw);aspect-ratio:16/9;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 60px rgba(58,123,213,.15)}
.vp-screen video{width:100%;height:100%;object-fit:contain;display:block;background:#000}
.vp-close{
  position:absolute;
  top:1.2rem;
  right:1.2rem;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(0,0,0,.55);
  color:#fff;
  font-size:1.4rem;
  line-height:1;
  cursor:pointer;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:background .25s,border-color .25s,transform .2s;
}
.vp-close:hover{background:rgba(58,123,213,.35);border-color:rgba(58,123,213,.65);transform:scale(.96)}
.vp-bigplay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .3s}
.vp-bigplay.show{opacity:1}
.vp-bigplay::before{content:'';position:absolute;width:96px;height:96px;border-radius:50%;background:rgba(58,123,213,.38);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);box-shadow:0 0 34px rgba(58,123,213,.55);animation:bpc .35s cubic-bezier(.34,1.56,.64,1)}
.vp-bigplay::after{content:'';position:relative;z-index:1;width:0;height:0;border-top:18px solid transparent;border-bottom:18px solid transparent;border-left:28px solid #fff;margin-left:7px;filter:drop-shadow(0 0 16px rgba(58,123,213,.9));animation:bpp .35s cubic-bezier(.34,1.56,.64,1)}
@keyframes bpp{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes bpc{from{transform:scale(.55);opacity:0}to{transform:scale(1);opacity:1}}
.vp-controls{width:min(900px,92vw);background:rgba(8,8,8,.96);border:1px solid rgba(255,255,255,.08);border-top:none;padding:.65rem 1rem .75rem;display:flex;flex-direction:column;gap:.5rem}
.vp-timeline{position:relative;height:4px;background:rgba(255,255,255,.1);cursor:pointer;border-radius:2px;transition:height .2s}
.vp-timeline:hover{height:6px}
.vp-tl-prog{position:absolute;top:0;left:0;height:100%;width:0;background:var(--blue);border-radius:2px;pointer-events:none;box-shadow:0 0 7px rgba(58,123,213,.75)}
.vp-tl-thumb{position:absolute;top:50%;left:0;transform:translate(-50%,-50%) scale(0);width:12px;height:12px;background:var(--w);border-radius:50%;pointer-events:none;transition:transform .2s}
.vp-timeline:hover .vp-tl-thumb{transform:translate(-50%,-50%) scale(1)}
.vp-row{display:flex;align-items:center;gap:.7rem}
.vp-btn{background:none;border:none;cursor:pointer;padding:.28rem;display:flex;align-items:center;justify-content:center;transition:transform .2s;color:rgba(245,240,235,.7);font-size:1rem;line-height:1;min-width:28px}
.vp-btn:hover{color:#fff;text-shadow:0 0 8px rgba(58,123,213,.8)}
.vp-btn:active{transform:scale(.85)}
.vp-vol{-webkit-appearance:none;appearance:none;width:70px;height:3px;background:rgba(255,255,255,.13);border-radius:2px;outline:none;cursor:pointer}
.vp-vol::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:var(--w);border-radius:50%;cursor:pointer}
.vp-vol::-moz-range-thumb{width:10px;height:10px;background:var(--w);border-radius:50%;border:none;cursor:pointer}
.vp-time{font-family:'DM Mono',monospace;font-size:.65rem;color:var(--m);white-space:nowrap}
.vp-spacer{flex:1}
body.video-modal-locked{overflow:hidden!important}
@media(max-width:640px){
  .join-video-card{aspect-ratio:16/9;margin:.9rem 0 1.4rem}
  .vp-screen,.vp-controls{width:100%}
  .vp-close{top:.8rem;right:.8rem}
}

.join-video-card{
  height:auto !important;
  aspect-ratio:16/9 !important;
  margin:.45rem 0 2rem !important;
  border-color:rgba(58,123,213,.34) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 0 34px rgba(58,123,213,.11) !important;
}
.join-video-preview{object-fit:cover !important;opacity:.92 !important;}
.join-video-shade{background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,.08),rgba(0,0,0,.18)) !important;}
.join-video-label{display:none !important;}
.path-card.editor .path-perks{display:none !important;}
.path-card.editor{justify-content:flex-start !important;}
.path-card.editor .path-btn{margin-top:auto !important;}

.vp-wrap{
  position:fixed !important;
  inset:0 !important;
  z-index:8000 !important;
  background:rgba(0,0,0,.92) !important;
  backdrop-filter:blur(8px) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:0;
  pointer-events:none;
  transition:opacity .35s;
  padding:0 14px !important;
}
.vp-wrap.open{opacity:1 !important;pointer-events:all !important;}
.vp-wrap:fullscreen,
.vp-wrap.is-fullscreen{
  background:#000 !important;
  backdrop-filter:none !important;
  width:100vw !important;
  height:100vh !important;
  padding:0 !important;
}
.vp-close{display:none !important;}
.vp-screen{
  position:relative !important;
  background:#000 !important;
  overflow:hidden !important;
  cursor:pointer !important;
  width:min(900px,92vw) !important;
  aspect-ratio:16/9 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 0 60px rgba(58,123,213,.15) !important;
}
.vp-screen.landscape{width:min(900px,92vw) !important;aspect-ratio:16/9 !important;}
.vp-wrap:fullscreen .vp-screen.landscape,
.vp-wrap.is-fullscreen .vp-screen.landscape{
  width:100vw !important;
  height:calc(100vh - 74px) !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  border:none !important;
  box-shadow:none !important;
}
.vp-screen video{width:100% !important;height:100% !important;object-fit:contain !important;display:block !important;background:#000 !important;}
.vp-bigplay{position:absolute !important;inset:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;pointer-events:none !important;opacity:0;transition:opacity .3s;}
.vp-bigplay.show{opacity:1 !important;}
.vp-bigplay::before{content:'';position:absolute;width:96px;height:96px;border-radius:50%;background:rgba(58,123,213,.38);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);box-shadow:0 0 34px rgba(58,123,213,.55);animation:bpc .35s cubic-bezier(.34,1.56,.64,1)}
.vp-bigplay img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(58,123,213,.9));animation:bpp .35s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1;}
.vp-controls{
  width:min(900px,92vw) !important;
  background:rgba(8,8,8,.96) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-top:none !important;
  padding:.65rem 1rem .75rem !important;
  display:flex !important;
  flex-direction:column !important;
  gap:.5rem !important;
}
.vp-controls.landscape{width:min(900px,92vw) !important;}
.vp-wrap:fullscreen .vp-controls.landscape,
.vp-wrap.is-fullscreen .vp-controls.landscape{width:100vw !important;border-left:none !important;border-right:none !important;border-bottom:none !important;}
.vp-timeline{position:relative !important;height:4px !important;background:rgba(255,255,255,.1) !important;cursor:pointer !important;border-radius:2px !important;transition:height .2s !important;}
.vp-timeline:hover{height:6px !important;}
.vp-tl-buf{position:absolute;top:0;left:0;height:100%;width:0;background:rgba(255,255,255,.13);border-radius:2px;pointer-events:none;}
.vp-tl-prog{position:absolute !important;top:0 !important;left:0 !important;height:100% !important;width:0;background:var(--blue) !important;border-radius:2px !important;pointer-events:none !important;box-shadow:0 0 7px rgba(58,123,213,.75) !important;}
.vp-tl-thumb{position:absolute !important;top:50% !important;left:0;transform:translate(-50%,-50%) scale(0) !important;width:12px !important;height:12px !important;background:var(--w) !important;border-radius:50% !important;pointer-events:none !important;transition:transform .2s !important;}
.vp-timeline:hover .vp-tl-thumb{transform:translate(-50%,-50%) scale(1) !important;}
.vp-row{display:flex !important;align-items:center !important;gap:.7rem !important;}
.vp-btn{background:none !important;border:none !important;cursor:pointer !important;padding:.28rem !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:transform .2s !important;flex-shrink:0 !important;min-width:28px !important;}
.vp-btn img{width:20px !important;height:20px !important;object-fit:contain !important;opacity:.55 !important;transition:opacity .2s,filter .2s !important;}
.vp-btn:hover img{opacity:1 !important;filter:drop-shadow(0 0 6px rgba(58,123,213,.85)) !important;}
.vp-btn:active{transform:scale(.85) !important;}
.vp-vol-wrap{display:flex !important;align-items:center !important;gap:.45rem !important;}
.vp-vol{-webkit-appearance:none !important;appearance:none !important;width:65px !important;height:3px !important;background:rgba(255,255,255,.13) !important;border-radius:2px !important;outline:none !important;cursor:pointer !important;transition:width .25s !important;}
.vp-vol-wrap:hover .vp-vol{width:85px !important;}
.vp-vol::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:var(--w);border-radius:50%;cursor:pointer;}
.vp-vol::-moz-range-thumb{width:10px;height:10px;background:var(--w);border-radius:50%;border:none;cursor:pointer;}
.vp-time{font-family:'DM Mono',monospace !important;font-size:.65rem !important;color:var(--m) !important;margin-left:.15rem !important;white-space:nowrap !important;}
.vp-spacer{flex:1 !important;}
body.video-modal-locked{overflow:hidden !important;}
body.video-modal-locked > *:not(.vp-wrap){filter:brightness(.55);}
@media(max-width:640px){
  .vp-wrap{padding:0 10px !important;}
  .vp-screen.landscape,.vp-controls.landscape{width:100% !important;max-width:100% !important;}
  .vp-controls{border-radius:0 0 16px 16px !important;padding:.62rem .72rem .72rem !important;}
  .vp-btn img{width:18px !important;height:18px !important;}
}

.path-card.client .join-video-card{
  border-color:rgba(224,32,32,.34) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 0 34px rgba(224,32,32,.11) !important;
}
.path-card.client .join-video-card:hover{
  border-color:rgba(224,32,32,.68) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 34px rgba(224,32,32,.24) !important;
}
.path-card.client .join-video-shade{
  background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,.08),rgba(0,0,0,.18)),radial-gradient(circle at 50% 50%,rgba(224,32,32,.12),transparent 56%) !important;
}
.path-card.client .join-video-play{
  background:rgba(224,32,32,.42) !important;
  box-shadow:0 0 22px rgba(224,32,32,.55),inset 0 0 18px rgba(255,255,255,.08) !important;
}
.path-card.client .join-video-card:hover .join-video-play{
  background:rgba(224,32,32,.62) !important;
  box-shadow:0 0 32px rgba(224,32,32,.75) !important;
}
.path-card.client .join-video-card::after{
  background:var(--red) !important;
  box-shadow:0 0 14px rgba(224,32,32,.75) !important;
}
.path-card.client{justify-content:flex-start !important;}
.path-card.client .path-btn{margin-top:auto !important;}

.path-card.editor h2{
  white-space:nowrap;
  font-size:clamp(1.45rem,2.45vw,2rem);
}
@media(max-width:900px){
  .path-card.editor h2{
    white-space:normal;
    font-size:clamp(1.5rem,6vw,2.2rem);
  }
}

.path-card .join-video-card{
  width:100% !important;
  max-width:none !important;
  aspect-ratio:16 / 9 !important;
  height:auto !important;
  min-height:0 !important;
  margin:1.05rem 0 2.05rem !important;
  flex:0 0 auto !important;
}

.path-card.client .join-video-card,
.path-card.editor .join-video-card{
  border-width:1px !important;
}

.path-card.client .join-video-card{
  border-color:rgba(224,32,32,.65) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 22px rgba(224,32,32,.08) !important;
}

.path-card.client .join-video-card:hover{
  border-color:rgba(224,32,32,.85) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 30px rgba(224,32,32,.24) !important;
}

.path-card.client .join-video-play{
  background:rgba(224,32,32,.42) !important;
  box-shadow:0 0 22px rgba(224,32,32,.55),inset 0 0 18px rgba(255,255,255,.08) !important;
}

.path-card.client .join-video-card:hover .join-video-play{
  background:rgba(224,32,32,.62) !important;
  box-shadow:0 0 32px rgba(224,32,32,.75) !important;
}

.path-card.client .join-video-card::after{
  background:var(--red) !important;
  box-shadow:0 0 14px rgba(224,32,32,.75) !important;
}

.path-card.client .join-video-shade{
  background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.20) 54%,rgba(0,0,0,.66)),radial-gradient(circle at 50% 50%,rgba(224,32,32,.20),transparent 48%) !important;
}

.path-card.editor .join-video-shade{
  background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.20) 54%,rgba(0,0,0,.66)),radial-gradient(circle at 50% 50%,rgba(58,123,213,.20),transparent 48%) !important;
}

.join-video-card.is-placeholder .join-video-preview{
  display:none !important;
}

.path-card.client .join-video-card.is-placeholder{
  background:
    radial-gradient(circle at 50% 50%,rgba(224,32,32,.16),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.015),rgba(0,0,0,.18)),
    #030303 !important;
}

.path-card.editor .join-video-card.is-placeholder{
  background:
    radial-gradient(circle at 50% 50%,rgba(58,123,213,.16),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.015),rgba(0,0,0,.18)),
    #030303 !important;
}

.vp-wrap.placeholder-mode .vp-screen video{
  display:none !important;
}

.vp-placeholder-empty{
  position:absolute;
  inset:0;
  display:none;
  background:
    radial-gradient(circle at 50% 50%,rgba(224,32,32,.10),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.22)),
    #020202;
  pointer-events:none;
}

.vp-wrap.placeholder-mode .vp-placeholder-empty{
  display:block;
}

.vp-wrap.placeholder-blue .vp-placeholder-empty{
  background:
    radial-gradient(circle at 50% 50%,rgba(58,123,213,.12),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.22)),
    #020202;
}
.vp-wrap.placeholder-red .vp-placeholder-empty{
  background:
    radial-gradient(circle at 50% 50%,rgba(224,32,32,.12),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.22)),
    #020202;
}

.vp-wrap.placeholder-mode .vp-bigplay{
  opacity:1 !important;
}

.vp-wrap.placeholder-mode .vp-tl-buf,
.vp-wrap.placeholder-mode .vp-tl-prog{
  width:0 !important;
}

.vp-wrap.placeholder-mode #vp-time{
  color:rgba(245,240,235,.45);
}

@media(max-width:900px){
  .path-card .join-video-card{
    width:100% !important;
    aspect-ratio:16 / 9 !important;
  }
}

.join-hero{
  min-height:28vh !important;
  padding:3.2rem 2rem 1.25rem !important;
  justify-content:flex-start !important;
}
.join-sub{display:none !important;}
.divider{margin-top:0 !important;}
.join-content{padding-top:2.1rem !important;}
.path-card.client,
.path-card.editor{
  padding-left:2rem !important;
  padding-right:2rem !important;
}
.path-card.client .join-video-card,
.path-card.editor .join-video-card,
.path-card .join-video-card{
  width:calc(100% + 34px) !important;
  max-width:none !important;
  margin-left:-17px !important;
  margin-right:-17px !important;
  aspect-ratio:16 / 9 !important;
  height:auto !important;
  min-height:0 !important;
}
.path-card.client .join-video-card,
.path-card.editor .join-video-card{
  margin-top:1rem !important;
  margin-bottom:2.25rem !important;
}
.path-card.client .path-btn,
.path-card.editor .path-btn{
  margin-top:auto !important;
}

.vp-wrap.placeholder-mode .vp-screen,
.vp-wrap.placeholder-mode .vp-controls{
  border-color:rgba(224,32,32,.28) !important;
}
.vp-wrap.placeholder-mode .vp-screen{
  box-shadow:0 0 60px rgba(224,32,32,.16) !important;
}
.vp-wrap.placeholder-mode .vp-bigplay::before{
  background:rgba(224,32,32,.38) !important;
  box-shadow:0 0 34px rgba(224,32,32,.55) !important;
}
.vp-wrap.placeholder-mode .vp-bigplay img,
.vp-wrap.placeholder-mode .vp-btn:hover img{
  filter:drop-shadow(0 0 16px rgba(224,32,32,.9)) !important;
}
.vp-wrap.placeholder-mode .vp-tl-prog{
  background:var(--red) !important;
  box-shadow:0 0 7px rgba(224,32,32,.75) !important;
}
.vp-wrap.placeholder-mode .vp-placeholder-empty{
  background:
    radial-gradient(circle at 50% 50%,rgba(224,32,32,.14),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.22)),
    #020202 !important;
}
@media(max-width:900px){
  .join-hero{min-height:auto !important;padding:3.8rem 1.35rem 1.1rem !important;}
  .path-card.client .join-video-card,
  .path-card.editor .join-video-card,
  .path-card .join-video-card{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

.join-hero{
  min-height:auto !important;
  padding-top:3.2rem !important;
  padding-bottom:.45rem !important;
}
.divider{
  margin-top:.15rem !important;
}
.join-content{
  padding-top:.9rem !important;
}
.paths{
  margin-top:0 !important;
}
@media(max-width:900px){
  .join-hero{
    padding-top:3.35rem !important;
    padding-bottom:.55rem !important;
  }
  .join-content{
    padding-top:.8rem !important;
  }
}

.join-content{
  padding-top:1.45rem !important;
}
@media(max-width:900px){
  .join-content{
    padding-top:1.25rem !important;
  }
}

 
.join-content{
  padding-top:2.7rem !important;
}
@media(max-width:900px){
  .join-content{padding-top:2.25rem !important;}
}
@media(max-width:560px){
  .join-content{padding-top:1.75rem !important;}
}

.o1,
.o3{
  display:none !important;
  opacity:0 !important;
}

.join-content::before,
.join-content::after,
.paths::before,
.paths::after{
  content:none !important;
  display:none !important;
}

.join-hero{
  position:relative !important;
  z-index:9501 !important;
  isolation:isolate !important;
}
.join-h1{
  position:relative !important;
  z-index:9502 !important;
  pointer-events:auto !important;
}
.divider{
  position:relative !important;
  z-index:2 !important;
}

.back-btn{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  position:fixed !important;
  top:1.4rem !important;
  left:2rem !important;
  z-index:10080 !important;
  pointer-events:auto !important;
}

.join-hero{
  position:relative !important;
  z-index:9501 !important;
  isolation:isolate !important;
}
.join-h1{
  position:relative !important;
  z-index:9502 !important;
}

.orb,
.o1,
.o2,
.o3{
  z-index:0 !important;
  pointer-events:none !important;
}

.join-h1{
  top:-14px !important;
}
.join-hero{
  padding-bottom:1.05rem !important;
}
.divider{
  margin-top:.05rem !important;
}
@media(max-width:900px){
  .join-h1{top:-10px !important;}
  .join-hero{padding-bottom:.9rem !important;}
}

.vp-wrap.player-red .vp-screen,
.vp-wrap.player-red .vp-controls{
  border-color:rgba(224,32,32,.28) !important;
}
.vp-wrap.player-red .vp-screen{
  box-shadow:0 0 60px rgba(224,32,32,.16) !important;
}
.vp-wrap.player-red .vp-bigplay::before{
  background:rgba(224,32,32,.38) !important;
  box-shadow:0 0 34px rgba(224,32,32,.55) !important;
}
.vp-wrap.player-red .vp-bigplay img{
  filter:drop-shadow(0 0 16px rgba(224,32,32,.9)) !important;
}
.vp-wrap.player-red .vp-tl-prog{
  background:var(--red) !important;
  box-shadow:0 0 7px rgba(224,32,32,.75) !important;
}
.vp-wrap.player-red .vp-btn:hover img{
  filter:drop-shadow(0 0 6px rgba(224,32,32,.85)) !important;
}
.vp-wrap.player-red .vp-close:hover{
  background:rgba(224,32,32,.35) !important;
  border-color:rgba(224,32,32,.65) !important;
}

.vp-wrap.player-blue .vp-screen,
.vp-wrap.player-blue .vp-controls{
  border-color:rgba(58,123,213,.28) !important;
}
.vp-wrap.player-blue .vp-screen{
  box-shadow:0 0 60px rgba(58,123,213,.16) !important;
}
.vp-wrap.player-blue .vp-bigplay::before{
  background:rgba(58,123,213,.38) !important;
  box-shadow:0 0 34px rgba(58,123,213,.55) !important;
}
.vp-wrap.player-blue .vp-bigplay img{
  filter:drop-shadow(0 0 16px rgba(58,123,213,.9)) !important;
}
.vp-wrap.player-blue .vp-tl-prog{
  background:var(--blue) !important;
  box-shadow:0 0 7px rgba(58,123,213,.75) !important;
}
.vp-wrap.player-blue .vp-btn:hover img{
  filter:drop-shadow(0 0 6px rgba(58,123,213,.85)) !important;
}

.vp-wrap.open,
.vp-wrap.player-red,
.vp-wrap.player-blue,
.vp-wrap.placeholder-red,
.vp-wrap.placeholder-blue{
  background:rgba(0,0,0,.92) !important;
  backdrop-filter:blur(8px) !important;
}

.vp-bigplay::after{
  display:none !important;
  content:none !important;
}

.vp-wrap.player-red .vp-screen,
.vp-wrap.player-red .vp-controls{
  border-color:rgba(224,32,32,.32) !important;
}
.vp-wrap.player-red .vp-screen{
  box-shadow:0 0 42px rgba(255,255,255,.045) !important;
}
.vp-wrap.player-red .vp-bigplay::before{
  background:rgba(224,32,32,.34) !important;
  box-shadow:0 0 22px rgba(224,32,32,.42) !important;
}
.vp-wrap.player-red .vp-bigplay img,
.vp-wrap.player-red .vp-btn:hover img{
  filter:drop-shadow(0 0 7px rgba(224,32,32,.78)) !important;
}
.vp-wrap.player-red .vp-tl-prog{
  background:var(--red) !important;
  box-shadow:0 0 7px rgba(224,32,32,.75) !important;
}

.vp-wrap.player-blue .vp-screen,
.vp-wrap.player-blue .vp-controls,
.vp-wrap.placeholder-blue .vp-screen,
.vp-wrap.placeholder-blue .vp-controls{
  border-color:rgba(58,123,213,.28) !important;
}
.vp-wrap.player-blue .vp-screen,
.vp-wrap.placeholder-blue .vp-screen{
  box-shadow:0 0 60px rgba(58,123,213,.15) !important;
}
.vp-wrap.player-blue .vp-bigplay::before,
.vp-wrap.placeholder-blue .vp-bigplay::before{
  background:rgba(58,123,213,.38) !important;
  box-shadow:0 0 34px rgba(58,123,213,.55) !important;
}
.vp-wrap.player-blue .vp-bigplay img,
.vp-wrap.placeholder-blue .vp-bigplay img,
.vp-wrap.player-blue .vp-btn:hover img,
.vp-wrap.placeholder-blue .vp-btn:hover img{
  filter:drop-shadow(0 0 16px rgba(58,123,213,.9)) !important;
}
.vp-wrap.player-blue .vp-tl-prog,
.vp-wrap.placeholder-blue .vp-tl-prog{
  background:var(--blue) !important;
  box-shadow:0 0 7px rgba(58,123,213,.75) !important;
}
.vp-wrap.placeholder-blue .vp-placeholder-empty{
  background:
    radial-gradient(circle at 50% 50%,rgba(58,123,213,.14),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.22)),
    #020202 !important;
}

.vp-wrap.placeholder-red .vp-screen,
.vp-wrap.placeholder-red .vp-controls{
  border-color:rgba(224,32,32,.32) !important;
}
.vp-wrap.placeholder-red .vp-screen{
  box-shadow:0 0 42px rgba(255,255,255,.045) !important;
}
.vp-wrap.placeholder-red .vp-bigplay::before{
  background:rgba(224,32,32,.34) !important;
  box-shadow:0 0 22px rgba(224,32,32,.42) !important;
}
.vp-wrap.placeholder-red .vp-bigplay img,
.vp-wrap.placeholder-red .vp-btn:hover img{
  filter:drop-shadow(0 0 7px rgba(224,32,32,.78)) !important;
}
.vp-wrap.placeholder-red .vp-tl-prog{
  background:var(--red) !important;
  box-shadow:0 0 7px rgba(224,32,32,.75) !important;
}
.vp-wrap.placeholder-red .vp-placeholder-empty{
  background:
    radial-gradient(circle at 50% 50%,rgba(224,32,32,.14),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.22)),
    #020202 !important;
}

.vp-wrap.closing-neutral{
  background:rgba(0,0,0,.92) !important;
  backdrop-filter:blur(8px) !important;
}
.vp-wrap.closing-neutral .vp-screen{
  box-shadow:none !important;
  border-color:rgba(255,255,255,.08) !important;
}
.vp-wrap.closing-neutral .vp-controls{
  border-color:rgba(255,255,255,.08) !important;
}
.vp-wrap.closing-neutral .vp-bigplay::before{
  background:rgba(255,255,255,.08) !important;
  box-shadow:none !important;
}
.vp-wrap.closing-neutral .vp-bigplay img,
.vp-wrap.closing-neutral .vp-btn:hover img{
  filter:none !important;
}
.vp-wrap.closing-neutral .vp-tl-prog{
  box-shadow:none !important;
}

@media(max-width:900px){
  .back-btn{
    top:max(.85rem,env(safe-area-inset-top))!important;
    left:.85rem!important;
    padding:.56rem .95rem!important;
    font-size:.58rem!important;
  }
  .join-hero{
    min-height:auto!important;
    padding:4.55rem 1rem .9rem!important;
  }
  .join-h1{
    font-size:clamp(2.7rem,13vw,4.4rem)!important;
    line-height:.88!important;
    letter-spacing:-.05em!important;
  }
  .join-sub{
    max-width:330px!important;
    font-size:.72rem!important;
    line-height:1.5!important;
    margin-top:.9rem!important;
    transform:none!important;
  }
  .divider{max-width:calc(100% - 2rem)!important;margin-top:.55rem!important;}
  .join-content{
    max-width:620px!important;
    padding:1.1rem .8rem 2.8rem!important;
  }
  .paths{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.75rem!important;
    margin-bottom:1.6rem!important;
  }
  .path-card{
    min-height:0!important;
    border-radius:22px!important;
    padding:1.05rem 1rem!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    grid-template-areas:
      "badge badge"
      "title icon"
      "video video"
      "button button"!important;
    align-items:center!important;
    gap:.55rem .7rem!important;
  }
  .path-badge{
    grid-area:badge!important;
    margin-bottom:.1rem!important;
    font-size:.48rem!important;
    letter-spacing:.16em!important;
    padding:.35rem .68rem!important;
    border-radius:999px!important;
  }
  .path-icon{
    grid-area:icon!important;
    width:2rem!important;
    height:2rem!important;
    min-height:0!important;
    margin:0!important;
  }
  .path-icon img{width:2rem!important;height:2rem!important;}
  .path-card h2{
    grid-area:title!important;
    font-size:clamp(1.65rem,7.8vw,2.45rem)!important;
    line-height:.96!important;
    margin:0!important;
    letter-spacing:-.035em!important;
  }
  .join-video-card{
    grid-area:video!important;
    margin:.1rem 0 .2rem!important;
    aspect-ratio:16/8.2!important;
    border-radius:16px!important;
  }
  .join-video-play{width:42px!important;height:42px!important;}
  .join-video-play span{
    border-top-width:8px!important;
    border-bottom-width:8px!important;
    border-left-width:12px!important;
  }
  .path-btn{
    grid-area:button!important;
    min-height:48px!important;
    width:100%!important;
    min-width:0!important;
    padding:.82rem 1rem!important;
    font-size:.8rem!important;
    border-radius:999px!important;
  }
  .faq-section{
    margin-top:1.5rem!important;
    padding:0 .2rem!important;
  }
  .strip-label{font-size:.5rem!important;letter-spacing:.17em!important;margin-bottom:1rem!important;}
  .faq-item{padding:.85rem 0!important;}
  .faq-q{font-size:.9rem!important;line-height:1.25!important;}
  .faq-a{font-size:.76rem!important;line-height:1.55!important;}
}
@media(max-width:430px){
  .join-hero{padding-top:4.35rem!important;}
  .join-content{padding-left:.72rem!important;padding-right:.72rem!important;}
  .path-card{padding:.92rem .85rem!important;border-radius:20px!important;}
  .path-card h2{font-size:1.78rem!important;}
  .join-video-card{aspect-ratio:16/8.8!important;}
}

.paths{
  grid-template-columns:minmax(0,760px) !important;
  justify-content:center !important;
  max-width:1120px !important;
}
.path-card.editor{
  width:100% !important;
  max-width:760px !important;
  margin:0 auto !important;
}
@media(max-width:900px){
  .paths{grid-template-columns:1fr !important;}
  .path-card.editor{max-width:none !important;}
}