@import url(https://fonts.googleapis.com/css2?family=Overpass:wght@400;600;800&family=Work+Sans:wght@400;500;700&display=swap);:root{--bg-dark:#060b12;--bg-card:#0a1220;--bg-card-hover:#0e182a;--border:rgba(255,255,255,.08);--border-hover:rgba(0,180,216,.3);--text-primary:#fff;--text-muted:#8f9cae;--primary:#0052cc;--accent:#00b4d8;--gradient:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);--radius-sm:8px;--radius:16px;--radius-lg:24px;--radius-xl:32px;--shadow-glow:0 0 20px rgba(0,180,216,.15);--font-sans:'Inter' , system-ui , -apple-system , sans-serif;--transition:all .4s cubic-bezier(.16,1,.3,1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family: var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:var(--transition)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4{font-weight:700;line-height:1.2;letter-spacing:-.02em}.text-gradient{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.section{padding:120px 0;position:relative;z-index:10}.section-title{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:24px}.section-subtitle{font-size:1.125rem;color:var(--text-muted);max-width:600px;margin-bottom:60px}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.glow-orb{position:fixed;border-radius:50%;filter:blur(120px);opacity:.15;z-index:0;pointer-events:none}.orb-1{top:-10%;left:-10%;width:50vw;height:50vw;background:var(--primary);animation:drift 20s infinite alternate ease-in-out}.orb-2{bottom:-10%;right:-10%;width:60vw;height:60vw;background:var(--accent);animation:drift 25s infinite alternate-reverse ease-in-out}.orb-3{top:40%;left:40%;width:30vw;height:30vw;background:#7b2cbf;animation:drift 30s infinite alternate ease-in-out}@keyframes drift {
    0% { transform: translate(0, 0) scale(1); }
    100% { transform: translate(10vw, -10vw) scale(1.1); }
}.header{position:fixed;top:24px;left:0;width:100%;z-index:100;transition:var(--transition)}.header.scrolled .header-inner{background:rgba(10,18,32,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:0 10px 30px rgba(0,0,0,.2);padding:12px 24px}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-radius:100px;background:transparent;border:1px solid transparent;transition:var(--transition)}.logo-img{height:32px}.nav{display:flex;gap:32px}.nav a{font-size:.95rem;font-weight:500;color:var(--text-muted)}.nav a:hover{color:var(--text-primary)}.menu-toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:600;border-radius:100px;cursor:pointer;transition:var(--transition);text-align:center}.btn-sm{padding:10px 20px;font-size:.9rem}.btn-lg{padding:16px 32px;font-size:1.05rem}.btn-full{width:100%;padding:16px;font-size:1.05rem}.btn-primary{background:var(--gradient);color:#fff;box-shadow:var(--shadow-glow);border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(0,180,216,.4)}.btn-secondary{background:rgba(255,255,255,.05);color:var(--text-primary);border:1px solid var(--border);backdrop-filter:blur(10px)}.btn-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-2px)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:160px;position:relative;z-index:10}.hero-container{text-align:center;max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(0,180,216,.1);border:1px solid rgba(0,180,216,.2);border-radius:100px;font-size:.85rem;font-weight:600;color:var(--accent);margin-bottom:32px}.badge-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent);animation:pulse-dot 2s infinite}@keyframes pulse-dot {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.5); opacity: 0.5; }
}.hero-title{font-size:clamp(3rem,7vw,5.5rem);margin-bottom:24px;line-height:1.1}.hero-desc{font-size:clamp(1.1rem,2vw,1.25rem);color:var(--text-muted);max-width:700px;margin:0 auto 48px}.hero-actions{display:flex;justify-content:center;gap:16px}.marquee-container{margin-top:100px;width:100%;overflow:hidden;position:relative;padding:30px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(0,0,0,.2);backdrop-filter:blur(4px)}.marquee{display:flex;white-space:nowrap;animation:marquee 30s linear infinite;gap:40px;align-items:center}.marquee span{font-size:1.2rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.marquee .dot{color:var(--primary)}@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:280px;gap:24px}.bento-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;position:relative;overflow:hidden;transition:var(--transition);display:flex;flex-direction:column;justify-content:space-between}.bento-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.4)}.bento-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(0,180,216,.06),transparent 40%);z-index:0;opacity:0;transition:opacity .3s}.bento-card:hover::before{opacity:1}.bento-content{position:relative;z-index:1}.bento-icon{font-size:2.5rem;color:var(--accent);margin-bottom:24px}.bento-card h3{font-size:1.4rem;margin-bottom:12px}.bento-card p{color:var(--text-muted);font-size:.95rem}.bento-card:nth-child(1) {grid-column:span 2;grid-row:span 2}.bento-card:nth-child(2) {grid-column:span 2}.bento-card:nth-child(3) {grid-column:span 2}.bento-card:nth-child(4) {grid-column:span 1}.bento-card:nth-child(5) {grid-column:span 2}.bento-card:nth-child(6) {grid-column:span 1}.tech-pattern{position:absolute;bottom:-10%;right:-10%;width:60%;height:60%;background-image:radial-gradient(rgba(255,255,255,.1) 2px,transparent 2px);background-size:20px 20px;opacity:.5;z-index:0;mask-image:linear-gradient(to top left,black,transparent);-webkit-mask-image:linear-gradient(to top left,black,transparent)}.bento-glass{background:rgba(255,255,255,.02);backdrop-filter:blur(10px)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.text-lg{font-size:1.2rem;color:var(--text-muted);margin-bottom:40px}.text-lg strong{color:var(--text-primary)}.metrics{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:30px}.metric-item{display:flex;flex-direction:column;gap:4px}.metric-val{font-size:2.5rem;font-weight:800;line-height:1;color:var(--text-primary)}.text-primary{color:var(--accent)}.metric-lbl{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.metric-divider{width:1px;height:60px;background:var(--border)}.visual-glass-card{background:rgba(10,18,32,.6);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 30px 60px rgba(0,0,0,.5);backdrop-filter:blur(20px);overflow:hidden}.vcard-header{background:rgba(255,255,255,.03);padding:16px 20px;border-bottom:1px solid var(--border)}.dots{display:flex;gap:8px}.dots span{width:12px;height:12px;border-radius:50%}.dots span:nth-child(1) {background:#ff5f56}.dots span:nth-child(2) {background:#ffbd2e}.dots span:nth-child(3) {background:#27c93f}.vcard-body{padding:30px;font-family:'Fira Code',monospace;font-size:.95rem;color:#a9b7c6}.code-line{margin-bottom:8px;min-height:20px}.pl-4{padding-left:24px}.c-keyword{color:#c678dd}.c-string{color:#98c379}.c-func{color:#61afef}.c-value{color:#d19a66}.timeline{max-width:800px;margin:0 auto;position:relative;padding:40px 0}.timeline::before{content:'';position:absolute;top:0;left:30px;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,var(--primary),var(--accent),transparent);opacity:.5}.timeline-item{position:relative;padding-left:80px;margin-bottom:60px}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:11px;top:0;width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent);box-shadow:0 0 15px rgba(0,180,216,.4);z-index:2}.timeline-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:var(--transition)}.timeline-content:hover{border-color:var(--border-hover);transform:translateX(10px)}.timeline-content h3{font-size:1.4rem;margin-bottom:12px}.timeline-content p{color:var(--text-muted)}.contact-box{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.contact-info{padding:60px;background:rgba(255,255,255,.02)}.contact-title{font-size:2.5rem;margin-bottom:20px}.contact-desc{color:var(--text-muted);font-size:1.1rem;margin-bottom:40px}.contact-methods{display:flex;flex-direction:column;gap:24px}.method-link{display:flex;align-items:center;gap:16px;padding:16px;border-radius:var(--radius);background:rgba(255,255,255,.03);border:1px solid var(--border);transition:var(--transition)}a.method-link:hover{background:rgba(255,255,255,.08);border-color:var(--border-hover)}.m-icon{width:48px;height:48px;border-radius:50%;background:rgba(0,180,216,.1);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.m-label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:4px}.m-val{display:block;font-weight:600;color:var(--text-primary)}.contact-form-wrapper{padding:60px}.modern-form{display:flex;flex-direction:column;gap:32px}.input-group{position:relative}.modern-form input,.modern-form textarea{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);padding:12px 0;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:var(--transition)}.modern-form input:focus,.modern-form textarea:focus{outline:none;border-bottom-color:var(--accent)}.modern-form label{position:absolute;left:0;top:12px;color:var(--text-muted);transition:.3s ease all;pointer-events:none}.modern-form input:focus ~ label,
.modern-form input:not(:placeholder-shown) ~ label,
.modern-form textarea:focus ~ label,
.modern-form textarea:not(:placeholder-shown) ~ label {top:-20px;font-size:.8rem;color:var(--accent)}.form-status{margin-top:16px;padding:16px;border-radius:var(--radius-sm);display:none;text-align:center;font-weight:500}.form-status.success{display:block;background:rgba(39,201,63,.1);color:#27c93f;border:1px solid rgba(39,201,63,.2)}.footer{background:var(--bg-dark);padding-top:80px;border-top:1px solid var(--border);position:relative;z-index:10}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:60px}.footer-brand{max-width:300px}.footer-logo-img{height:40px;margin-bottom:20px;filter:brightness(0) invert(1)}.footer-brand p{color:var(--text-muted);font-size:.95rem;margin-bottom:24px}.socials{display:flex;gap:16px}.socials a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.socials a:hover{background:var(--primary);transform:translateY(-4px)}.footer-nav{display:flex;gap:80px}.footer-col h4{font-size:1.1rem;margin-bottom:24px}.footer-col a{display:block;color:var(--text-muted);margin-bottom:12px;font-size:.95rem}.footer-col a:hover{color:var(--accent)}.footer-bottom{padding:24px 0;border-top:1px solid var(--border)}.footer-bottom .container{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.85rem}.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal.active{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}@media (max-width:992px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card:nth-child(1), .bento-card:nth-child(2), .bento-card:nth-child(3), .bento-card:nth-child(5) {grid-column:span 2}.bento-card:nth-child(1) {grid-row:span 1}.about-grid,.contact-box{grid-template-columns:1fr;gap:40px}}@media (max-width:768px){.nav{display:none}.header .btn{display:none}.menu-toggle{display:block}.bento-grid{grid-template-columns:1fr}.bento-card{grid-column:span 1!important}.metrics{flex-direction:column;gap:20px;align-items:flex-start}.metric-divider{width:100%;height:1px}.timeline::before{left:20px}.timeline-item{padding-left:50px}.timeline-marker{left:1px;width:30px;height:30px;font-size:.9rem}.contact-info,.contact-form-wrapper{padding:30px}.hero-title{font-size:2.5rem}}@media (max-width:480px){.hero-actions{flex-direction:column}.footer-nav{flex-direction:column;gap:40px}.footer-bottom .container{flex-direction:column;gap:16px;text-align:center}}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem}.case-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:2.5rem;transition:transform .3s ease , background .3s ease}.case-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.05)}.case-tag{display:inline-block;padding:.4rem 1rem;background:rgba(0,195,255,.1);color:var(--primary-color,#00c3ff);border-radius:30px;font-size:.85rem;font-weight:600;margin-bottom:1rem}.case-title{font-size:1.5rem;margin-bottom:1rem;color:var(--text-light)}.case-desc{color:var(--text-dim);margin-bottom:1.5rem}.case-metric{display:flex;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.metric-highlight{font-size:1.5rem;font-weight:700;color:var(--primary-color,#00c3ff)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.testimonial-card{background:var(--bg-surface);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem}.stars{color:#ffd700;font-size:1.1rem;letter-spacing:2px}.client-quote{font-style:italic;color:var(--text-dim);line-height:1.6;flex-grow:1}.client-info{display:flex;align-items:center;gap:1rem}.client-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary-color);border:1px solid rgba(255,255,255,.1)}.client-meta h4{margin:0;font-size:1.1rem;color:var(--text-light)}.client-meta span{font-size:.85rem;color:var(--text-dim)}.faq-container{max-width:800px;margin:3rem auto 0;display:flex;flex-direction:column;gap:1rem}details.faq-item{background:var(--bg-surface);border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;transition:all .3s ease}details.faq-item[open]{border-color:rgba(0,195,255,.3);box-shadow:0 4px 20px rgba(0,0,0,.2)}summary.faq-question{padding:1.5rem 2rem;font-weight:600;font-size:1.1rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--text-light)}summary.faq-question::-webkit-details-marker{display:none}summary.faq-question::after{content:"\f067";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--primary-color);transition:transform .3s ease}details.faq-item[open] summary::after{transform:rotate(45deg)}.faq-answer{padding:0 2rem 1.5rem 2rem;color:var(--text-dim);line-height:1.6;animation:fadeIn .4s ease}@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}.dark-map-wrapper{margin-top:4rem;border-radius:24px;overflow:hidden;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.05)}.dark-map{width:100%;height:400px;border:none;filter:invert(100%) hue-rotate(180deg) brightness(95%) contrast(100%);display:block}.logo-big-card{background:#fff;border-radius:32px;padding:3rem;display:flex;justify-content:center;align-items:center;box-shadow:0 0 50px rgba(0,195,255,.1);height:100%;min-height:300px}.logo-big-card img{max-width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}.footer-nav{gap:4rem}#scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--primary-color,#00c3ff);box-shadow:0 0 10px var(--primary-color,#00c3ff) , 0 0 5px #fff;z-index:100000;transition:width .1s ease-out}