/*
Theme Name: AG Nexus
Theme URI: https://agnexus.my
Author: AG Nexus Resources
Description: Premium event production, consultancy and on-demand event manpower website.
Version: 1.0.0
Text Domain: ag-nexus
*/
:root{--red:#f21f2b;--red2:#ff4b36;--black:#070707;--panel:#111;--panel2:#171717;--white:#fff;--muted:#a7a7a7;--line:#2a2a2a;--max:1240px;--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,"Helvetica Neue",sans-serif;font-size:16px;line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:repeating-linear-gradient(135deg,#fff 0 1px,transparent 1px 8px);z-index:20}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.section{padding:108px 0}.kicker{display:flex;gap:12px;align-items:center;color:var(--red);font-weight:900;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase}.kicker:before{content:"";width:38px;height:3px;background:var(--red)}h1,h2,h3{font-family:Impact,"Arial Narrow",Arial,sans-serif;text-transform:uppercase;line-height:.98;letter-spacing:.015em;margin:0 0 22px}h1{font-size:clamp(3.6rem,9vw,8.6rem)}h2{font-size:clamp(2.8rem,6vw,5.6rem)}h3{font-size:1.65rem}.stroke{-webkit-text-stroke:1px rgba(255,255,255,.75);color:transparent}.red{color:var(--red)}p{margin:0 0 20px}.lead{font-size:clamp(1.05rem,1.8vw,1.35rem);color:#d2d2d2;max-width:730px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--red);color:#fff;padding:14px 22px;border:1px solid var(--red);font-weight:900;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:.2s}.btn:hover{background:#fff;border-color:#fff;color:#000;transform:translateY(-2px)}.btn.ghost{background:transparent;border-color:#666}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:52px}.section-head>*{max-width:780px}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:linear-gradient(#050505,rgba(5,5,5,.78),transparent)}.nav{height:94px;display:flex;align-items:center;justify-content:space-between}.brand{width:105px;height:80px;overflow:hidden;display:grid;place-items:center}.brand img{width:100%;height:100%;object-fit:contain}.menu{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}.menu a{font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.menu a:hover{color:var(--red)}.menu .nav-cta a{border:1px solid var(--red);padding:10px 15px}.mobile-toggle{display:none;color:#fff;border:0;background:none;font-size:1.6rem}
.hero{min-height:900px;position:relative;display:grid;align-items:center;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.78) 45%,rgba(0,0,0,.18) 78%),linear-gradient(0deg,#070707 0%,transparent 28%)}.hero-copy{position:relative;z-index:2;padding:150px 0 90px;max-width:950px}.hero h1{max-width:920px}.hero .lead{max-width:630px}.signal{display:flex;align-items:center;gap:9px;font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;margin-bottom:25px}.pulse{width:9px;height:9px;background:var(--red);border-radius:50%;box-shadow:0 0 0 0 rgba(242,31,43,.7);animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 11px rgba(242,31,43,0)}100%{box-shadow:0 0 0 0 rgba(242,31,43,0)}}.hero-stats{display:flex;gap:40px;flex-wrap:wrap;margin-top:65px;padding-top:28px;border-top:1px solid #454545}.hero-stats b{display:block;font-family:Impact,"Arial Narrow",sans-serif;font-size:2rem;letter-spacing:.03em}.hero-stats span{color:#aaa;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.ticker{overflow:hidden;border-block:1px solid var(--line);background:#0d0d0d}.ticker-track{display:flex;width:max-content;animation:scroll 28s linear infinite;padding:17px 0}.ticker span{font-family:Impact,"Arial Narrow",sans-serif;font-size:1.1rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.ticker span:after{content:"✦";color:var(--red);margin:0 26px}@keyframes scroll{to{transform:translateX(-50%)}}
.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:85px;align-items:center}.manifesto{position:relative}.manifesto:after{content:"AG";position:absolute;right:0;bottom:-40px;font-family:Impact;font-size:14rem;line-height:1;color:#101010;z-index:-1}.manifesto p{color:#bdbdbd}.image-frame{position:relative;padding:16px 0 0 16px}.image-frame:before{content:"";position:absolute;inset:0 16px 16px 0;border:1px solid var(--red)}.image-frame img{position:relative;aspect-ratio:4/3;object-fit:cover;filter:saturate(.9) contrast(1.08)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line)}.service{background:var(--panel);padding:34px;min-height:280px;position:relative;overflow:hidden}.service:after{content:attr(data-num);position:absolute;right:16px;bottom:-30px;font-family:Impact;font-size:8rem;color:#191919}.service>*{position:relative;z-index:1}.service .icon{color:var(--red);font:900 1rem/1 Arial;margin-bottom:55px}.service p{color:var(--muted)}.service:hover{background:#151515}.service:hover h3{color:var(--red)}
.manpower{background:var(--white);color:#090909;position:relative;overflow:hidden}.manpower .lead{color:#444}.manpower .kicker{color:var(--red)}.value-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#ddd;margin-top:50px}.value{background:#fff;padding:24px;min-height:190px}.value b{display:block;color:var(--red);font-family:Impact;font-size:2.2rem;margin-bottom:15px}.value h3{font-size:1.15rem}.value p{font-size:.86rem;color:#565656}
.roles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.role{border:1px solid var(--line);padding:27px;background:linear-gradient(145deg,#161616,#0c0c0c);min-height:235px}.role-tag{color:var(--red);font:900 .7rem/1 Arial;letter-spacing:.12em;text-transform:uppercase}.role p{color:var(--muted);font-size:.9rem}.rate{margin-top:18px;font-family:Impact;font-size:1.45rem}.rate span{font-family:Arial;font-size:.68rem;color:#888;text-transform:uppercase}
.tech-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tech-image{position:relative;min-height:470px;border-radius:var(--r);overflow:hidden}.tech-image img{width:100%;height:100%;object-fit:cover}.tech-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent)}.tech-copy{position:absolute;z-index:2;left:30px;bottom:24px}.tech-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.tech-list div{background:var(--panel);padding:13px 16px;font-size:.84rem;font-weight:750}.tech-list div:before{content:"+";color:var(--red);margin-right:9px}
.clients{display:flex;gap:15px;flex-wrap:wrap}.client{border:1px solid var(--line);padding:14px 20px;color:#d1d1d1;font-weight:850;text-transform:uppercase;letter-spacing:.05em;font-size:.82rem}.final-cta{position:relative;padding:120px 0;background:url('assets/images/event-crowd.jpg') center/cover}.final-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.55))}.final-cta .wrap{position:relative}.final-cta h2{max-width:900px}
.site-footer{padding:65px 0 24px;background:#030303;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:50px}.footer-logo{width:125px;margin-bottom:20px}.footer-title{color:var(--red);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:17px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin:8px 0;color:#aaa}.fineprint{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:50px;color:#666;font-size:.75rem}
.page-hero{padding:190px 0 85px;background:radial-gradient(circle at 85% 30%,rgba(242,31,43,.18),transparent 35%),#090909;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(3.6rem,8vw,7.2rem)}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.rate-table{border-top:1px solid var(--line)}.rate-row{display:grid;grid-template-columns:1.1fr .6fr 1.6fr;gap:24px;padding:25px 0;border-bottom:1px solid var(--line);align-items:start}.rate-row b{font-family:Impact;font-size:1.25rem;text-transform:uppercase}.rate-row strong{color:var(--red)}.rate-row span{color:#aaa;font-size:.88rem}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form .full{grid-column:1/-1}.form label{font-size:.76rem;text-transform:uppercase;font-weight:850;letter-spacing:.05em}.form input,.form select,.form textarea{display:block;width:100%;margin-top:6px;background:#111;border:1px solid #383838;color:#fff;padding:15px;font:inherit}.form textarea{min-height:150px}.notice{padding:18px;border-left:3px solid var(--red);background:#151515}.whatsapp{position:fixed;right:20px;bottom:20px;z-index:45;background:#25d366;color:#07140c;padding:13px 18px;border-radius:999px;font-weight:900;font-size:.8rem;box-shadow:0 10px 35px #000}
@media(max-width:960px){.nav{height:76px}.mobile-toggle{display:block}.menu{display:none;position:absolute;top:76px;left:0;right:0;background:#080808;border-top:1px solid #333;padding:25px;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.hero{min-height:800px}.split,.content-grid,.contact-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.value-grid{grid-template-columns:1fr 1fr}.roles{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.wrap{width:min(var(--max),calc(100% - 28px))}.section{padding:78px 0}.hero{min-height:760px}.hero-copy{padding-top:130px}.hero h1{font-size:4rem}.section-head{display:block}.service-grid,.roles,.tech-wrap,.form{grid-template-columns:1fr}.value-grid{grid-template-columns:1fr}.form .full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.fineprint{display:block}.rate-row{grid-template-columns:1fr;gap:6px}.tech-image{min-height:360px}.whatsapp{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.ticker-track,.pulse{animation:none!important}}
.client-logos {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 35px;
}

.client-logo {
    min-height: 145px;
    padding: 25px;
    background: #696969;
    border: 1px solid #292929;
    display: flex;
    align-items: center;
    justify-content: center;
}

.client-logo img {
    width: 100%;
    max-width: 180px;
    height: 80px;
    object-fit: contain;
    filter: grayscale(0%);
    opacity: 0.8;
    transition: 0.25s ease;
}

.client-logo:hover img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.04);
}

.client-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 18px;
}

.client-categories span {
    border: 1px solid #333333;
    padding: 10px 16px;
    color: #aaaaaa;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

@media (max-width: 800px) {
    .client-logos {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .client-logo {
        min-height: 110px;
        padding: 18px;
    }

    .client-logo img {
        height: 60px;
    }
}
