/* Webjungle agency partner landing */

.wj-why-page{
  --why-ink:#f9f5ec;
  --why-muted:rgba(249,245,236,.76);
  --why-dark:#07110f;
  --why-panel:#101b18;
  --why-green:#2f7355;
  --why-lime:#c9f66f;
  --why-sky:#76d7ff;
  --why-coral:#ff7a59;
  --why-gold:#e6c56d;
  --why-paper:#f7f1e6;
  --why-paper-2:#fffaf0;
  --why-border:rgba(249,245,236,.16);
  --why-soft-border:rgba(15,29,24,.13);
  --why-shadow:0 28px 80px rgba(0,0,0,.26);
  color:var(--why-ink);
  background:var(--why-dark);
  overflow:clip;
}

body.page-template-page-agentur-partner .floatingcontact{
  display:none !important;
}

body.page-template-page-agentur-partner,
body.page-template-page-agentur-partner #content{
  background:#07110f;
}

@property --why-active{
  syntax:"<number>";
  inherits:true;
  initial-value:0;
}

@property --why-label-width{
  syntax:"<length>";
  inherits:true;
  initial-value:0px;
}

.wj-why-container{
  width:min(1280px, calc(100% - 48px));
  margin:0 auto;
}

.wj-why-page *,
.wj-why-page *::before,
.wj-why-page *::after{
  box-sizing:border-box;
}

.wj-why-page h1,
.wj-why-page h2,
.wj-why-page h3,
.wj-why-page p{
  letter-spacing:0;
}

.wj-why-page h1,
.wj-why-page h2,
.wj-why-page h3,
.wj-why-page p{
  margin-top:0;
}

.wj-why-page h1,
.wj-why-page h2{
  line-height:.96;
  text-wrap:balance;
}

.wj-why-page p{
  line-height:1.45;
}

.wj-why-eyebrow{
  margin:0 0 16px;
  color:var(--why-lime);
  font-size:.86rem;
  font-weight:950;
  line-height:1.15;
  text-transform:uppercase;
}

.wj-why-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:30px;
}

.wj-why-page .wj-btn{
  box-sizing:border-box;
  min-height:54px;
  padding:14px 22px !important;
}

.wj-why-page .wj-btn--primary{
  background:linear-gradient(135deg, var(--why-lime), var(--why-sky)) !important;
  border-color:rgba(201,246,111,.42) !important;
  color:#07110f !important;
  box-shadow:0 18px 44px rgba(0,0,0,.24);
}

.wj-why-page .wj-btn--primary:hover,
.wj-why-page .wj-btn--primary:focus-visible{
  transform:translateY(-2px);
}

.wj-why-page .wj-btn--ghost{
  background:rgba(255,255,255,.09) !important;
  border-color:rgba(255,255,255,.24) !important;
  color:#f9f5ec !important;
}

.wj-why-hero{
  position:relative;
  min-height:94svh;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:132px 0 88px;
  background:
    var(--why-hero-image) center/cover no-repeat,
    #07110f;
}

.wj-why-hero__video{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.wj-why-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(780px 520px at 74% 28%, rgba(118,215,255,.22), transparent 62%),
    radial-gradient(620px 420px at 16% 74%, rgba(201,246,111,.18), transparent 64%),
    linear-gradient(90deg, rgba(7,17,15,.92), rgba(7,17,15,.68) 52%, rgba(7,17,15,.86)),
    linear-gradient(180deg, rgba(7,17,15,.14), rgba(7,17,15,.78));
  pointer-events:none;
}

.wj-why-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  z-index:2;
  height:160px;
  background:linear-gradient(180deg, transparent, #07110f);
  pointer-events:none;
}

.wj-why-hero__inner{
  position:relative;
  z-index:3;
  display:block;
}

.wj-why-hero__copy{
  max-width:1060px;
}

.wj-why-hero h1{
  max-width:16.8ch;
  margin:0;
  color:#fffaf0;
  font-size:clamp(48px, 5.8vw, 88px);
  font-weight:950;
  line-height:.98;
}

.wj-why-hero__note{
  max-width:58ch;
  margin:24px 0 0;
  color:rgba(249,245,236,.82);
  font-size:clamp(1.05rem, 1.4vw, 1.32rem);
  font-weight:820;
}

.wj-why-manifest{
  position:relative;
  padding:clamp(34px, 5vw, 70px) 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px) 0 0 / 76px 76px,
    #07110f;
}

.wj-why-manifest p{
  max-width:1050px;
  margin:0;
  color:#fffaf0;
  font-size:clamp(27px, 4.4vw, 68px);
  font-weight:950;
  line-height:1.02;
  text-wrap:balance;
}

.wj-why-scroll{
  background:#07110f;
}

.wj-why-scroll__panel{
  --why-accent:var(--why-lime);
  position:relative;
  min-height:220svh;
  view-timeline-name:--why-panel;
  view-timeline-axis:block;
  background:
    radial-gradient(640px 380px at 20% 22%, color-mix(in srgb, var(--why-accent) 18%, transparent), transparent 68%),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) 0 0 / 76px 76px,
    #07110f;
}

.wj-why-scroll__panel:nth-child(2){
  --why-accent:var(--why-sky);
}

.wj-why-scroll__panel:nth-child(3){
  --why-accent:var(--why-gold);
}

.wj-why-scroll__panel:nth-child(4){
  --why-accent:var(--why-coral);
}

.wj-why-scroll__content{
  min-height:100svh;
  position:sticky;
  top:0;
  display:grid;
  align-content:center;
  width:min(1240px, calc(100% - 96px));
  margin:0 auto;
  padding:96px 0 132px;
}

.wj-why-scroll__content .wj-why-eyebrow{
  color:var(--why-accent);
}

.wj-why-scroll__content h2{
  max-width:18ch;
  margin:0;
  color:#fffaf0;
  font-size:clamp(48px, 6vw, 92px);
  font-weight:950;
}

.wj-why-scroll__content p{
  max-width:68ch;
  margin:24px 0 0;
  color:var(--why-muted);
  font-size:clamp(1.1rem, 1.9vw, 1.42rem);
  font-weight:800;
  line-height:1.34;
}

.wj-why-reveal-cta{
  position:sticky;
  z-index:3;
  top:calc(100svh - 118px);
  display:grid;
  justify-items:end;
  align-items:center;
  width:min(1200px, calc(100% - 128px));
  margin:0 auto;
  padding-bottom:22px;
  animation:wjWhyActivate both linear, wjWhyActivate linear reverse;
  animation-timeline:--why-panel, view();
  animation-range:entry 12% entry 34%, cover 64% cover 84%;
}

.wj-why-reveal-cta__content{
  position:relative;
}

.wj-why-reveal-cta__content::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:999px;
  background:linear-gradient(135deg, var(--why-accent), var(--why-sky));
  transform:scale(var(--why-active, 0));
  opacity:var(--why-active, 0);
  transition:transform .48s cubic-bezier(.15,.85,.25,1.25), opacity .2s;
}

.wj-why-reveal-cta a{
  display:grid;
  grid-template-columns:minmax(0, var(--why-label-width, 0px)) 40px;
  align-items:center;
  gap:0;
  min-height:56px;
  padding:8px;
  overflow:hidden;
  border-radius:999px;
  color:#07110f;
  background:rgba(255,255,255,.10);
  box-shadow:0 1px rgba(255,255,255,.35) inset, 0 20px 52px rgba(0,0,0,.24);
  text-decoration:none;
  font-size:1rem;
  font-weight:950;
  transition:grid-template-columns .44s cubic-bezier(.2,.8,.2,1), transform .2s, background .2s;
}

.wj-why-reveal-cta a:hover,
.wj-why-reveal-cta a:focus-visible{
  transform:translateY(-2px);
}

.wj-why-reveal-cta a span:first-child{
  min-width:0;
  width:100%;
  padding-left:18px;
  overflow:hidden;
  text-overflow:ellipsis;
  opacity:var(--why-active, 0);
  white-space:nowrap;
  transition:opacity .2s .18s;
}

.wj-why-reveal-cta a span:last-child{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#07110f;
  color:#fffaf0;
}

@supports (animation-timeline:view()){
  .wj-why-reveal-cta{
    --why-label-width:176px;
  }
}

@supports not (animation-timeline:view()){
  .wj-why-reveal-cta{
    --why-active:1;
    --why-label-width:176px;
  }
}

@keyframes wjWhyActivate{
  from{
    --why-active:0;
    --why-label-width:0px;
  }
  to{
    --why-active:1;
    --why-label-width:176px;
  }
}

.wj-why-section{
  padding:clamp(78px, 9vw, 128px) 0;
  color:#101b18;
  background:var(--why-paper);
}

.wj-why-section .wj-why-eyebrow{
  color:var(--why-green);
}

.wj-why-head{
  display:grid;
  grid-template-columns:minmax(0, .9fr) minmax(300px, .64fr);
  gap:34px;
  align-items:end;
  margin-bottom:36px;
}

.wj-why-head h2,
.wj-why-final h2{
  margin:0;
  color:#101b18;
  font-size:clamp(36px, 5vw, 76px);
  font-weight:950;
}

.wj-why-head > p,
.wj-why-head > div + p{
  max-width:58ch;
  margin:0;
  color:rgba(16,27,24,.68);
  font-size:clamp(1rem, 1.5vw, 1.2rem);
  font-weight:780;
}

.wj-why-section--partners{
  background:
    radial-gradient(620px 360px at 92% 8%, rgba(118,215,255,.18), transparent 66%),
    linear-gradient(90deg, rgba(16,27,24,.045) 1px, transparent 1px) 0 0 / 76px 76px,
    var(--why-paper);
}

.wj-why-partner-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}

.wj-why-partner-card,
.wj-why-stack-card,
.wj-why-process__item{
  border:1px solid var(--why-soft-border);
  border-radius:8px;
  background:linear-gradient(145deg, rgba(255,250,240,.96), rgba(255,255,255,.76));
  box-shadow:0 20px 54px rgba(16,27,24,.08);
}

.wj-why-partner-card{
  display:grid;
  align-content:start;
  min-height:300px;
  padding:26px;
}

.wj-why-partner-card span{
  color:var(--why-green);
  font-size:.78rem;
  font-weight:950;
  text-transform:uppercase;
}

.wj-why-partner-card h3{
  margin:48px 0 16px;
  color:#101b18;
  font-size:clamp(23px, 2.3vw, 34px);
  font-weight:950;
  line-height:1.04;
}

.wj-why-partner-card p{
  margin:0;
  color:rgba(16,27,24,.68);
  font-size:1rem;
  font-weight:760;
}

.wj-why-section--stack{
  color:var(--why-ink);
  background:
    radial-gradient(740px 420px at 16% 8%, rgba(201,246,111,.18), transparent 65%),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) 0 0 / 76px 76px,
    #0b1613;
}

.wj-why-section--stack .wj-why-head h2,
.wj-why-section--stack .wj-why-head p{
  color:#fffaf0;
}

.wj-why-section--stack .wj-why-head > p,
.wj-why-section--stack .wj-why-head > div + p{
  color:rgba(249,245,236,.72);
}

.wj-why-stack-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}

.wj-why-stack-card{
  min-height:360px;
  padding:26px;
  color:#fffaf0;
  background:linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.045));
  border-color:rgba(255,255,255,.14);
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}

.wj-why-stack-card h3{
  margin:0 0 24px;
  color:#fffaf0;
  font-size:clamp(28px, 2.8vw, 44px);
  font-weight:950;
  line-height:1;
}

.wj-why-stack-card ul{
  display:grid;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}

.wj-why-stack-card li{
  position:relative;
  padding-left:26px;
  color:rgba(249,245,236,.78);
  font-size:1rem;
  font-weight:780;
  line-height:1.35;
}

.wj-why-stack-card li::before{
  content:"";
  position:absolute;
  top:.5em;
  left:0;
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--why-lime);
  box-shadow:0 0 0 4px rgba(201,246,111,.14);
}

.wj-why-stack-card:nth-child(2) li::before{
  background:var(--why-sky);
  box-shadow:0 0 0 4px rgba(118,215,255,.14);
}

.wj-why-stack-card:nth-child(3) li::before{
  background:var(--why-coral);
  box-shadow:0 0 0 4px rgba(255,122,89,.14);
}

.wj-why-section--process{
  background:var(--why-paper-2);
}

.wj-why-process{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1px;
  overflow:hidden;
  border:1px solid var(--why-soft-border);
  border-radius:8px;
  background:rgba(16,27,24,.12);
  box-shadow:var(--why-shadow);
}

.wj-why-process__item{
  min-height:260px;
  padding:24px;
  border:0;
  border-radius:0;
  box-shadow:none;
}

.wj-why-process__item span{
  display:inline-grid;
  place-items:center;
  width:52px;
  height:52px;
  margin-bottom:40px;
  border-radius:999px;
  color:#07110f;
  background:linear-gradient(135deg, var(--why-lime), var(--why-sky));
  font-size:.88rem;
  font-weight:950;
}

.wj-why-process__item:nth-child(2) span{
  background:linear-gradient(135deg, var(--why-sky), #fffaf0);
}

.wj-why-process__item:nth-child(3) span{
  background:linear-gradient(135deg, var(--why-gold), #fffaf0);
}

.wj-why-process__item:nth-child(4) span{
  background:linear-gradient(135deg, var(--why-coral), var(--why-gold));
}

.wj-why-process__item h3{
  margin:0 0 12px;
  color:#101b18;
  font-size:clamp(22px, 2vw, 30px);
  font-weight:950;
  line-height:1.05;
}

.wj-why-process__item p{
  margin:0;
  color:rgba(16,27,24,.68);
  font-size:.98rem;
  font-weight:760;
}

.wj-why-section--compare{
  background:
    radial-gradient(560px 320px at 82% 12%, rgba(255,122,89,.12), transparent 66%),
    linear-gradient(90deg, rgba(16,27,24,.045) 1px, transparent 1px) 0 0 / 76px 76px,
    var(--why-paper);
}

.wj-why-compare{
  overflow:hidden;
  border:1px solid rgba(16,27,24,.14);
  border-radius:8px;
  background:#fffaf0;
  box-shadow:var(--why-shadow);
}

.wj-why-compare__row{
  display:grid;
  grid-template-columns:.44fr 1fr 1fr;
  gap:1px;
  background:rgba(16,27,24,.10);
}

.wj-why-compare__row + .wj-why-compare__row{
  border-top:1px solid rgba(16,27,24,.10);
}

.wj-why-compare__row > *{
  display:flex;
  align-items:center;
  min-height:70px;
  padding:16px 18px;
  background:#fffaf0;
  color:rgba(16,27,24,.70);
  font-size:.94rem;
  font-weight:800;
  line-height:1.35;
}

.wj-why-compare__row strong{
  color:#101b18;
  font-size:.92rem;
  font-weight:950;
}

.wj-why-compare__row > *:last-child{
  color:#10281f;
  background:linear-gradient(135deg, rgba(201,246,111,.22), rgba(118,215,255,.12)), #fffaf0;
}

.wj-why-compare__row--head > *{
  min-height:52px;
  color:#f9f5ec;
  background:#101b18;
  font-size:.82rem;
  font-weight:950;
  text-transform:uppercase;
}

.wj-why-section--cta{
  padding-top:24px;
  background:var(--why-paper);
}

.wj-why-final{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:28px;
  align-items:center;
  padding:34px;
  border-radius:8px;
  color:#f9f5ec;
  background:
    radial-gradient(460px 260px at 82% 20%, rgba(118,215,255,.18), transparent 66%),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px) 0 0 / 76px 76px,
    linear-gradient(135deg, #07110f, #10231f);
  box-shadow:var(--why-shadow);
}

.wj-why-final .wj-why-eyebrow{
  color:var(--why-lime);
}

.wj-why-final h2{
  max-width:22ch;
  color:#fffaf0;
  font-size:clamp(32px, 3.8vw, 58px);
  line-height:1.04;
}

.wj-why-final p:not(.wj-why-eyebrow){
  max-width:58ch;
  margin:18px 0 0;
  color:rgba(249,245,236,.74);
  font-size:1.05rem;
  font-weight:780;
}

@media (max-width:1100px){
  .wj-why-head,
  .wj-why-final{
    grid-template-columns:1fr;
  }

  .wj-why-partner-grid,
  .wj-why-stack-grid{
    grid-template-columns:1fr;
  }

  .wj-why-partner-card,
  .wj-why-stack-card{
    min-height:0;
  }

  .wj-why-process{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:760px){
  .wj-why-container,
  .wj-why-scroll__content{
    width:min(1280px, calc(100% - 32px));
  }

  .wj-why-hero{
    min-height:100svh;
    min-height:100dvh;
    align-items:flex-start;
    padding:96px 0 max(26px, env(safe-area-inset-bottom));
  }

  .wj-why-hero h1{
    max-width:11.5ch;
    font-size:clamp(40px, 12vw, 56px);
  }

  .wj-why-hero__note{
    margin-top:20px;
    font-size:1.02rem;
  }

  .wj-why-actions .wj-btn{
    width:100%;
  }

  .wj-why-hero .wj-why-actions{
    display:grid;
    grid-template-columns:1fr;
    width:min(100%, 330px);
    gap:10px;
  }

  .wj-why-hero .wj-btn{
    min-height:48px;
    padding:11px 20px !important;
    font-size:.9rem;
  }

  .wj-why-manifest p{
    font-size:clamp(28px, 9vw, 44px);
  }

  .wj-why-scroll__panel{
    min-height:100svh;
    min-height:100dvh;
  }

  .wj-why-scroll__content{
    min-height:100svh;
    min-height:100dvh;
    padding:86px 0 126px;
  }

  .wj-why-scroll__content h2{
    max-width:12ch;
    font-size:clamp(38px, 11vw, 60px);
  }

  .wj-why-scroll__content p{
    font-size:1.08rem;
  }

  .wj-why-reveal-cta{
    display:none;
  }

  .wj-why-section{
    padding:68px 0;
  }

  .wj-why-head{
    gap:18px;
    margin-bottom:24px;
  }

  .wj-why-head h2{
    font-size:clamp(34px, 10vw, 50px);
  }

  .wj-why-partner-card,
  .wj-why-stack-card,
  .wj-why-process__item{
    padding:20px;
  }

  .wj-why-partner-card h3{
    margin-top:34px;
  }

  .wj-why-process{
    grid-template-columns:1fr;
  }

  .wj-why-process__item{
    min-height:0;
  }

  .wj-why-process__item span{
    margin-bottom:28px;
  }

  .wj-why-compare__row{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .wj-why-compare__row--head{
    display:none;
  }

  .wj-why-compare__row > *{
    min-height:0;
    align-items:flex-start;
    justify-content:flex-start;
    padding:13px 14px 15px;
    font-size:.82rem;
    line-height:1.32;
  }

  .wj-why-compare__row strong{
    grid-column:1 / -1;
    padding:13px 16px;
    font-size:.94rem;
  }

  .wj-why-compare__row > span{
    flex-direction:column;
    gap:6px;
  }

  .wj-why-compare__row > span::before{
    content:attr(data-label);
    color:rgba(16,27,24,.52);
    font-size:.68rem;
    font-weight:950;
    line-height:1.15;
    text-transform:none;
  }

  .wj-why-compare__row > *:last-child::before{
    color:rgba(16,40,31,.62);
  }

  .wj-why-final{
    padding:24px;
  }
}

@media (prefers-reduced-motion:reduce){
  .wj-why-page *,
  .wj-why-page *::before,
  .wj-why-page *::after{
    animation:none !important;
    scroll-behavior:auto !important;
    transition:none !important;
  }

  .wj-why-reveal-cta{
    --why-active:1;
    --why-label-width:176px;
  }
}