:root{--bg-primary: #030303;--bg-secondary: #0a0a0c;--bg-card: rgba(15, 15, 20, .5);--border-card: rgba(255, 255, 255, .08);--border-card-hover: rgba(255, 255, 255, .18);--text-primary: #f5f5f7;--text-secondary: #a1a1a6;--text-muted: #9a9a9f;--cyan: #00f2fe;--purple: #9d4edd;--pink: #ff007f;--orange: #ff7b00;--gradient-primary: linear-gradient(135deg, var(--cyan) 0%, var(--purple) 100%);--gradient-secondary: linear-gradient(135deg, var(--purple) 0%, var(--pink) 100%);--gradient-card: linear-gradient(180deg, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, 0) 100%);--font-heading: "Space Grotesk", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--header-height: 80px;--max-width: 1200px;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .2s ease;--glow-cyan: 0 0 30px rgba(0, 242, 254, .2);--glow-purple: 0 0 30px rgba(157, 78, 221, .2)}*{margin:0;padding:0;box-sizing:border-box;outline:none}button,input,select,textarea{font-family:inherit}html{scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}body{overflow-x:hidden;background-color:var(--bg-primary);line-height:1.6}#smooth-wrapper{overflow:hidden;width:100%}#smooth-content{width:100%;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#222;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#333}::selection{background:#00f2fe4d;color:var(--text-primary)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:800;line-height:1.1;color:var(--text-primary)}p{color:var(--text-secondary)}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px;position:relative;z-index:2}.page-transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-primary);z-index:10000;pointer-events:auto;opacity:1;transition:opacity .6s cubic-bezier(.16,1,.3,1)}.page-transition-overlay.fade-out{opacity:0;pointer-events:none}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1;pointer-events:none;opacity:.65;transition:opacity 1s ease}.badge{display:inline-block;padding:6px 14px;border-radius:100px;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;font-weight:500;font-size:15px;cursor:pointer;transition:var(--transition-smooth);gap:8px}.btn-sm{padding:8px 18px;font-size:14px}.btn-lg{padding:14px 32px}.btn-block{width:100%;padding:14px}.btn-primary{background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary)}.btn-primary:hover{background:transparent;color:var(--text-primary);transform:translateY(-2px);box-shadow:0 10px 20px #ffffff0d}.btn-secondary{background:#ffffff08;color:var(--text-primary);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.floating-header{position:fixed;top:24px;left:0;width:100%;z-index:100;pointer-events:none}.nav-container{max-width:400px;margin:0 auto;padding:6px 12px;border-radius:100px;background:#0a0a0c66;border:1px solid var(--border-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;pointer-events:auto;transition:var(--transition-smooth)}.floating-header.scrolled .nav-container{background:#050507bf;border-color:#ffffff1f;box-shadow:0 10px 30px #0000004d}.logo-text{font-family:var(--font-heading);font-weight:800;font-size:22px;letter-spacing:-.03em}.logo-text span{color:var(--cyan)}.nav-links{position:relative;display:flex;list-style:none;gap:8px;padding:4px;background:#ffffff05;border-radius:100px;border:1px solid rgba(255,255,255,.04)}.nav-indicator{position:absolute;top:4px;bottom:4px;left:0;width:0;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:100px;z-index:1;opacity:0;pointer-events:none}.nav-item{position:relative;z-index:2;font-size:14px;font-weight:500;color:var(--text-secondary);padding:6px 12px;border-radius:100px;display:block;transition:color .3s ease}.nav-item:hover,.nav-item.active{color:var(--text-primary)}.mobile-nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}.mobile-nav-toggle .bar{display:block;width:20px;height:2px;background:var(--text-primary);margin:4px 0;transition:var(--transition-fast)}.lang-switch{position:relative;display:flex;background:#ffffff05;border-radius:100px;border:1px solid rgba(255,255,255,.04);padding:2px;margin-left:8px}.lang-switch-bg{position:absolute;top:2px;bottom:2px;left:2px;width:calc(50% - 2px);background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:100px;z-index:1;transition:var(--transition-smooth)}.lang-switch-btn{position:relative;z-index:2;background:none;border:none;color:var(--text-secondary);font-family:var(--font-body);font-size:11px;font-weight:600;padding:6px 10px;cursor:pointer;border-radius:100px;transition:color .3s ease}.lang-switch-btn:hover,.lang-switch-btn.active{color:var(--text-primary)}.lang-switch[data-current=el] .lang-switch-bg{left:50%}.hero-section{min-height:85dvh;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:calc(var(--header-height) + 40px);padding-bottom:40px}.hero-container{display:flex;flex-direction:column;justify-content:space-between;min-height:calc(85dvh - 120px)}.hero-content{max-width:760px;margin-top:auto;margin-bottom:auto}.hero-title{font-size:clamp(40px,6vw,68px);letter-spacing:-.03em;margin-bottom:24px}.hero-subtitle{font-size:clamp(16px,2vw,19px);font-weight:300;max-width:620px;margin-bottom:36px;color:var(--text-secondary)}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-stats{display:flex;align-items:center;gap:32px;margin-top:auto;background:#0a0a0c4d;border:1px solid var(--border-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 32px;border-radius:20px;width:fit-content}.stat-item{display:flex;flex-direction:column}.stat-number{font-family:var(--font-heading);font-size:20px;font-weight:800;color:var(--cyan)}.stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:30px;background:var(--border-card)}.section-header{max-width:600px;margin-bottom:60px}.section-title{font-size:clamp(32px,4vw,44px);letter-spacing:-.02em;margin-bottom:16px}.section-desc{font-size:16px;color:var(--text-secondary)}.services-section{padding:90px 0;background-color:var(--bg-secondary);position:relative;z-index:5}.bento-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.bento-card{grid-column:span 3;min-height:340px;border-radius:28px;background:var(--bg-card);border:1px solid var(--border-card);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:40px;position:relative;overflow:hidden;transition:var(--transition-smooth);display:flex;flex-direction:column;justify-content:space-between}.bento-card:hover{border-color:var(--border-card-hover);transform:translateY(-4px)}.bento-card.card-lg{grid-column:span 4;min-height:400px}.bento-card.card-md{grid-column:span 2;min-height:360px}.card-bg-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(800px circle at var(--mouse-x, 0) var(--mouse-y, 0),rgba(255,255,255,.03),transparent 40%);pointer-events:none;z-index:1}.card-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-start}.card-icon{width:48px;height:48px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--text-primary);margin-bottom:24px}.card-title{font-size:20px;margin-bottom:12px;letter-spacing:-.01em}.card-text{font-size:14px;color:var(--text-secondary);max-width:440px;line-height:1.5;margin-bottom:24px}.card-visual{margin-top:auto;position:relative;width:100%;height:120px;background:#ffffff03;border-radius:16px;border:1px solid rgba(255,255,255,.03);overflow:hidden}.visual-saas{display:flex;align-items:flex-end;justify-content:space-around;padding:24px}.dashboard-preview{display:flex;align-items:flex-end;width:100%;height:100%;gap:12px}.db-bar{flex:1;background:var(--gradient-primary);border-radius:4px;opacity:.3;transition:var(--transition-smooth)}.bento-card:hover .db-bar{opacity:.9}.height-40{height:40%}.height-50{height:50%}.height-60{height:60%}.height-80{height:80%}.height-100{height:100%}.visual-3d{display:flex;align-items:center;justify-content:center}.rotating-wireframe{width:60px;height:60px;border:1px dashed var(--cyan);border-radius:10px;animation:rotateWireframe 10s linear infinite;position:relative}.rotating-wireframe:before{content:"";position:absolute;top:10px;left:10px;width:38px;height:38px;border:1px solid var(--purple);border-radius:6px;transform:rotate(45deg)}@keyframes rotateWireframe{0%{transform:rotate3d(1,1,1,0)}to{transform:rotate3d(1,1,1,360deg)}}.visual-design{display:flex;align-items:center;justify-content:center}.color-palette-bubbles{display:flex;gap:-10px}.bubble{width:48px;height:48px;border-radius:50%;border:2px solid var(--bg-card);transition:var(--transition-smooth)}.bubble:not(:first-child){margin-left:-16px}.bubble.cyan{background:var(--cyan);box-shadow:var(--glow-cyan)}.bubble.purple{background:var(--purple);box-shadow:var(--glow-purple)}.bubble.magenta{background:var(--pink)}.bento-card:hover .bubble{transform:scale(1.1)}.visual-perf{display:flex;align-items:center;justify-content:center}.speedometer{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.speed-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid rgba(255,255,255,.03);border-top-color:var(--cyan);border-right-color:var(--cyan);transform:rotate(-45deg);animation:pulseRing 2s ease-in-out infinite}.speed-number{font-family:var(--font-heading);font-size:26px;font-weight:800;color:var(--text-primary)}@keyframes pulseRing{0%,to{transform:rotate(-45deg) scale(1)}50%{transform:rotate(-45deg) scale(1.03)}}.contact-email-card{grid-column:span 7;background:var(--bg-card);border:1px solid var(--border-card);border-radius:28px;padding:48px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden;transition:var(--transition-smooth);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.contact-email-card:hover{border-color:var(--border-card-hover);transform:translateY(-4px)}.email-card-glow{position:absolute;bottom:-100px;right:-100px;width:250px;height:250px;border-radius:50%;background:var(--cyan);filter:blur(80px);opacity:.15;pointer-events:none;transition:opacity .5s ease}.contact-email-card:hover .email-card-glow{opacity:.3}.email-card-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%}.email-icon{width:64px;height:64px;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--cyan);margin-bottom:24px;box-shadow:var(--glow-cyan)}.email-card-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px}.email-card-address{font-family:var(--font-heading);font-size:clamp(16px,4.5vw,28px);font-weight:700;color:var(--text-primary);margin-bottom:36px;letter-spacing:-.02em;transition:var(--transition-smooth);word-break:break-all}.email-card-address:hover{color:var(--cyan)}#copy-email-btn{width:100%;max-width:280px}#copy-email-btn.copied{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.contact-section{padding:90px 0;background-color:var(--bg-secondary);position:relative;z-index:5}.contact-container{display:grid;grid-template-columns:repeat(12,1fr);gap:48px;align-items:center}.contact-info{grid-column:span 5}.contact-desc{font-size:16px;color:var(--text-secondary);margin-bottom:48px}.contact-channels{display:flex;flex-direction:column;gap:28px}.channel-item{display:flex;flex-direction:column}.channel-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.channel-link{font-size:20px;font-weight:500}.channel-link:hover{color:var(--cyan)}.social-links{display:flex;gap:16px}.social-link{font-size:14px;color:var(--text-secondary)}.social-link:hover{color:var(--text-primary)}.work-section{position:relative;z-index:5;background-color:var(--bg-primary);overflow:hidden}.work-pin-wrapper{display:flex;align-items:center;height:100vh;width:100%}.work-container-horizontal{display:flex;height:100%;width:400vw;align-items:center}.work-slide{width:100vw;height:100%;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;padding:0 8vw}.title-slide{max-width:600px}.work-section-title{font-size:clamp(36px,5vw,56px);margin-bottom:24px;letter-spacing:-.02em}.work-section-desc{font-size:18px;color:var(--text-secondary);margin-bottom:36px}.scroll-hint{display:flex;align-items:center;gap:12px;color:var(--cyan);font-weight:500;font-size:15px}.scroll-hint svg{animation:moveArrow 1.5s infinite alternate ease-in-out}@keyframes moveArrow{0%{transform:translate(0)}to{transform:translate(8px)}}.project-slide{display:flex;justify-content:center;align-items:center}.project-card-outer{width:100%;max-width:640px;padding:12px;border-radius:36px;background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.project-card-inner{position:relative;background:var(--bg-card);border:1px solid var(--border-card);border-radius:28px;padding:48px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;height:480px;display:flex;flex-direction:column;justify-content:flex-start;transition:var(--transition-smooth)}.project-card-outer:hover .project-card-inner{border-color:var(--border-card-hover)}.project-glow{position:absolute;top:-120px;right:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#9d4edd26,#0000 70%);pointer-events:none}.project-category{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px}.project-title{font-size:32px;margin-bottom:16px;letter-spacing:-.02em}.project-desc{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:auto}.project-image-fallback{width:100%;height:180px;border-radius:18px;border:1px solid rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.footer{padding:60px 0;background-color:var(--bg-primary);border-top:1px solid var(--border-card);position:relative;z-index:5}.footer-container{display:flex;flex-direction:column}.footer-brand{margin-bottom:32px}.footer-tagline{font-size:14px;color:var(--text-secondary);margin-top:8px;font-weight:300}.footer-divider{width:100%;height:1px;background:var(--border-card);margin-bottom:24px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-muted)}.footer-links{display:flex;gap:16px}.footer-links a{font-size:13px;color:var(--text-muted);transition:var(--transition-fast)}.footer-links a:hover{color:var(--text-primary)}.cookie-banner{position:fixed;bottom:24px;right:24px;z-index:100;max-width:380px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:20px;padding:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px #0006;transform:translateY(120px) scale(.95);opacity:0;pointer-events:none;transition:var(--transition-smooth)}.cookie-banner.show{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.cookie-banner-content{display:flex;flex-direction:column;gap:16px}.cookie-text{font-size:13px;color:var(--text-secondary);line-height:1.5}.cookie-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.cookie-link{font-size:12px;color:var(--cyan);font-weight:500;text-decoration:underline}.cookie-link:hover{color:var(--text-primary)}.privacy-section{padding:calc(var(--header-height) + 60px) 0 90px 0;min-height:80vh}.privacy-container{max-width:800px}.privacy-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:40px}.privacy-card-outer{padding:12px;border-radius:28px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);margin-bottom:40px}.privacy-card-inner{background:var(--bg-card);border:1px solid var(--border-card);border-radius:20px;padding:40px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.privacy-sec-title{font-size:18px;margin-top:32px;margin-bottom:12px;letter-spacing:-.01em}.privacy-sec-title:first-of-type{margin-top:0}.privacy-sec-text{font-size:14px;color:var(--text-secondary);line-height:1.6}.privacy-back-btn{width:fit-content}.footer-funding{margin-top:40px;width:100%;display:flex;justify-content:center}.funding-card{width:100%;max-width:800px;background:#fff;border-radius:16px;padding:16px 24px;box-shadow:0 10px 30px #0006;display:flex;flex-direction:column;align-items:center;border:1px solid rgba(255,255,255,.15)}.funding-logos{width:100%;display:flex;justify-content:center}.funding-logo-link{display:block;width:100%;text-align:center;transition:opacity var(--transition-fast)}.funding-logo-link:hover{opacity:.9}.funding-img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:4px}.funding-text{font-size:13px;color:#333;text-align:center;line-height:1.6;margin:0;max-width:680px}.funding-text a{color:#07c;text-decoration:underline;font-weight:600;transition:color var(--transition-fast)}.funding-text a:hover{color:#05a}@media (max-width: 1024px){.bento-grid{grid-template-columns:repeat(4,1fr)}.bento-card,.bento-card.card-lg,.bento-card.card-md{grid-column:span 2}.contact-container{grid-template-columns:1fr;gap:60px}.contact-info,.contact-email-card{grid-column:auto}}@media (max-width: 768px){.nav-container{border-radius:100px;padding:8px 16px;max-width:95%}.nav-links{display:flex!important;gap:4px}.nav-cta,.mobile-nav-toggle{display:none!important}.hero-section{padding-top:calc(var(--header-height) + 20px)}.hero-actions{margin-bottom:48px}.hero-stats{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px;width:100%}.stat-divider{display:none}.stat-item{text-align:center;align-items:center;flex:1 1 120px}.bento-grid{grid-template-columns:1fr}.bento-card,.bento-card.card-lg,.bento-card.card-md{grid-column:span 1;padding:24px;min-height:auto}.contact-email-card{padding:32px 24px}.work-pin-wrapper{height:auto;display:block}.work-container-horizontal{display:flex;flex-direction:column;height:auto;width:100%!important;transform:none!important}.work-slide{width:100%;height:auto;padding:60px 24px}.title-slide{max-width:100%}.work-section-title{font-size:32px}.project-card-inner{height:auto;padding:32px 24px}.project-image-fallback{margin-top:24px}.footer-bottom{flex-direction:column!important;gap:12px!important;text-align:center!important;align-items:center!important}.funding-card{padding:16px}.funding-text{font-size:11px}.cookie-banner{left:16px;right:16px;bottom:16px;max-width:none;padding:16px}}@media (max-width: 480px){.logo-text{font-size:18px}.hero-title{font-size:34px}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:24px;background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--border-card);padding:12px 24px;border-radius:100px;font-size:14px;font-weight:600;z-index:100000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px #0009;transition:top .4s cubic-bezier(.16,1,.3,1)}.skip-link:focus{top:24px;outline:2px solid var(--cyan);outline-offset:4px}a:focus-visible,button:focus-visible,.lang-switch-btn:focus-visible{outline:2px solid var(--cyan)!important;outline-offset:4px!important}@media (prefers-reduced-motion: reduce){*{animation-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.canvas-container{display:none!important}body{background:radial-gradient(circle at 70% 30%,#9d4edd26,#030303 60%)}.bento-card{transform:none!important;transition:none!important}.bento-card:hover{transform:none!important}}