/*
Theme Name: ViralBux Agency
Template: twentytwentyfour
Description: Futuristic ViralBux Agency frontend for Twenty Twenty-Four.
Version: 1.0.0
*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
h1,h2,h3,h4,h5,h6{color:var(--white)!important}.company-card .button{position:absolute;right:30px;bottom:25px;white-space:nowrap;padding:10px 14px}@media(max-width:900px){.company-card .button{position:static;grid-column:2;justify-self:start;margin-top:8px}}@media(max-width:560px){.company-card .button{grid-column:auto}}
:root{--void:#020303;--ink:#060909;--panel:#080c0d;--panel2:#101516;--gold:#d6a33a;--gold2:#ffd76a;--silver:#bfc3c5;--white:#f5f5f5;--muted:#c2c8c8;--line:rgba(214,163,58,.34);--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);background:var(--void);font:14px/1.65 Manrope,sans-serif;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 72% 12%,rgba(214,163,58,.12),transparent 24%),radial-gradient(circle at 10% 55%,rgba(35,76,78,.1),transparent 28%),linear-gradient(110deg,#020303,#081011 48%,#020303);pointer-events:none}body:after{content:'';position:fixed;inset:0;z-index:-1;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 80%);pointer-events:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 64px));margin:auto}.site-header{position:sticky;top:14px;z-index:30;width:min(var(--max),calc(100% - 40px));margin:0 auto;background:rgba(4,7,8,.72);backdrop-filter:blur(20px);border:1px solid rgba(214,163,58,.3);box-shadow:0 12px 40px #0008}.nav-wrap{height:74px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 20px}.brand{display:inline-flex;align-items:center;gap:11px;font:700 14px 'Space Grotesk';letter-spacing:.16em;color:var(--gold2)}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--gold);transform:rotate(45deg);font-family:Georgia,serif;background:linear-gradient(135deg,#090909,#453213);box-shadow:0 0 22px #d6a33a33}.brand-mark span{transform:rotate(-45deg)}.brand small{display:block;font:600 7px Manrope;letter-spacing:.48em;color:var(--silver);margin-top:1px}.nav{display:flex;align-items:center;gap:25px;font:500 11px 'Space Grotesk';color:#d8dcdd}.nav a{position:relative;padding:27px 0}.nav a:after{content:'';position:absolute;bottom:18px;left:0;width:0;height:1px;background:var(--gold2);box-shadow:0 0 9px var(--gold2);transition:.3s}.nav a:hover,.nav a.active{color:var(--gold2)}.nav a:hover:after,.nav a.active:after{width:100%}.button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold2);background:linear-gradient(120deg,#8a5a12,#d6a33a 45%,#fff0a0 55%,#b77a16);color:#080909;padding:12px 22px;border-radius:2px;font:800 10px 'Space Grotesk';letter-spacing:.08em;text-transform:uppercase;transition:.3s;box-shadow:0 0 0 rgba(255,215,106,0)}.button:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#fff8 48%,transparent 60%);transform:translateX(-120%);transition:.6s}.button:hover{transform:translateY(-3px);box-shadow:0 0 28px #d6a33a55}.button:hover:before{transform:translateX(120%)}.button.ghost{background:transparent;color:var(--white);border-color:var(--line)}.menu-toggle{display:none;color:var(--gold2);background:none;border:0;font-size:25px}.hero{min-height:720px;display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;padding:100px 0 90px;position:relative}.hero:before{content:'VB / 01';position:absolute;top:54px;right:0;color:#75808266;font:11px 'Space Grotesk';letter-spacing:.2em}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold2);font:700 10px 'Space Grotesk';letter-spacing:.22em;text-transform:uppercase}.eyebrow:before{content:'';width:28px;height:1px;background:var(--gold2);box-shadow:0 0 10px var(--gold2)}.hero h1,.page-hero h1{font:700 clamp(46px,6.1vw,86px)/.95 'Space Grotesk';letter-spacing:-.055em;margin:22px 0 28px}.accent{background:linear-gradient(110deg,#8a5a12,#d6a33a 42%,#fff0a0 57%,#b77a16);color:transparent;background-clip:text;-webkit-background-clip:text}.lead{color:var(--muted);font-size:14px;max-width:500px}.actions{display:flex;gap:12px;margin-top:32px}.hero-art{height:510px;position:relative;isolation:isolate;background:radial-gradient(circle at 50% 45%,#d6a33a18,transparent 40%);perspective:1000px}.hero-art:before{content:'';position:absolute;inset:55px 8px 50px;border:1px solid #d6a33a55;transform:rotateX(58deg) rotateZ(-14deg);background:linear-gradient(90deg,transparent 49.5%,#d6a33a44 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#d6a33a44 50%,transparent 50.5%);background-size:70px 70px;box-shadow:0 0 90px #d6a33a1f;animation:gridfloat 8s ease-in-out infinite}.hero-art:after{content:'DIGITAL BUSINESS COMMAND CENTER';position:absolute;top:15px;right:0;color:#aeb5b5;font:9px 'Space Grotesk';letter-spacing:.18em}.screen{position:absolute;z-index:2;width:60%;height:47%;left:16%;top:18%;border:1px solid #d6a33a99;background:linear-gradient(140deg,#10191a,#06090a);transform:rotateX(12deg) rotateY(-18deg) rotateZ(-5deg);box-shadow:24px 28px 0 #0009,0 0 40px #d6a33a33;animation:float 6s ease-in-out infinite}.screen:before{content:'LIVE / GROWTH';position:absolute;top:13px;left:16px;color:var(--gold2);font:8px 'Space Grotesk';letter-spacing:.16em}.screen:after{content:'';position:absolute;left:12%;right:12%;bottom:20%;height:42%;background:linear-gradient(155deg,transparent 45%,#d6a33a 46% 48%,transparent 49%),linear-gradient(165deg,transparent 30%,#8ab7ac 31% 33%,transparent 34%),repeating-linear-gradient(90deg,#ffffff14 0 1px,transparent 1px 24px);clip-path:polygon(0 90%,15% 78%,28% 82%,44% 52%,60% 62%,76% 26%,100% 0,100% 100%,0 100%)}.bar-set{position:absolute;z-index:3;right:6%;bottom:17%;display:flex;align-items:end;gap:10px;height:45%;transform:skewY(-8deg)}.bar-set i{display:block;width:25px;background:linear-gradient(#fff0a0,#8a5a12);box-shadow:0 0 15px #d6a33a88}.bar-set i:nth-child(1){height:25%}.bar-set i:nth-child(2){height:47%}.bar-set i:nth-child(3){height:68%}.bar-set i:nth-child(4){height:100%}.hero-art .data-orbit{display:block}.data-orbit:before,.data-orbit:after{content:'';position:absolute;border:1px solid var(--gold);border-radius:50%;opacity:.55}.data-orbit:before{width:170px;height:170px;right:4%;top:8%;border-left-color:transparent;transform:rotate(35deg)}.data-orbit:after{width:110px;height:110px;right:12%;top:16%;border-right-color:transparent;animation:spin 8s linear infinite}.section{padding:110px 0}.section-heading{text-align:center;margin-bottom:48px}.section-heading h2,.cta h2{font:600 clamp(32px,4vw,54px)/1.05 'Space Grotesk';margin:12px 0}.section-heading p{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);background:var(--line);position:relative}.stats:before{content:'OUR IMPACT / SYSTEM STATUS';position:absolute;left:22px;top:-28px;color:#aeb8b8;font:9px 'Space Grotesk';letter-spacing:.2em}.stat{position:relative;min-height:170px;padding:34px 26px 25px;background:linear-gradient(140deg,#0b1112,#050707);overflow:hidden;transition:.3s}.stat:before{content:'01';position:absolute;right:16px;top:12px;color:#ffffff0b;font:700 64px 'Space Grotesk'}.stat:nth-child(2):before{content:'02'}.stat:nth-child(3):before{content:'03'}.stat:nth-child(4):before{content:'04'}.stat:after{content:'';position:absolute;left:26px;bottom:24px;width:55%;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.stat:hover{background:#111a1b;box-shadow:inset 0 0 30px #d6a33a12}.stat strong{display:block;color:var(--gold2);font:700 46px 'Space Grotesk';text-shadow:0 0 20px #d6a33a55}.stat span{font:700 10px 'Space Grotesk';letter-spacing:.15em;color:#d5d9d9}.locations{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}.locations:before{content:'';position:absolute;top:50%;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);z-index:0}.location{min-height:310px;padding:27px;display:flex;flex-direction:column;justify-content:end;position:relative;z-index:1;overflow:hidden;border:1px solid var(--line);background:linear-gradient(165deg,#132021,#050707 65%)}.location:before{content:'⌁';position:absolute;inset:18px;color:#d6a33a1f;font:170px Georgia;text-align:center;transform:rotate(-25deg)}.location:after{content:'LOC / 00';position:absolute;top:18px;right:20px;color:var(--gold2);font:9px 'Space Grotesk'}.location:nth-child(2):after{content:'LOC / 01'}.location:nth-child(3):after{content:'LOC / 02'}.location h3{margin:0;color:var(--gold2);font:700 16px 'Space Grotesk';letter-spacing:.12em}.location p{margin:5px 0 0;color:var(--silver);font-size:12px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{position:relative;min-height:280px;padding:27px;overflow:hidden;border:1px solid #ffffff16;background:linear-gradient(145deg,#101718,#050707);transition:.35s;clip-path:polygon(0 0,92% 0,100% 12%,100% 100%,8% 100%,0 90%)}.service-card:before{content:'// MODULE';position:absolute;right:20px;top:17px;color:#aeb8b8;font:9px 'Space Grotesk';letter-spacing:.2em}.service-card:hover{border-color:var(--gold);transform:translateY(-8px);box-shadow:0 20px 45px #000,0 0 28px #d6a33a1c}.service-card:after{content:'';position:absolute;width:160px;height:160px;right:-70px;bottom:-80px;border:1px solid var(--gold);transform:rotate(45deg);opacity:.18}.service-icon{width:42px;height:42px;color:var(--gold2);border:1px solid var(--gold);display:grid;place-items:center;font-size:20px;clip-path:polygon(18% 0,100% 0,100% 82%,82% 100%,0 100%,0 18%);background:#d6a33a0b}.service-card h3{font:600 19px 'Space Grotesk';margin:22px 0 8px}.service-card p,.company-card p{color:var(--muted);font-size:12px}.learn{position:absolute;bottom:25px;color:var(--gold2);font:700 10px 'Space Grotesk';letter-spacing:.1em;text-transform:uppercase}.learn:hover{letter-spacing:.18em}.page-hero{padding:120px 0 70px;text-align:center}.page-hero p{max-width:570px;margin:auto;color:var(--muted)}.company-list{display:grid;gap:22px;max-width:1000px;margin:auto}.company-card{display:grid;grid-template-columns:200px 1fr auto;gap:30px;align-items:center;min-height:220px;padding:30px;position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(120deg,#0d1516,#050707)}.company-card:before{content:'01';position:absolute;right:28px;top:-22px;color:#ffffff08;font:700 150px 'Space Grotesk'}.company-card:nth-child(2):before{content:'02'}.company-card:nth-child(3):before{content:'03'}.company-logo{height:120px;display:grid;place-items:center;position:relative;z-index:1;background:#020303;border:1px solid #ffffff1a;color:var(--silver);font:600 20px 'Space Grotesk';letter-spacing:.08em}.company-card h3,.company-card p,.company-card .button{position:relative;z-index:1}.company-card h3{margin:0;color:var(--gold2);font:600 16px 'Space Grotesk'}.company-card .button{white-space:nowrap;padding:10px 14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.portrait{min-height:570px;position:relative;border:1px solid var(--line);background:linear-gradient(135deg,#151a1a,#050707);overflow:hidden}.portrait:before{content:'FOUNDER / EST. 2022';position:absolute;top:25px;left:25px;color:var(--gold2);font:9px 'Space Grotesk';letter-spacing:.18em}.portrait:after{content:'VIRALBUX AGENCY';position:absolute;bottom:25px;right:25px;color:#c4cbcb;font:9px 'Space Grotesk';letter-spacing:.18em}.portrait-placeholder{width:68%;height:82%;margin:auto;background:linear-gradient(135deg,#252725,#856e46 46%,#0c0f0f 72%);clip-path:polygon(30% 0,70% 0,90% 100%,10% 100%);opacity:.9}.copy h2{font:600 clamp(38px,5vw,68px)/.98 'Space Grotesk';margin:17px 0 25px;letter-spacing:-.04em}.copy p{color:var(--muted);font-size:13px}.feature-list{list-style:none;padding:0;color:#dce0df;font-size:12px}.feature-list li{margin:13px 0}.feature-list li:before{content:'+';color:var(--gold2);margin-right:11px}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:32px}.mini-stat{padding:15px 8px;border:1px solid var(--line);background:#080c0d}.mini-stat strong{display:block;color:var(--gold2);font:700 15px 'Space Grotesk'}.mini-stat span{font-size:9px;color:var(--muted)}.quote{margin-top:26px;padding:25px;border:1px solid var(--line);background:linear-gradient(135deg,#111819,#070909);color:#e2e5e4;font-size:13px}.quote:before{content:'“';color:var(--gold2);font:48px Georgia;vertical-align:-17px;margin-right:8px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}.contact-details h2{font:600 clamp(38px,5vw,66px)/.98 'Space Grotesk';margin:17px 0}.contact-details p,.contact-details li{color:var(--muted);font-size:13px}.contact-details ul{list-style:none;padding:0}.contact-details li{padding:13px 0;border-bottom:1px solid #ffffff12}.contact-form{display:grid;gap:13px;padding:32px;border:1px solid var(--line);background:#080c0d;box-shadow:0 20px 60px #0008}.contact-form input,.contact-form textarea{width:100%;padding:16px 14px;background:#030505;border:0;border-bottom:1px solid #ffffff22;color:#fff;font:12px Manrope;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold2);box-shadow:0 8px 22px #d6a33a12}.contact-form textarea{min-height:160px;resize:vertical}.form-message{color:var(--gold2);font:11px 'Space Grotesk'}.map{min-height:250px;margin-top:25px;border:1px solid var(--line);position:relative;overflow:hidden;background:repeating-linear-gradient(32deg,#091011 0 2px,#0c1516 3px 4px)}.map:after{content:'GLOBAL NETWORK';position:absolute;top:18px;left:18px;color:#d6a33a88;font:9px 'Space Grotesk';letter-spacing:.18em}.pin{position:absolute;color:var(--gold2);font-size:24px;text-shadow:0 0 15px var(--gold2)}.pin.one{left:22%;top:55%}.pin.two{left:52%;top:27%}.pin.three{right:18%;top:62%}.cta{position:relative;text-align:center;border:1px solid var(--line);padding:80px 20px;overflow:hidden;background:linear-gradient(135deg,#0b1112,#171208)}.cta:before{content:'VB / FUTURE SYSTEM';position:absolute;right:22px;top:20px;color:#d6a33a66;font:9px 'Space Grotesk';letter-spacing:.2em}.site-footer{margin-top:110px;padding:75px 0 22px;border-top:1px solid var(--line);background:linear-gradient(#050707,#020303);position:relative}.site-footer:before{content:'';position:absolute;inset:0;opacity:.15;background-image:linear-gradient(#d6a33a22 1px,transparent 1px),linear-gradient(90deg,#d6a33a22 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(transparent,black)}.footer-grid,.footer-copy{position:relative}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:45px}.footer-grid h3{font:600 11px 'Space Grotesk';color:var(--gold2);letter-spacing:.13em}.footer-grid ul{padding:0;list-style:none;color:var(--muted);font-size:11px;line-height:2.25}.footer-copy{border-top:1px solid #ffffff16;margin-top:55px;padding-top:20px;color:#9aa4a4;text-align:center;font-size:10px}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes gridfloat{0%,100%{transform:rotateX(58deg) rotateZ(-14deg) translateY(0)}50%{transform:rotateX(58deg) rotateZ(-14deg) translateY(-10px)}}@keyframes spin{to{rotate:360deg}}@media(max-width:900px){.nav{display:none;position:absolute;top:74px;left:0;right:0;padding:15px 25px 25px;background:#050808f5;border:1px solid var(--line);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:12px}.nav a:after{bottom:4px}.menu-toggle{display:block}.quote-button{display:none}.hero,.split,.contact-grid{grid-template-columns:1fr}.hero{padding-top:75px}.hero-art{height:420px}.service-grid{grid-template-columns:repeat(2,1fr)}.company-card{grid-template-columns:150px 1fr}.company-card .button{grid-column:2;justify-self:start}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.container{width:calc(100% - 30px)}.site-header{width:calc(100% - 20px);top:10px}.hero{padding:65px 0 55px}.hero h1{font-size:48px}.hero-art{height:310px}.stats,.locations,.service-grid,.mini-stats{grid-template-columns:repeat(2,1fr)}.stat{min-height:145px;padding:23px 15px}.stat strong{font-size:31px}.locations:before{display:none}.location{min-height:230px;padding:19px}.service-card{min-height:250px;padding:20px}.company-card{grid-template-columns:1fr;padding:20px}.company-card .button{grid-column:auto}.portrait{min-height:420px}.copy h2,.contact-details h2{font-size:39px}.footer-grid{grid-template-columns:1fr}.actions{flex-wrap:wrap}.actions .button{flex:1}.section{padding:75px 0}}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--delay,ease),transform .7s var(--delay,ease)}.reveal.is-visible{opacity:1;transform:none}.service-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.cursor-glow{position:fixed;z-index:50;top:0;left:0;width:12px;height:12px;border-radius:50%;background:var(--gold2);opacity:.35;filter:blur(8px);pointer-events:none;mix-blend-mode:screen}html{overflow-x:hidden}@media(max-width:560px){.locations,.service-grid{grid-template-columns:1fr}}