/* ================================
ATLAS AIM — OPTIMIZED CUSTOM.CSS
Same visual style • Lower CPU
================================ */

/* ---------- GLOBAL ---------- */

:root{
  --atlas-main: rgba(101,113,255,.95);
  --atlas-secondary: rgba(74,159,212,.75);

  --group-image-fit: contain;
}

*{
  backface-visibility:hidden;
}

img{
  transform:translateZ(0);
}

/* ---------- TEXT GLOW ---------- */

h1.text-t-primary,
h2.text-t-primary,
a.text-t-primary,
a[class*="text-t-primary"],
button[class*="text-t-primary"]{

  font-weight:700 !important;

  animation:
  atlasGlow 6s ease-in-out infinite;

}

@keyframes atlasGlow{

0%,100%{

text-shadow:

0 0 5px rgba(101,113,255,.45),

0 0 12px rgba(101,113,255,.22);

}

50%{

text-shadow:

0 0 9px rgba(101,113,255,.8),

0 0 22px rgba(101,113,255,.35);

}

}

/* ---------- LOGO ---------- */

nav img[alt="Atlas Aim"]{

border-radius:50%;

animation:
logoGlow 6s ease-in-out infinite;

}

@keyframes logoGlow{

0%,100%{

filter:
drop-shadow(
0 0 4px rgba(101,113,255,.45)
);

}

50%{

filter:
drop-shadow(
0 0 10px rgba(101,113,255,.7)
);

}

}

/* ---------- HERO ---------- */

#hero p[class*="text-t-primary"]{

position:relative;

padding-bottom:10px;

font-size:1.6rem !important;

font-weight:600 !important;

animation:
textFlow 7s linear infinite;

}

#hero p[class*="text-t-primary"]::after{

content:"";

position:absolute;

left:0;

bottom:0;

width:100%;

height:2px;

background:

linear-gradient(
90deg,
transparent,
var(--atlas-main),
var(--atlas-secondary),
transparent
);

background-size:200%;

animation:
lineFlow 7s linear infinite;

}

@keyframes textFlow{

0%,100%{

text-shadow:
0 0 4px rgba(101,113,255,.2);

}

50%{

text-shadow:
0 0 10px rgba(101,113,255,.5);

}

}

@keyframes lineFlow{

from{

background-position:200%;

}

to{

background-position:-200%;

}

}

/* ---------- NAV ---------- */

nav h1.text-t-primary{

position:relative;

padding-bottom:4px;

}

nav h1.text-t-primary::after{

content:"";

position:absolute;

left:0;

bottom:0;

width:100%;

height:2px;

background:

linear-gradient(
90deg,
transparent,
var(--atlas-main),
transparent
);

background-size:200%;

animation:
lineFlow 7s linear infinite;

}

/* ---------- FEATURE CARDS ---------- */

.bg-card\/75.border.border-white\/5{

transition:

transform .25s ease,

box-shadow .25s ease;

box-shadow:

0 0 8px rgba(101,113,255,.12);

animation:

cardPulse 8s ease infinite;

}

.bg-card\/75.border.border-white\/5:hover{

transform:
translateY(-3px);

box-shadow:

0 0 18px rgba(101,113,255,.25);

}

@keyframes cardPulse{

0%,100%{

box-shadow:

0 0 8px rgba(101,113,255,.1);

}

50%{

box-shadow:

0 0 14px rgba(101,113,255,.18);

}

}

/* ---------- ICONS ---------- */

.fa-truck,
.fa-clock,
.fa-shield,
.fa-box{

display:inline-block;

filter:
drop-shadow(
0 0 4px rgba(101,113,255,.5)
);

}

.fa-truck{

animation:
truckDrive 2.5s infinite;

}

.fa-clock{

animation:
clockTick 2s infinite;

}

.fa-shield{

animation:
shieldPulse 3s infinite;

}

.fa-box{

animation:
boxBounce 2s infinite;

}

@keyframes truckDrive{

0%,100%{
transform:translateX(0);
}

50%{
transform:translateX(3px);
}

}

@keyframes clockTick{

0%,100%{
transform:rotate(0);
}

50%{
transform:rotate(5deg);
}

}

@keyframes shieldPulse{

0%,100%{
transform:scale(1);
}

50%{
transform:scale(1.08);
}

}

@keyframes boxBounce{

0%,100%{
transform:translateY(0);
}

50%{
transform:translateY(-4px);
}

}

/* ---------- GROUP IMAGES ---------- */

.object-group-image,
.object-product-image{

object-fit:contain !important;

object-position:center;

width:100% !important;

height:auto !important;

display:block;

}

.aspect-group-card-image,
.aspect-product-card-image{

aspect-ratio:auto !important;

height:auto !important;

min-height:unset !important;

}

.group-card,
.bg-card\/75,
a.block.h-full.bg-card\/75.border.border-white\/5{

height:auto !important;

min-height:unset !important;

}

.group-card img{

display:block;

margin:auto;

}

.group-card .text-left{

padding-bottom:12px !important;

}

.group-card .mb-4{

margin-bottom:10px !important;

}

.relative.overflow-hidden,
.relative.overflow-hidden.p-2.mb-4.border-b.border-white\/5{

overflow:visible !important;

}

/* ---------- MOBILE ---------- */

@media (max-width:768px){

.bg-card\/75{

animation-duration:10s;

}

.fa-truck,
.fa-clock,
.fa-shield,
.fa-box{

animation-duration:4s;

}

}