@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap");*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Instrument Sans,system-ui,sans-serif;background:#0a0a0a;color:#f5f2eb;min-height:100vh}::selection{background:#00ffb2;color:#0a0a0a}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(2deg)}}.fade-up{animation:fadeUp .8s ease-out forwards}.fade-up-delay-1{animation:fadeUp .8s ease-out .15s forwards;opacity:0}.fade-up-delay-2{animation:fadeUp .8s ease-out .3s forwards;opacity:0}.fade-up-delay-3{animation:fadeUp .8s ease-out .45s forwards;opacity:0}.nav-link{position:relative;text-decoration:none;color:#f5f2eb;font-size:14px;letter-spacing:.5px;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:#00ffb2;transition:width .3s ease}.nav-link:hover{color:#00ffb2}.nav-link:hover:after{width:100%}.cta-button{background:linear-gradient(135deg,#00ffb2,#0fc);color:#0a0a0a;border:none;padding:16px 36px;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 40px rgba(0,255,178,.3)}.cta-button:hover:before{left:100%}.secondary-button{background:transparent;color:#f5f2eb;border:1px solid hsla(42,33%,94%,.3);padding:16px 36px;font-size:14px;font-weight:500;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.secondary-button:hover{border-color:#00ffb2;color:#00ffb2}.service-card{background:hsla(42,33%,94%,.03);border:1px solid hsla(42,33%,94%,.08);padding:48px;transition:all .4s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#00ffb2,transparent);opacity:0;transition:opacity .4s ease}.service-card:hover{background:hsla(42,33%,94%,.06);border-color:rgba(0,255,178,.3);transform:translateY(-4px)}.service-card:hover:before{opacity:1}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' 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%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:9999}.mobile-menu-button{display:none;background:none;border:none;color:#f5f2eb;font-size:24px;cursor:pointer;padding:8px}.nav-links{display:flex;gap:48px;align-items:center}.nav-links-mobile{display:none;position:absolute;top:100%;left:0;right:0;background:hsla(0,0%,4%,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid hsla(42,33%,94%,.08);padding:24px;flex-direction:column;gap:24px}@media (max-width:1024px){.service-card{padding:32px}}@media (max-width:768px){.mobile-menu-button{display:block}.nav-links{display:none}.nav-links-mobile.open{display:flex}.service-card{padding:24px}.cta-button,.secondary-button{padding:14px 28px;font-size:12px}h1{font-size:clamp(32px,8vw,48px)!important}h2{font-size:clamp(28px,6vw,36px)!important}p{font-size:16px!important}section{padding:80px 20px!important}.hero-section{padding:120px 20px 80px!important}}@media (max-width:480px){.service-card{padding:20px}.hero-section{padding:100px 20px 80px!important}.services-header{gap:40px!important;text-align:center}.analytics-grid,.services-grid,.services-header{grid-template-columns:1fr!important}.analytics-grid{gap:40px!important}.analytics-grid .dashboard-preview{order:-1}.scroll-indicator{display:none!important}}@media (max-width:768px) and (min-width:481px){.services-header{grid-template-columns:1fr!important;gap:50px!important;text-align:center}.services-grid{grid-template-columns:repeat(2,1fr)!important}.analytics-grid{grid-template-columns:1fr!important;gap:50px!important}}