:root{--color-charcoal: #0d0d0d;--color-neon-blue: #00f0ff;--color-glass: rgba(255, 255, 255, .05);--color-glass-border: rgba(255, 255, 255, .1);--font-header: "Orbitron", sans-serif;--font-body: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;width:100%}body{background-color:var(--color-charcoal);color:#fff;font-family:var(--font-body);overflow-x:hidden;width:100%;position:relative;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);font-weight:700;letter-spacing:.05em;line-height:1.2}a{color:inherit;text-decoration:none}.text-neon{color:var(--color-neon-blue);text-shadow:0 0 10px rgba(0,240,255,.4)}.glass-panel{background:var(--color-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-glass-border);border-radius:12px;box-shadow:0 8px 32px #0000004d}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--color-neon-blue);color:var(--color-charcoal);font-family:var(--font-header);font-weight:900;padding:16px 32px;border:none;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 0 15px #00f0ff4d}.btn-primary:hover{box-shadow:0 0 25px #00f0ff99;transform:translateY(-2px)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.main-header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all .3s ease;padding:24px 0}.main-header.scrolled{padding:12px 0;border-radius:0;border-top:none;border-left:none;border-right:none}.header-content{display:flex;justify-content:space-between;align-items:center}.brand-logo{font-family:var(--font-header);font-size:1.5rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.nav-links{list-style:none;display:flex;align-items:center;gap:24px;flex-wrap:nowrap}.nav-links a:not(.nav-btn){font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;transition:color .3s ease}.nav-links a:hover:not(.nav-btn){color:var(--color-neon-blue)}.nav-link-secondary{border:1px solid rgba(255,255,255,.2);padding:6px 16px;border-radius:4px;transition:all .3s ease}.nav-link-secondary:hover{background:#ffffff1a;border-color:#fff6;color:#fff!important}.nav-btn{padding:10px 24px;font-size:.8rem}.mobile-toggle{background:none;border:none;color:#fff;cursor:pointer}.mobile-menu{position:absolute;top:100%;left:0;width:100%;padding:24px;border-radius:0 0 16px 16px;transform-origin:top;transform:scaleY(0);opacity:0;transition:transform .3s ease,opacity .3s ease;border-top:none}.mobile-menu.open{transform:scaleY(1);opacity:1}.nav-links-mobile{list-style:none;display:flex;flex-direction:column;gap:24px;align-items:center}@media(min-width:769px){.mobile-only{display:none!important}}@media(max-width:768px){.desktop-only{display:none!important}.main-header{padding:16px 0}}@media(min-width:769px)and (max-width:1024px){.nav-links{gap:16px}.nav-links a:not(.nav-btn){font-size:.75rem}.brand-logo{font-size:1.1rem}}.hero-section{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden}.hero-background{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,240,255,.05) 0%,transparent 60%);z-index:0}.canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-content{position:relative;z-index:2;top:0;padding-top:80px}.hero-title{font-size:clamp(2.5rem,5vw,5rem);text-transform:uppercase;margin-bottom:24px;max-width:800px}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:#ffffffb3;margin-bottom:48px;max-width:600px}.hero-cta{display:flex;gap:16px}.hero-title.fade-in{transition-delay:.2s}.hero-subtitle.fade-in{transition-delay:.4s}.hero-cta.fade-in{transition-delay:.6s}@media(max-width:768px){.hero-content{text-align:center;display:flex;flex-direction:column;align-items:center;padding-top:100px;padding-bottom:40px}.hero-title{font-size:clamp(1.8rem,8vw,2.8rem)}.hero-subtitle{font-size:.9rem;max-width:90vw}}@media(min-width:769px)and (max-width:1024px){.hero-content{padding-top:100px;max-width:60%}.hero-title{font-size:clamp(2rem,4.5vw,3.5rem)}}.portfolio-section{padding:120px 24px}.section-header{margin-bottom:64px}.section-title{font-size:clamp(2rem,4vw,3rem);text-transform:uppercase;margin-bottom:8px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:48px;align-items:stretch}.portfolio-card{position:relative;overflow:hidden;transition:box-shadow .4s ease,border-color .4s ease;display:flex;flex-direction:column}.portfolio-card:hover{border-color:var(--color-neon-blue);box-shadow:0 0 30px #00f0ff33,inset 0 0 20px #00f0ff0d}.card-mockup{height:240px;position:relative;border-bottom:1px solid var(--color-glass-border);display:flex;align-items:flex-end;justify-content:flex-end;overflow:hidden}.portfolio-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s ease;opacity:.8}.portfolio-card:hover .portfolio-img{transform:scale(1.05);opacity:1}.seo-badge{position:relative;z-index:2;margin:16px;display:flex;align-items:center;gap:6px;background:#000000b3;color:#0f6;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,255,102,.3);box-shadow:0 0 10px #0f63}.card-content{padding:24px;position:relative;flex-grow:1;display:flex;flex-direction:column}.card-content h3{font-size:1.5rem;margin-bottom:4px}.portfolio-link{color:var(--color-neon-blue);font-size:.9rem;display:inline-block;margin-bottom:8px;text-decoration:underline;opacity:.8}.portfolio-link:hover{opacity:1}.category-label{color:#fff6!important;font-size:.8rem!important;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.testimonial-box{margin-top:auto;padding:16px;background:#ffffff08;border-left:2px solid var(--color-neon-blue);border-radius:0 8px 8px 0;position:relative;margin-bottom:32px}.quote-icon{color:var(--color-neon-blue);position:absolute;top:-10px;left:12px;background:#0d0d0d;padding:0 4px;opacity:.7}.testimonial-box p{font-size:.9rem!important;font-style:italic;color:#fffc!important;margin:0}.card-action{position:absolute;right:24px;bottom:24px;display:flex;align-items:center;gap:16px}.action-link{color:var(--color-neon-blue);opacity:.5;transition:opacity .3s ease,transform .3s ease}.portfolio-card:hover .action-link{opacity:1;transform:translate(4px) translateY(-4px)}.verify-seo-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--color-neon-blue);border:1px solid var(--color-neon-blue);padding:6px 12px;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;opacity:0;transform:translateY(10px)}.portfolio-card:hover .verify-seo-btn{opacity:1;transform:translateY(0);background:#00f0ff1a}.verify-seo-btn:hover{background:var(--color-neon-blue);color:var(--color-charcoal);box-shadow:0 0 10px #00f0ff80}.delay-0{transition-delay:0s}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.services-section{padding:120px 24px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:48px;align-items:stretch}.service-card{padding:40px;border-radius:16px;display:flex;flex-direction:column;transition:transform .4s ease,box-shadow .4s ease}.service-card:hover{transform:translateY(-8px)}.service-icon{width:64px;height:64px;background:#00f0ff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;border:1px solid rgba(0,240,255,.2)}.service-card h3{font-size:1.75rem;margin-bottom:16px;color:#fff}.service-focus{font-size:1rem;color:#fffc;margin-bottom:24px;font-family:var(--font-body)}.service-tech{list-style:none;margin-bottom:32px;padding:0;display:flex;flex-direction:column;gap:12px}.service-tech li{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#ffffffb3}.list-icon{color:var(--color-neon-blue)}.service-outcome{margin-top:auto;padding:16px;background:#00000080;border-left:3px solid var(--color-neon-blue);font-size:.95rem;color:#fff}.high-contrast{background:#000;border:1px solid #333;box-shadow:0 10px 40px #000c}.high-contrast:hover{box-shadow:0 10px 50px #00f0ff1a;border-color:#00f0ff4d}.deep-glass{background:var(--color-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border)}.deep-glass:hover{border-color:#fff3;box-shadow:0 0 30px #ffffff1a}.service-illustration{height:80px;margin-bottom:24px;position:relative;overflow:hidden;border-radius:8px;background:#ffffff08}.ai-bridge{position:absolute;top:50%;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--color-neon-blue),transparent);animation:pulseBridge 3s infinite linear}@keyframes pulseBridge{0%{transform:scaleX(.5);opacity:.5}50%{transform:scaleX(1.5);opacity:1;box-shadow:0 0 20px #00f0ffcc}to{transform:scaleX(.5);opacity:.5}}.edge-hosting{background:linear-gradient(135deg,#00ff660d,#000);border:1px solid rgba(0,255,102,.2);box-shadow:0 10px 40px #00000080}.edge-hosting:hover{box-shadow:0 10px 50px #00ff6626;border-color:#00ff6680}.edge-hosting .service-icon{background:#00ff661a;border-color:#0f63}.edge-network{display:flex;justify-content:space-around;align-items:center;background:#00ff660d}.node{width:12px;height:12px;background:#0f6;border-radius:50%;position:relative;z-index:2;box-shadow:0 0 15px #0f6;animation:blinkNode 2s infinite alternate}.node-1{animation-delay:0s}.node-2{animation-delay:.5s;width:16px;height:16px}.node-3{animation-delay:1s}.connection-line{position:absolute;top:50%;left:10%;right:10%;height:1px;background:#00ff664d;z-index:1}@keyframes blinkNode{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.2);opacity:1;box-shadow:0 0 20px #0f6}}@media(max-width:768px){.services-section{padding:80px 24px}}.roadmap-section{padding:120px 24px;position:relative}.roadmap-header{text-align:center;margin-bottom:80px}.roadmap-subtitle{color:var(--color-neon-blue);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase}.roadmap-timeline{max-width:800px;margin:0 auto;position:relative}.roadmap-timeline:before{content:"";position:absolute;top:0;bottom:0;left:24px;width:2px;background:var(--color-glass-border)}.roadmap-item{position:relative;display:flex;align-items:flex-start;margin-bottom:48px;padding-left:64px}.roadmap-item:last-child{margin-bottom:0}.roadmap-icon{position:absolute;left:0;top:0;width:48px;height:48px;background:var(--color-neon-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #00f0ff66;z-index:2}.roadmap-content{padding:32px;flex:1;transition:transform .3s ease,border-color .3s ease}.roadmap-content:hover{transform:translate(8px);border-color:#ffffff4d}.roadmap-content h3{font-size:1.5rem;margin-bottom:12px}.roadmap-content p{color:#ffffffb3;font-size:.95rem}.roadmap-item:after{content:"";position:absolute;left:24px;top:48px;bottom:-48px;width:2px;background:linear-gradient(to bottom,var(--color-neon-blue),transparent);opacity:0;transition:opacity .5s ease}.roadmap-item:hover:after{opacity:1}.roadmap-item:last-child:after{display:none}