/* ATLAS PARTNERS – additive visual layer for the 2026-08-13 base */
:root{
  --atlas-cyan:#21b8f3;
  --atlas-glow:rgba(33,184,243,.25);
}

.atlas-target-section,
.atlas-approach-section,
.atlas-problems-section,
.atlas-promise-section,
.atlas-services-section,
.atlas-process-section,
.atlas-team-section,
.atlas-metrics-section,
.atlas-contact-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

.atlas-target-section{
  background-image:
    linear-gradient(90deg,rgba(244,246,248,.99) 0%,rgba(244,246,248,.94) 43%,rgba(244,246,248,.66) 73%,rgba(244,246,248,.28) 100%),
    url("/assets/atlas-visuals/01-celcsoport.webp");
  background-size:cover;
  background-position:center;
}
.atlas-target-section::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-120px;
  top:50%;
  width:360px;
  height:360px;
  border:1px solid rgba(6,59,120,.18);
  border-radius:50%;
  transform:translateY(-50%);
  box-shadow:0 0 0 34px rgba(6,59,120,.035),0 0 0 70px rgba(6,59,120,.025);
  pointer-events:none;
}
.atlas-target-section .check-list li::before{
  border-radius:50%;
  background:var(--atlas-cyan);
  box-shadow:0 0 0 5px rgba(33,184,243,.13);
}

.atlas-approach-section{
  background:transparent;
  overflow:visible;
}
.atlas-approach-section::before{
  content:"";
  position:absolute;
  z-index:-2;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background-image:
    linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 38%,rgba(255,255,255,.82) 64%,rgba(255,255,255,.32) 100%),
    url("/assets/atlas-visuals/02-tulajdonosi-problemak.webp");
  background-size:cover;
  background-position:center;
  pointer-events:none;
}
.atlas-approach-section::after{
  content:"";
  position:absolute;
  right:6%;
  top:18%;
  width:110px;
  height:110px;
  border:1px solid rgba(6,59,120,.22);
  transform:rotate(45deg);
  pointer-events:none;
}

.atlas-problems-section{
  background:linear-gradient(180deg,#fff 0%,rgba(244,246,248,.9) 100%);
}
.atlas-problems-section::before{
  content:"";
  position:absolute;
  z-index:-1;
  right:-8vw;
  bottom:-24%;
  width:58%;
  height:92%;
  opacity:.11;
  background:url("/assets/atlas-visuals/03-bemutatkozas.webp") center/cover no-repeat;
  clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);
  pointer-events:none;
}
.atlas-problems-section .cards .card{
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.atlas-problems-section .cards .card:hover{
  transform:translateY(-5px);
  border-color:rgba(6,79,159,.35);
  box-shadow:0 16px 34px rgba(7,17,31,.1);
}

.atlas-promise-section{
  background:transparent;
  overflow:visible;
}
.atlas-promise-section::before{
  content:"";
  position:absolute;
  z-index:-2;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.93) 48%,rgba(255,255,255,.55) 100%),
    url("/assets/atlas-visuals/03-bemutatkozas.webp");
  background-size:cover;
  background-position:center;
  pointer-events:none;
}
.atlas-promise-panel{
  background-image:
    linear-gradient(145deg,rgba(5,8,13,.34),rgba(5,8,13,.91)),
    url("/assets/atlas-visuals/03-bemutatkozas.webp");
  background-size:cover;
  background-position:center;
  border:1px solid rgba(33,184,243,.36);
  box-shadow:0 24px 70px rgba(7,17,31,.18);
}
.atlas-promise-panel::after{
  content:"";
  position:absolute;
  right:26px;
  top:26px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--atlas-cyan);
  box-shadow:0 0 0 0 rgba(33,184,243,.55);
  animation:atlas-pulse 2.8s infinite;
}

.atlas-services-section{
  background-color:var(--dark);
  background-image:
    linear-gradient(90deg,rgba(5,8,13,.78) 0%,rgba(5,8,13,.70) 46%,rgba(5,8,13,.42) 100%),
    url("/assets/atlas-visuals/04-modszer-szolgaltatasok.webp");
  background-size:cover;
  background-position:center;
}
.atlas-services-section::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:380px;
  height:380px;
  right:-170px;
  top:120px;
  border:1px solid rgba(33,184,243,.32);
  border-radius:50%;
  box-shadow:0 0 0 36px rgba(33,184,243,.04),0 0 0 72px rgba(33,184,243,.025);
  animation:atlas-rotate 30s linear infinite;
  pointer-events:none;
}
.atlas-services-section .dark-cards .card{
  transition:transform .25s ease,border-color .25s ease,background-color .25s ease;
}
.atlas-services-section .dark-cards .card:hover{
  transform:translateY(-5px);
  border-color:rgba(33,184,243,.5);
  background:#0e1928;
}

.atlas-process-section{
  background:
    linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.88)),
    repeating-linear-gradient(90deg,transparent 0 82px,rgba(6,59,120,.05) 82px 83px);
}
.atlas-process-section::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:8%;
  right:8%;
  top:50%;
  border-top:1px dashed rgba(33,184,243,.42);
  transform:translateY(-50%);
  pointer-events:none;
}
.atlas-process-section .process-item{
  position:relative;
  transition:transform .3s ease,background-color .3s ease;
}
.atlas-process-section .process-item:hover{transform:translateX(8px)}
.atlas-process-section .process-item::before{
  content:"";
  position:absolute;
  left:-5px;
  top:30px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--atlas-cyan);
  box-shadow:0 0 0 6px rgba(33,184,243,.12);
}

.atlas-team-section{
  background:
    radial-gradient(circle at 93% 12%,rgba(33,184,243,.09),transparent 22%),
    linear-gradient(180deg,#fff,#f7f9fb);
}
.atlas-team-section .person-card{
  position:relative;
  overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.atlas-team-section .person-card::after{
  content:"";
  position:absolute;
  right:-32px;
  top:-32px;
  width:96px;
  height:96px;
  border:1px solid rgba(33,184,243,.22);
  transform:rotate(45deg);
}
.atlas-team-section .person-card:hover{
  transform:translateY(-6px);
  border-color:rgba(6,79,159,.45);
  box-shadow:0 18px 42px rgba(7,17,31,.1);
}

.atlas-metrics-section{
  background:linear-gradient(90deg,#f4f6f8,#eaf2f8 50%,#f4f6f8);
}
.atlas-metrics-section .card{transition:background-color .25s ease,transform .25s ease}
.atlas-metrics-section .card:hover{background:rgba(255,255,255,.7);transform:translateY(-3px)}

.atlas-contact-section{
  background-image:
    linear-gradient(90deg,rgba(6,59,120,.96) 0%,rgba(6,59,120,.82) 48%,rgba(6,59,120,.45) 100%),
    url("/assets/atlas-visuals/07-kapcsolat.webp");
  background-size:cover;
  background-position:center;
  box-shadow:0 24px 70px rgba(7,17,31,.16);
}
.atlas-contact-section::after{
  content:"";
  position:absolute;
  right:7%;
  bottom:18%;
  width:88px;
  height:88px;
  border:1px solid rgba(255,255,255,.34);
  transform:rotate(45deg);
  animation:atlas-float 5s ease-in-out infinite;
  pointer-events:none;
}
.atlas-contact-section > *{position:relative;z-index:1}

.atlas-motion-ready [data-atlas-reveal]{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .72s ease,transform .72s cubic-bezier(.2,.7,.2,1);
}
.atlas-motion-ready [data-atlas-reveal].is-visible{opacity:1;transform:none}
.atlas-motion-ready [data-atlas-process-item]{
  opacity:0;
  transform:translateX(-14px);
  transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1);
}
.atlas-motion-ready [data-atlas-process-item].is-visible{opacity:1;transform:none}

@keyframes atlas-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(33,184,243,.5)}
  50%{box-shadow:0 0 0 12px rgba(33,184,243,0)}
}
@keyframes atlas-rotate{to{transform:rotate(405deg)}}
@keyframes atlas-float{0%,100%{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-10px) rotate(45deg)}}

@media (max-width:1000px){
  .atlas-target-section{background-image:linear-gradient(90deg,rgba(244,246,248,.98),rgba(244,246,248,.72)),url("/assets/atlas-visuals/01-celcsoport.webp")}
  .atlas-approach-section::before{background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.93) 54%,rgba(255,255,255,.58) 100%),url("/assets/atlas-visuals/02-tulajdonosi-problemak.webp")}
  .atlas-promise-section::before{background-image:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.91) 48%,rgba(255,255,255,.54) 100%),url("/assets/atlas-visuals/03-bemutatkozas.webp")}
  .atlas-services-section{background-image:linear-gradient(90deg,rgba(5,8,13,.78),rgba(5,8,13,.65)),url("/assets/atlas-visuals/04-modszer-szolgaltatasok.webp")}
  .atlas-process-section::after{display:none}
}
@media (max-width:640px){
  .atlas-target-section{background-image:linear-gradient(180deg,rgba(244,246,248,.98),rgba(244,246,248,.88)),url("/assets/atlas-visuals/01-celcsoport.webp");background-position:center}
  .atlas-approach-section::before{background-image:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.88)),url("/assets/atlas-visuals/02-tulajdonosi-problemak.webp")}
  .atlas-promise-section::before{background-image:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.86)),url("/assets/atlas-visuals/03-bemutatkozas.webp")}
  .atlas-promise-panel{min-height:340px;background-position:66% center}
  .atlas-problems-section::before{right:-26%;width:92%;bottom:-16%;opacity:.08}
  .atlas-services-section{background-image:linear-gradient(180deg,rgba(5,8,13,.78),rgba(5,8,13,.62)),url("/assets/atlas-visuals/04-modszer-szolgaltatasok.webp")}
  .atlas-services-section::after{width:250px;height:250px;right:-145px;top:185px}
  .atlas-contact-section{background-position:65% center}
  .atlas-contact-section::after{right:7%;bottom:10%;width:54px;height:54px}
}
@media (prefers-reduced-motion:reduce){
  .atlas-promise-panel::after,.atlas-services-section::after,.atlas-contact-section::after{animation:none}
  .atlas-services-section .dark-cards .card,.atlas-team-section .person-card,.atlas-process-section .process-item{transition:none}
}