:root{--clr-primary: #0F172A;--clr-secondary: #334155;--clr-cta: #0369A1;--clr-cta-hover: #0284C7;--clr-accent: #06B6D4;--clr-bg: #F8FAFC;--clr-bg-dark: #0F172A;--clr-text: #020617;--clr-text-muted: #475569;--clr-text-light: #94A3B8;--clr-border: #E2E8F0;--clr-white: #FFFFFF;--clr-success: #10B981;--clr-card-bg: #FFFFFF;--clr-hero-overlay: rgba(15, 23, 42, .88);--ff-heading: "Poppins", sans-serif;--ff-body: "Open Sans", sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 2rem;--fs-3xl: 2.5rem;--fs-4xl: 3rem;--fs-5xl: 3.75rem;--sp-xs: .25rem;--sp-sm: .5rem;--sp-md: 1rem;--sp-lg: 1.5rem;--sp-xl: 2rem;--sp-2xl: 3rem;--sp-3xl: 4rem;--sp-4xl: 6rem;--sp-5xl: 8rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-card-hover: 0 20px 40px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--max-width: 1200px;--header-height: 4.5rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{font-family:var(--ff-body);font-size:var(--fs-base);line-height:1.6;color:var(--clr-text);background-color:var(--clr-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--sp-lg)}.text-gradient{background:linear-gradient(135deg,var(--clr-accent),var(--clr-cta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section{padding:var(--sp-5xl) 0}.section__subtitle{display:block;font-family:var(--ff-heading);font-size:var(--fs-sm);font-weight:600;color:var(--clr-cta);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--sp-sm);text-align:center}.section__title{font-family:var(--ff-heading);font-size:var(--fs-3xl);font-weight:700;color:var(--clr-primary);text-align:center;margin-bottom:var(--sp-md);line-height:1.2}.section__description{font-size:var(--fs-md);color:var(--clr-text-muted);text-align:center;max-width:600px;margin:0 auto var(--sp-3xl);line-height:1.7}.btn{display:inline-flex;align-items:center;gap:var(--sp-sm);padding:.875rem 1.75rem;font-family:var(--ff-heading);font-size:var(--fs-sm);font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:2px solid transparent;letter-spacing:.02em}.btn--primary{background:var(--clr-cta);color:var(--clr-white);border-color:var(--clr-cta)}.btn--primary:hover{background:var(--clr-cta-hover);border-color:var(--clr-cta-hover);transform:translateY(-2px);box-shadow:0 8px 25px #0369a14d}.btn--outline{background:transparent;color:var(--clr-white);border-color:#ffffff4d}.btn--outline:hover{background:#ffffff1a;border-color:var(--clr-white);transform:translateY(-2px)}.btn--full{width:100%;justify-content:center}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all var(--transition-slow);padding:var(--sp-md) 0}.header.scrolled{background:#0f172af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--sp-sm) 0;box-shadow:0 4px 30px #00000026}.nav{display:flex;align-items:center;justify-content:space-between}.nav__logo{font-family:var(--ff-heading);font-size:var(--fs-xl);font-weight:800;letter-spacing:-.02em;z-index:1001}.logo-fix{color:var(--clr-white)}.logo-up{color:var(--clr-accent)}.nav__list{display:flex;align-items:center;gap:var(--sp-xl)}.nav__link{font-family:var(--ff-heading);font-size:var(--fs-sm);font-weight:500;color:#ffffffbf;transition:color var(--transition-fast);position:relative}.nav__link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--clr-accent);transition:width var(--transition-base)}.nav__link:hover,.nav__link.active{color:var(--clr-white)}.nav__link:hover:after,.nav__link.active:after{width:100%}.nav__cta{background:var(--clr-cta);color:var(--clr-white)!important;padding:.5rem 1.25rem;border-radius:var(--radius-md)}.nav__cta:after{display:none}.nav__cta:hover{background:var(--clr-cta-hover);transform:translateY(-1px)}.nav__toggle,.nav__close{display:none;color:var(--clr-white);z-index:1001}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(6,182,212,.08) 0%,transparent 70%);border-radius:50%;animation:pulse-glow 8s ease-in-out infinite}.hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(3,105,161,.06) 0%,transparent 70%);border-radius:50%;animation:pulse-glow 10s ease-in-out infinite reverse}.hero__overlay{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero__content{position:relative;z-index:1;padding-top:calc(var(--header-height) + var(--sp-3xl));padding-bottom:var(--sp-2xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3xl);align-items:center}.hero__text{max-width:600px}.hero__badge{display:inline-block;background:#06b6d41a;color:var(--clr-accent);padding:.375rem 1rem;border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:500;margin-bottom:var(--sp-xl);border:1px solid rgba(6,182,212,.2)}.hero__title{font-family:var(--ff-heading);font-size:var(--fs-4xl);font-weight:800;color:var(--clr-white);line-height:1.1;margin-bottom:var(--sp-xl);letter-spacing:-.03em}.hero__description{font-size:var(--fs-md);color:#ffffffa6;line-height:1.7;margin-bottom:var(--sp-2xl);max-width:500px}.hero__actions{display:flex;gap:var(--sp-md);flex-wrap:wrap}.hero__image{position:relative;display:flex;justify-content:center;align-items:center}.hero__image-wrapper{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 25px 60px #0006,0 0 0 1px #ffffff14}.hero__image-wrapper img{width:100%;height:auto;display:block;aspect-ratio:1 / 1;object-fit:cover}.hero__image-glow{position:absolute;inset:0;background:linear-gradient(135deg,rgba(6,182,212,.15) 0%,transparent 40%,transparent 60%,rgba(3,105,161,.1) 100%);pointer-events:none}.hero__image-float{position:absolute;display:flex;align-items:center;gap:var(--sp-sm);padding:.625rem 1rem;background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);color:var(--clr-white);font-family:var(--ff-heading);font-size:var(--fs-xs);font-weight:600;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;white-space:nowrap;z-index:2}.hero__image-float svg{color:var(--clr-accent);flex-shrink:0}.hero__image-float--1{top:8%;right:-12%;animation:float-badge 6s ease-in-out infinite}.hero__image-float--2{bottom:12%;left:-10%;animation:float-badge 6s ease-in-out infinite 3s}@keyframes float-badge{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero__stats-bar{position:relative;z-index:1;padding:var(--sp-xl) 0;border-top:1px solid rgba(255,255,255,.06)}.hero__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-xl)}.stat{text-align:center}.stat__number{font-family:var(--ff-heading);font-size:var(--fs-3xl);font-weight:700;color:var(--clr-white);display:inline}.stat__plus{font-family:var(--ff-heading);font-size:var(--fs-xl);font-weight:700;color:var(--clr-accent)}.stat__label{display:block;font-size:var(--fs-sm);color:#ffffff80;margin-top:var(--sp-xs)}.hero__scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:1;animation:bounce 2s ease-in-out infinite}.hero__scroll a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.15);color:#ffffff80;transition:all var(--transition-base)}.hero__scroll a:hover{border-color:var(--clr-accent);color:var(--clr-accent)}.services{background:var(--clr-bg)}.services__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-xl)}.service-card{background:var(--clr-card-bg);border-radius:var(--radius-lg);padding:var(--sp-2xl);border:1px solid var(--clr-border);transition:all var(--transition-slow);cursor:pointer;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--clr-cta),var(--clr-accent));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-slow)}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover);border-color:transparent}.service-card:hover:before{transform:scaleX(1)}.service-card__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#0369a114,#06b6d414);color:var(--clr-cta);margin-bottom:var(--sp-lg);transition:all var(--transition-base)}.service-card:hover .service-card__icon{background:linear-gradient(135deg,var(--clr-cta),var(--clr-accent));color:var(--clr-white);transform:scale(1.05)}.service-card__title{font-family:var(--ff-heading);font-size:var(--fs-lg);font-weight:600;color:var(--clr-primary);margin-bottom:var(--sp-md)}.service-card__text{font-size:var(--fs-sm);color:var(--clr-text-muted);line-height:1.7;margin-bottom:var(--sp-lg)}.service-card__link{display:inline-flex;align-items:center;gap:var(--sp-xs);font-family:var(--ff-heading);font-size:var(--fs-sm);font-weight:600;color:var(--clr-cta);transition:all var(--transition-fast)}.service-card__link svg{transition:transform var(--transition-fast)}.service-card__link:hover{color:var(--clr-cta-hover)}.service-card__link:hover svg{transform:translate(4px)}.about{background:var(--clr-white)}.about__intro{max-width:750px;margin:0 auto var(--sp-3xl);text-align:center;font-size:var(--fs-md);color:var(--clr-text-muted);line-height:1.8}.about__intro strong{color:var(--clr-primary)}.about__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-xl)}.about-card{background:var(--clr-bg);border-radius:var(--radius-lg);padding:var(--sp-2xl);border:1px solid var(--clr-border);transition:all var(--transition-base)}.about-card:hover{border-color:#0369a133;box-shadow:var(--shadow-lg)}.about-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,#0369a114,#06b6d414);color:var(--clr-cta);margin-bottom:var(--sp-lg)}.about-card__title{font-family:var(--ff-heading);font-size:var(--fs-lg);font-weight:600;color:var(--clr-primary);margin-bottom:var(--sp-md)}.about-card__text{font-size:var(--fs-sm);color:var(--clr-text-muted);line-height:1.7}.clients{background:var(--clr-bg);overflow:hidden}.clients__marquee{position:relative;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.clients__track{display:flex;gap:var(--sp-3xl);animation:marquee 25s linear infinite;width:max-content}.client-logo{display:flex;align-items:center;justify-content:center;padding:var(--sp-lg) var(--sp-2xl);background:var(--clr-white);border-radius:var(--radius-lg);border:1px solid var(--clr-border);min-width:200px;transition:all var(--transition-base)}.client-logo:hover{border-color:var(--clr-cta);box-shadow:var(--shadow-md)}.client-logo span{font-family:var(--ff-heading);font-size:var(--fs-md);font-weight:700;color:var(--clr-secondary);letter-spacing:-.01em}.contact{background:var(--clr-white)}.contact__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--sp-3xl);align-items:start}.contact__info{display:flex;flex-direction:column;gap:var(--sp-xl)}.contact-item{display:flex;gap:var(--sp-lg);align-items:flex-start;padding:var(--sp-lg);border-radius:var(--radius-lg);transition:all var(--transition-base)}.contact-item:hover{background:var(--clr-bg)}.contact-item__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,#0369a114,#06b6d414);color:var(--clr-cta);flex-shrink:0}.contact-item__title{font-family:var(--ff-heading);font-size:var(--fs-sm);font-weight:600;color:var(--clr-primary);margin-bottom:var(--sp-xs)}.contact-item__text{font-size:var(--fs-sm);color:var(--clr-text-muted);line-height:1.6}.contact-item__text a{color:var(--clr-cta)}.contact-item__text a:hover{color:var(--clr-cta-hover)}.contact__form{background:var(--clr-bg);border-radius:var(--radius-xl);padding:var(--sp-2xl);border:1px solid var(--clr-border);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-lg)}.form-group{display:flex;flex-direction:column;gap:var(--sp-sm)}.form-group--full{grid-column:1 / -1}.form-label{font-family:var(--ff-heading);font-size:var(--fs-sm);font-weight:500;color:var(--clr-primary)}.form-input{padding:.75rem 1rem;border:1px solid var(--clr-border);border-radius:var(--radius-md);background:var(--clr-white);color:var(--clr-text);transition:all var(--transition-fast);outline:none}.form-input:focus{border-color:var(--clr-cta);box-shadow:0 0 0 3px #0369a11a}.form-input::placeholder{color:var(--clr-text-light)}.form-textarea{resize:vertical;min-height:100px}.contact__form .btn{grid-column:1 / -1;margin-top:var(--sp-sm)}.footer{background:var(--clr-bg-dark);color:#ffffffb3;padding:var(--sp-4xl) 0 var(--sp-xl)}.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--sp-3xl);margin-bottom:var(--sp-3xl)}.footer__logo{font-family:var(--ff-heading);font-size:var(--fs-xl);font-weight:800;display:inline-block;margin-bottom:var(--sp-md)}.footer__tagline{font-size:var(--fs-sm);line-height:1.6;margin-bottom:var(--sp-lg);color:#ffffff80}.footer__social{display:flex;gap:var(--sp-md)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:#ffffff0d;color:#ffffff80;transition:all var(--transition-fast)}.social-link:hover{background:var(--clr-cta);color:var(--clr-white);transform:translateY(-2px)}.footer__heading{font-family:var(--ff-heading);font-size:var(--fs-sm);font-weight:600;color:var(--clr-white);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--sp-lg)}.footer__list{display:flex;flex-direction:column;gap:var(--sp-md)}.footer__list li,.footer__list a{font-size:var(--fs-sm);color:#ffffff80;transition:color var(--transition-fast)}.footer__list a:hover{color:var(--clr-accent)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--sp-xl);border-top:1px solid rgba(255,255,255,.08);font-size:var(--fs-xs);color:#ffffff59}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:var(--radius-md);background:var(--clr-cta);color:var(--clr-white);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transform:translateY(100px);opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:999}.back-to-top.visible{transform:translateY(0);opacity:1;visibility:visible}.back-to-top:hover{background:var(--clr-cta-hover);transform:translateY(-3px)}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.active{opacity:1;transform:translateY(0)}.reveal:nth-child(2){transition-delay:.1s}.reveal:nth-child(3){transition-delay:.2s}.reveal:nth-child(4){transition-delay:.3s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.clients__track{animation:none}}@media(max-width:768px){:root{--fs-5xl: 2.5rem;--fs-3xl: 2rem}.nav__menu{position:fixed;top:0;right:-100%;width:75%;height:100vh;background:var(--clr-primary);padding:5rem var(--sp-2xl);transition:right var(--transition-slow);box-shadow:-10px 0 40px #0000004d;z-index:1000}.nav__menu.show{right:0}.nav__list{flex-direction:column;gap:var(--sp-lg)}.nav__link{font-size:var(--fs-lg)}.nav__toggle,.nav__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px}.hero__content{grid-template-columns:1fr;padding-top:calc(var(--header-height) + var(--sp-xl));gap:var(--sp-xl)}.hero__text{text-align:center;max-width:100%}.hero__badge{margin-left:auto;margin-right:auto}.hero__description{max-width:100%;margin-left:auto;margin-right:auto}.hero__actions{justify-content:center}.hero__image{max-width:420px;margin:0 auto}.hero__image-float{display:none}.hero__stats{grid-template-columns:repeat(2,1fr);gap:var(--sp-lg)}.services__grid,.about__grid{grid-template-columns:1fr;gap:var(--sp-lg)}.contact__grid{grid-template-columns:1fr;gap:var(--sp-xl)}.contact__form{grid-template-columns:1fr}.footer__grid{grid-template-columns:1fr 1fr;gap:var(--sp-xl)}.footer__bottom{flex-direction:column;gap:var(--sp-sm);text-align:center}}@media(max-width:480px){:root{--fs-5xl: 2rem;--fs-3xl: 1.75rem;--sp-5xl: 5rem}.hero__actions{flex-direction:column}.hero__actions .btn{width:100%;justify-content:center}.hero__stats{grid-template-columns:repeat(2,1fr);gap:var(--sp-md)}.stat__number{font-size:var(--fs-2xl)}.footer__grid{grid-template-columns:1fr;gap:var(--sp-xl)}}