:root{--bg-dark:#0a0a0a;--bg-deep:#050505;--text-primary:#fff;--text-secondary:#ccc;--cyan:#00d9ff;--magenta:#f0f;--pink:#ff0080;--purple:#a000ff;--orange:#f60;--blue:#0080ff}*{box-sizing:border-box;margin:0;padding:0}.digital-agency-showcase{background:#000;width:100vw;height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.macbook-wrapper{z-index:10;perspective:1200px;position:relative}.macbook-device{width:1200px;height:800px;transform-style:preserve-3d;background:linear-gradient(#1a1a1a,#0f0f0f);border:2px solid #ffffff1a;border-radius:26px;flex-direction:column;transition:transform 80ms ease-out;display:flex;overflow:hidden;box-shadow:0 150px 250px #000c,0 50px 100px #000c}.browser-bar{z-index:100;background:#111;border-bottom:1px solid #ffffff1a;align-items:center;gap:15px;height:40px;padding:0 20px;display:flex}.browser-buttons{gap:8px;display:flex}.button{border-radius:50%;width:12px;height:12px}.button.red{background:#ff5f57}.button.yellow{background:#febc2e}.button.green{background:#28c940}.browser-url{text-align:center;color:#fff9;background:#1a1a1a;border-radius:4px;flex:1;padding:4px 0;font-size:11px;font-weight:600}.browser-icons{color:#fff;gap:10px;font-size:14px;display:flex}.screen-wrapper{scrollbar-width:none;background:#050505;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden auto}.screen-wrapper::-webkit-scrollbar{display:none}.shapes-container{pointer-events:none;z-index:1;height:150%;position:absolute;inset:0}.shape{filter:blur(.5px);position:absolute}.grid-background{pointer-events:none;z-index:0;opacity:.2;background-image:radial-gradient(circle,#ffffff1a 1px,#0000 1px);background-size:40px 40px;height:150%;position:absolute;inset:0}.cube{width:120px;height:120px;animation:8s ease-in-out infinite float}.cube-1{background:linear-gradient(135deg,#00d9ff,#f0f,#ff0080);width:180px;height:180px;animation-delay:0s;top:5%;right:15%;transform:rotateX(45deg)rotateY(45deg)rotate(20deg);box-shadow:inset 0 0 50px #00000080,0 20px 60px #ff008066}.cube-2{background:linear-gradient(135deg,#0080ff,#a000ff);width:140px;height:140px;animation-delay:2s;top:40%;left:-2%;transform:rotateX(-30deg)rotateY(60deg)rotate(-15deg);box-shadow:inset 0 0 40px #00000080,0 20px 60px #00d9ff66}.cube-3{background:linear-gradient(135deg,#ff0080,#f60);width:160px;height:160px;animation-delay:1.5s;top:70%;right:5%;transform:rotateX(20deg)rotateY(40deg)rotate(10deg)}.sphere{border-radius:50%;animation:6s ease-in-out infinite float;box-shadow:inset -20px -20px 40px #0009,0 30px 80px #ff00ff4d}.sphere-1{background:radial-gradient(circle at 30% 30%,#f0f,#00f);width:150px;height:150px;animation-delay:1s;top:8%;right:5%}.sphere-2{background:radial-gradient(circle at 30% 30%,#00d9ff,#a000ff);width:100px;height:100px;animation-delay:3s;top:25%;left:10%}.pyramid{width:0;height:0;animation:9s ease-in-out infinite float}.pyramid-1{filter:drop-shadow(0 20px 50px #f0f6);border-bottom:140px solid #a000ff;border-left:80px solid #0000;border-right:80px solid #0000;animation-delay:1.5s;top:10%;left:15%}.pyramid-1:after{content:"";transform-origin:bottom;border-bottom:140px solid #00d9ff80;border-left:80px solid #0000;border-right:80px solid #0000;position:absolute;top:0;left:-80px;transform:rotateX(20deg)}.pyramid-2{filter:drop-shadow(0 20px 50px #ff00804d);border-bottom:180px solid #ff0080;border-left:100px solid #0000;border-right:100px solid #0000;animation-delay:2.5s;top:60%;right:-5%;transform:rotate(-45deg)}.torus{border-radius:50%;animation:10s ease-in-out infinite float}.torus-1{background:conic-gradient(#0080ff,#a000ff,#f0f,#0080ff);border:40px solid #0000;width:180px;height:180px;animation-delay:.5s;top:35%;left:18%;transform:rotateX(60deg)rotateY(20deg);box-shadow:0 30px 80px #ff008059}.torus-2{background:conic-gradient(#00d9ff,#f60,#00d9ff);border:20px solid #0000;width:100px;height:100px;animation-delay:3.5s;top:60%;left:5%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(10deg)}}.site-nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:50;background:#050505cc;justify-content:space-between;align-items:center;padding:30px 40px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:10px;display:flex}.logo-icon{font-size:24px;font-weight:900;display:flex}.logo-a{background:linear-gradient(135deg,#0080ff,#ff0080);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo-text{letter-spacing:0;color:var(--text-primary);font-family:Impact,Arial Black,sans-serif;font-size:18px;font-weight:900}.nav-links{gap:30px;display:flex}.nav-links a{color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s}.nav-links a:hover{color:var(--text-primary)}.hero-section{text-align:center;z-index:2;flex:none;padding:60px 40px 20px;position:relative}.hero-title{letter-spacing:-1px;color:var(--text-primary);text-transform:uppercase;text-shadow:0 10px 30px #00000080;margin-bottom:20px;font-family:Impact,Arial Black,sans-serif;font-size:96px;font-weight:900;line-height:.95}.hero-subtitle{color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase;margin-bottom:40px;font-size:12px;font-weight:600}.cta-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#0080ff,#a000ff);border:none;border-radius:30px;align-items:center;gap:8px;padding:16px 36px;font-family:inherit;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #a000ff66}.scroll-indicator{flex-direction:column;align-items:center;margin-top:40px;display:flex}.scroll-line{background:#ffffff4d;width:1px;height:40px}.scroll-arrow{color:#ffffff80;margin-top:5px;font-size:14px}.portfolio-section{z-index:2;flex:none;padding:40px;position:relative}.portfolio-header{align-items:center;margin-bottom:30px;display:flex}.section-title{color:var(--text-primary);margin:0;font-family:Impact,Arial Black,sans-serif;font-size:48px}.portfolio-line{background:#fff3;flex:1;height:1px;margin:0 20px}.portfolio-controls{gap:10px;display:flex}.control-btn{color:#fff;cursor:pointer;background:#111;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .3s;display:flex}.control-btn:hover{background:#ffffff1a}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px;display:grid}.portfolio-card{border-radius:16px;padding:2px;transition:transform .3s;box-shadow:0 10px 30px #00000080}.portfolio-card:hover{transform:translateY(-5px)}.card-inner{background:#0d0d12;border-radius:14px;height:100%;min-height:220px;padding:30px;display:flex;position:relative;overflow:hidden}.card-content{z-index:2;width:50%;position:relative}.card-title{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:12px;font-family:Impact,Arial Black,sans-serif;font-size:32px;line-height:1}.card-desc{color:var(--text-secondary);font-size:13px;line-height:1.4}.card-visual{justify-content:center;align-items:center;width:50%;display:flex;position:absolute;top:0;bottom:0;right:0}.nexus-inner{background:linear-gradient(135deg,#0a0515,#150525)}.nexus-visual .nexus-n{background:linear-gradient(135deg,#00d9ff,#a000ff);color:#0000;z-index:2;-webkit-background-clip:text;font-family:Impact,sans-serif;font-size:120px;position:relative;transform:rotate(15deg)}.nexus-visual .floating-shape{filter:blur(1px);background:linear-gradient(135deg,#f0f,#00d9ff);border-radius:4px;position:absolute}.nexus-visual .s1{width:40px;height:40px;top:20%;left:20%;transform:rotate(45deg)}.nexus-visual .s2{width:60px;height:60px;bottom:20%;right:10%;transform:rotate(15deg)}.orbit-inner{background:linear-gradient(135deg,#150515,#250515)}.phone-mockup{background:#000;border:4px solid #333;border-radius:12px;width:80px;height:160px;position:absolute;overflow:hidden;box-shadow:0 10px 20px #00000080}.phone-mockup:after{content:"";background:linear-gradient(135deg,#ff0080,#f60);position:absolute;inset:0}.orbit-visual .phone-1{z-index:1;border-color:#ff0080;left:10%;transform:rotate(-15deg)translateY(-20px)}.orbit-visual .phone-2{z-index:2;background:linear-gradient(135deg,#00d9ff,#a000ff);border-color:#a000ff;right:10%;transform:rotate(10deg)translateY(20px)}.spark-inner{background:linear-gradient(135deg,#150505,#250525)}.spark-visual .phone-3{border-color:#f0f;top:10%;left:0%;transform:rotate(-20deg)scale(.8)}.spark-visual .phone-4{z-index:2;border-color:#f60;top:5%;left:30%;transform:rotate(0)scale(.9)}.spark-visual .phone-5{border-color:#00d9ff;top:15%;right:0%;transform:rotate(20deg)scale(.8)}.lumina-inner{background:linear-gradient(135deg,#050505,#111)}.browser-mockup{background:#111;border:1px solid #333;border-radius:8px;width:180px;height:120px;position:relative;overflow:hidden;transform:rotate(-10deg)rotateX(10deg);box-shadow:0 10px 30px #000c}.browser-mockup:before{content:"";background:#222;height:12px;position:absolute;top:0;left:0;right:0}.browser-mockup:after{content:"";opacity:.8;background:linear-gradient(135deg,#a000ff,#00d9ff);position:absolute;inset:12px 0 0}.browser-bottom{background:#ffffff0d;height:2px}.keyboard-area{background:linear-gradient(#1a1a1a,#0f0f0f);border-top:1px solid #ffffff0d;flex-direction:column;gap:10px;padding:16px 24px;display:flex}.keyboard-line{background:repeating-linear-gradient(90deg,#64646433 0 12px,#0000 12px 18px);border-radius:2px;height:8px}.trackpad{background:linear-gradient(135deg,#50505033,#28282833);border:1px solid #64646433;border-radius:6px;width:85%;height:40px;margin:0 auto}.device-shadow{filter:blur(20px);z-index:0;background:radial-gradient(#0009,#0000 70%);border-radius:50%;width:1000px;height:60px;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}@media (max-width:1300px){.macbook-device{width:1000px;height:650px}.hero-title{font-size:72px}}@media (max-width:1100px){.macbook-device{width:800px;height:550px}.hero-title{font-size:56px}.section-title{font-size:36px}.portfolio-grid{grid-template-columns:1fr}}