@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--color-cream:255, 255, 255;--color-sand:235, 235, 235;--color-charcoal:90, 90, 90;--color-asphalt:15, 15, 15;--color-orange:255, 153, 0;--bg-deep:rgb(var(--color-cream));--bg-dark:rgb(var(--color-asphalt));--bg-card:#fff;--bg-card-hover:rgba(var(--color-sand), .4);--primary:rgb(var(--color-orange));--secondary:rgb(var(--color-charcoal));--accent:rgb(var(--color-orange));--success:#15803d;--text-main:rgb(var(--color-charcoal));--text-muted:rgba(var(--color-charcoal), .8);--text-light:rgb(var(--color-asphalt));--border:rgba(var(--color-charcoal), .25);--border-hover:rgba(var(--color-charcoal), .45);--border-glow:rgba(var(--color-orange), .25);--glow-orange:0 0 30px rgba(var(--color-orange), .08);--glow-charcoal:0 10px 40px rgba(var(--color-asphalt), .12);--font-title:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.4s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:rgba(var(--color-orange), .2);border:2px solid var(--bg-deep);transition:var(--transition-fast);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-orange), .4)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em;color:var(--text-light);font-weight:700}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:0 8px 30px 0 rgba(var(--color-charcoal), .04);transition:var(--transition-normal);border-radius:16px}.glass-panel:hover{border-color:rgba(var(--color-orange), .35);box-shadow:0 16px 40px 0 rgba(var(--color-charcoal), .08), var(--glow-orange);background:#fffcf2f2;transform:translateY(-5px)}.text-gradient{background:linear-gradient(135deg, var(--text-light) 30%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-purple{background:linear-gradient(135deg, var(--primary) 0%, rgb(var(--color-charcoal)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-cyan{background:linear-gradient(135deg, var(--primary) 0%, #d84b16 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 20px rgba(var(--color-orange), .25);transition:var(--transition-normal);border-radius:50px;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary:hover{box-shadow:0 8px 25px rgba(var(--color-orange), .45);transform:translateY(-2px)}.btn-primary:after{content:"";opacity:0;background:linear-gradient(90deg,#fff0 0%,#ffffff40 50%,#fff0 100%);width:200%;height:100%;transition:all .75s;position:absolute;top:0;left:-50%;transform:skew(-25deg)}.btn-primary:hover:after{opacity:1;left:125%}.btn-secondary{background:rgba(var(--color-sand), .15);color:rgb(var(--color-asphalt));border:1px solid var(--border);transition:var(--transition-normal);border-radius:50px;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:rgba(var(--color-sand), .35);border-color:rgba(var(--color-charcoal), .3);color:rgb(var(--color-asphalt));transform:translateY(-2px)}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}@keyframes pulse-slow{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.04)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-float{animation:6s ease-in-out infinite float}.anim-float-delayed{animation:6s ease-in-out 3s infinite float}.anim-spin-slow{animation:30s linear infinite spin-slow}section{z-index:10;max-width:1440px;margin:0 auto;padding:120px clamp(30px,10vw,150px);position:relative}.section-tag{background:rgba(var(--color-orange), .08);border:1px solid rgba(var(--color-orange), .18);color:var(--primary);letter-spacing:.05em;text-transform:uppercase;border-radius:50px;margin-bottom:16px;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-block}.section-title{color:rgb(var(--color-asphalt));margin-bottom:20px;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.section-desc{color:var(--text-muted);max-width:600px;margin-bottom:50px;font-size:1.05rem;line-height:1.6}.grid-2,.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}@media (width>=992px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}}.reveal{opacity:0;will-change:transform, opacity;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(35px)}.reveal.reveal-left{transform:translate(-40px)}.reveal.reveal-right{transform:translate(40px)}.reveal.reveal-scale{transform:scale(.95)}.reveal.in-view{opacity:1;transform:translate(0)scale(1)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.app-container{background-color:var(--bg-deep);min-height:100vh;color:var(--text-main);position:relative;overflow:hidden}.glow-orb-1{background:radial-gradient(circle, rgba(var(--color-orange), .04) 0%, #fffcf200 70%);z-index:1;pointer-events:none;filter:blur(80px);border-radius:50%;width:50vw;height:50vw;position:fixed;top:10%;left:-10%}.glow-orb-2{background:radial-gradient(circle, rgba(var(--color-orange), .03) 0%, #fffcf200 70%);z-index:1;pointer-events:none;filter:blur(100px);border-radius:50%;width:60vw;height:60vw;position:fixed;bottom:20%;right:-10%}.glow-orb-3{background:radial-gradient(circle, rgba(var(--color-sand), .15) 0%, #fffcf200 70%);z-index:1;pointer-events:none;filter:blur(90px);border-radius:50%;width:40vw;height:40vw;position:fixed;top:50%;left:25%}.cursor-glow{background:radial-gradient(circle, rgba(var(--color-orange), .04) 0%, rgba(var(--color-sand), .03) 40%, #fffcf200 70%);pointer-events:none;z-index:2;border-radius:50%;width:350px;height:350px;transition:width .3s,height .3s;position:fixed;transform:translate(-50%,-50%)}.tech-grid{background-image:radial-gradient(rgba(var(--color-sand), .25) 1.5px, transparent 1.5px), radial-gradient(rgba(var(--color-orange), .03) 1.5px, transparent 1.5px);pointer-events:none;z-index:0;background-position:0 0,25px 25px;background-size:50px 50px;width:100%;height:100vh;animation:20s linear infinite pan-grid;position:fixed;top:0;left:0}.header-spacer{height:80px}.floating-particles{z-index:0;pointer-events:none;width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.particle{background:rgba(var(--color-orange), .08);border:1px solid rgba(var(--color-orange), .15);animation:linear infinite float-up;position:absolute;bottom:-100px}@keyframes float-up{0%{opacity:0;transform:translateY(0)rotate(0)scale(1)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-120vh)rotate(360deg)scale(.5)}}.particle-1{border-radius:12px;width:40px;height:40px;animation-duration:25s;animation-delay:0s;left:10%}.particle-2{border-radius:50%;width:60px;height:60px;animation-duration:35s;animation-delay:5s;left:30%}.particle-3{border-radius:8px;width:30px;height:30px;animation-duration:20s;animation-delay:2s;left:50%}.particle-4{background:rgba(var(--color-charcoal), .05);border-color:rgba(var(--color-charcoal), .1);border-radius:20px;width:80px;height:80px;animation-duration:40s;animation-delay:8s;left:70%}.particle-5{border-radius:50%;width:50px;height:50px;animation-duration:30s;animation-delay:12s;left:90%}.particle-6{border-radius:16px;width:70px;height:70px;animation-duration:38s;animation-delay:15s;left:20%}.particle-7{border-radius:50%;width:45px;height:45px;animation-duration:28s;animation-delay:18s;left:80%}.particle-8{background:rgba(var(--color-charcoal), .05);border-color:rgba(var(--color-charcoal), .1);border-radius:10px;width:35px;height:35px;animation-duration:22s;animation-delay:20s;left:40%}.particle-9{border-radius:50%;width:90px;height:90px;animation-duration:45s;animation-delay:25s;left:60%}.particle-10{border-radius:14px;width:55px;height:55px;animation-duration:32s;animation-delay:28s;left:5%}.particle-11{border-radius:50%;width:25px;height:25px;animation-duration:18s;animation-delay:30s;left:85%}.particle-12{border-radius:18px;width:65px;height:65px;animation-duration:36s;animation-delay:35s;left:25%}.particle-13{border-radius:50%;width:40px;height:40px;animation-duration:26s;animation-delay:38s;left:75%}.particle-14{border-radius:20px;width:75px;height:75px;animation-duration:42s;animation-delay:40s;left:45%}.particle-15{background:rgba(var(--color-charcoal), .05);border-color:rgba(var(--color-charcoal), .1);border-radius:50%;width:30px;height:30px;animation-duration:24s;animation-delay:45s;left:15%}