:root{--bg-primary:#0a0b0f;--bg-secondary:#111218;--bg-card:#161722;--bg-card-hover:#1c1d2e;--text-primary:#e8e9ed;--text-secondary:#8b8d9a;--text-muted:#5a5c6a;--accent-blue:#4a7dff;--accent-cyan:#38bdf8;--accent-purple:#8b5cf6;--accent-gradient:linear-gradient(135deg,#4a7dff,#38bdf8 50%,#8b5cf6);--border-subtle:hsla(0,0%,100%,.06);--border-hover:hsla(0,0%,100%,.12);--glow-blue:rgba(74,125,255,.15);--glow-cyan:rgba(56,189,248,.15);--font-display:"Outfit",-apple-system,sans-serif;--font-body:"Outfit",-apple-system,sans-serif}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.ambient-glow{top:-30%;left:-10%;width:60%;height:60%;background:radial-gradient(ellipse,var(--glow-blue) 0,transparent 70%);animation:drift 20s ease-in-out infinite}.ambient-glow,.ambient-glow-2{position:fixed;pointer-events:none;z-index:0}.ambient-glow-2{bottom:-20%;right:-10%;width:50%;height:50%;background:radial-gradient(ellipse,var(--glow-cyan) 0,transparent 70%);animation:drift2 25s ease-in-out infinite}@keyframes drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(5%,3%) scale(1.05)}66%{transform:translate(-3%,-2%) scale(.97)}}@keyframes drift2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-4%,-3%) scale(1.03)}66%{transform:translate(3%,2%) scale(.98)}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 2rem;justify-content:space-between;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(10,11,15,.7);border-bottom:1px solid var(--border-subtle)}.nav,.nav-logo{display:flex;align-items:center}.nav-logo{gap:.75rem;text-decoration:none}.nav-logo img{width:36px;height:36px;border-radius:8px;object-fit:cover}.nav-logo span{font-family:var(--font-body);font-weight:600;font-size:1.1rem;color:var(--text-primary);letter-spacing:-.02em}.nav-contact{font-size:.85rem;color:var(--text-secondary);text-decoration:none;padding:.5rem 1.25rem;border:1px solid var(--border-subtle);border-radius:100px;transition:all .3s ease}.nav-contact:hover{border-color:var(--border-hover);color:var(--text-primary);background:hsla(0,0%,100%,.03)}.main{position:relative;z-index:1}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:8rem 2rem 4rem}.hero,.hero-badge{align-items:center}.hero-badge{display:inline-flex;gap:.5rem;padding:.4rem 1rem;border-radius:100px;border:1px solid var(--border-subtle);background:hsla(0,0%,100%,.02);font-size:.8rem;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2.5rem;animation:fadeUp .8s ease both}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-blue);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero h1{font-family:var(--font-display);font-size:clamp(3rem,7vw,5.5rem);font-weight:600;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.5rem;animation:fadeUp .8s ease .1s both}.hero h1 em{font-style:normal;font-weight:300;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-logo-wrapper{margin-bottom:2rem;animation:fadeUp .8s ease 0s both}.hero-logo{width:120px;height:120px;border-radius:24px;object-fit:cover;border:1px solid var(--border-subtle);box-shadow:0 8px 40px rgba(74,125,255,.15)}.hero-sub{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);max-width:540px;line-height:1.7;font-weight:300;animation:fadeUp .8s ease .2s both}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.products{padding:4rem 2rem 8rem;max-width:1100px;margin:0 auto}.products-label{text-align:center;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:3rem;animation:fadeUp .8s ease .3s both}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.product-card{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;padding:2.5rem;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;animation:fadeUp .8s ease .4s both}.product-card:nth-child(2){animation-delay:.5s}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--accent-gradient);opacity:0;transition:opacity .4s ease}.product-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-4px)}.product-card:hover:before{opacity:1}.product-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.product-card-logo{width:80px;height:80px;border-radius:16px;object-fit:cover;border:1px solid var(--border-subtle)}.product-card-name{font-family:var(--font-body);font-size:1.35rem;font-weight:600;letter-spacing:-.02em}.product-card-domain{font-size:.8rem;color:var(--text-muted);margin-top:.15rem}.product-card-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.7;font-weight:300;margin-bottom:2rem}.product-card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.product-tag{padding:.3rem .75rem;border-radius:100px;border:1px solid var(--border-subtle);font-size:.72rem;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.product-card-arrow{position:absolute;top:2.5rem;right:2.5rem;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .3s ease;font-size:.9rem}.product-card:hover .product-card-arrow{border-color:var(--accent-blue);color:var(--accent-blue);transform:translate(2px,-2px)}.footer{border-top:1px solid var(--border-subtle);padding:3rem 2rem;text-align:center}.footer-content{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-left,.footer-right{font-size:.8rem;color:var(--text-muted)}.footer-right a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.footer-right a:hover{color:var(--text-primary)}@media (max-width:768px){.nav{padding:1rem 1.25rem}.hero{padding:7rem 1.5rem 3rem}.products{padding:2rem 1.5rem 5rem}.products-grid{grid-template-columns:1fr}.product-card{padding:2rem}.footer-content{flex-direction:column;gap:1rem}}