:root{--c-bg: #0a0a12;--c-bg-elevated: #12121e;--c-bg-card: rgba(255, 255, 255, .04);--c-surface: #1a1a2e;--c-border: rgba(255, 255, 255, .08);--c-text: #e4e4ed;--c-text-muted: #9090a7;--c-text-heading: #ffffff;--c-accent-1: #6c63ff;--c-accent-2: #00d2ff;--c-accent-3: #7b68ee;--c-gradient: linear-gradient(135deg, var(--c-accent-1), var(--c-accent-2));--c-gradient-soft: linear-gradient( 135deg, rgba(108, 99, 255, .15), rgba(0, 210, 255, .08) );--c-fin: #00c9a7;--c-fin-glow: rgba(0, 201, 167, .25);--c-dev: #f7971e;--c-dev-glow: rgba(247, 151, 30, .25);--ff-heading: "Outfit", sans-serif;--ff-body: "Inter", 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: 3.5rem;--fs-hero: clamp(2.5rem, 6vw, 5rem);--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--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-section: clamp(4rem, 10vh, 8rem);--max-w: 1200px;--border-r: 12px;--border-r-lg: 20px;--header-h: 72px;--tr-fast: .15s ease;--tr-base: .3s ease;--tr-slow: .5s ease;--tr-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .4);--shadow-glow: 0 0 40px rgba(108, 99, 255, .15)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--ff-body);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:1.7;color:var(--c-text);background-color:var(--c-bg);overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color var(--tr-fast)}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:var(--sp-lg)}.gradient-text{background:var(--c-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section{padding-block:var(--sp-section)}.section__badge{display:inline-block;font-family:var(--ff-heading);font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.15em;color:var(--c-accent-2);margin-bottom:var(--sp-md)}.section__title{font-family:var(--ff-heading);font-size:var(--fs-3xl);font-weight:var(--fw-extrabold);color:var(--c-text-heading);line-height:1.2;margin-bottom:var(--sp-md)}.section__subtitle{font-size:var(--fs-md);color:var(--c-text-muted);max-width:600px;margin-bottom:var(--sp-3xl)}.glass-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--border-r-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform var(--tr-base),box-shadow var(--tr-base),border-color var(--tr-base)}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow);border-color:#6c63ff40}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);font-family:var(--ff-heading);font-size:var(--fs-sm);font-weight:var(--fw-semibold);padding:.75rem 1.75rem;border-radius:50px;border:none;cursor:pointer;transition:all var(--tr-base);white-space:nowrap}.btn--primary{background:var(--c-gradient);color:#fff;box-shadow:0 4px 20px #6c63ff4d}.btn--primary:hover{box-shadow:0 6px 30px #6c63ff80;transform:translateY(-2px)}.btn--outline{background:transparent;color:var(--c-text);border:1px solid var(--c-border)}.btn--outline:hover{border-color:var(--c-accent-1);color:var(--c-text-heading);background:#6c63ff14}.btn--full{width:100%}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.animate-on-scroll:nth-child(2){transition-delay:.1s}.animate-on-scroll:nth-child(3){transition-delay:.2s}.animate-on-scroll:nth-child(4){transition-delay:.3s}.animate-on-scroll:nth-child(5){transition-delay:.35s}.animate-on-scroll:nth-child(6){transition-delay:.4s}.header{position:fixed;top:0;left:0;width:100%;height:var(--header-h);z-index:1000;transition:background var(--tr-base),box-shadow var(--tr-base)}.header.is-scrolled{background:#0a0a12eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--c-border)}.nav{display:flex;align-items:center;justify-content:space-between;height:100%}.nav__logo{display:flex;align-items:center;gap:var(--sp-sm);font-family:var(--ff-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--c-text-heading);z-index:1001}.nav__logo-icon{font-size:var(--fs-2xl);background:var(--c-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav__menu{display:flex;align-items:center;gap:var(--sp-xl)}.nav__link{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text-muted);position:relative;padding-block:var(--sp-xs)}.nav__link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--c-gradient);border-radius:2px;transition:width var(--tr-base)}.nav__link:hover,.nav__link.is-active{color:var(--c-text-heading)}.nav__link:hover:after,.nav__link.is-active:after{width:100%}.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--sp-sm);z-index:1001}.nav__toggle-bar{display:block;width:24px;height:2px;background:var(--c-text);border-radius:2px;transition:all var(--tr-base)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:var(--header-h);overflow:hidden}.hero__bg-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(108,99,255,.12),transparent 70%);top:-100px;right:-200px;pointer-events:none;animation:float 8s ease-in-out infinite}.hero__bg-glow--secondary{background:radial-gradient(circle,rgba(0,210,255,.08),transparent 70%);top:auto;bottom:-200px;right:auto;left:-200px;animation-delay:-4s;animation-duration:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.hero__content{position:relative;z-index:1}.hero__badge{display:inline-block;font-family:var(--ff-heading);font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.2em;color:var(--c-accent-2);padding:.4rem 1.2rem;border:1px solid rgba(0,210,255,.2);border-radius:50px;margin-bottom:var(--sp-xl)}.hero__title{font-family:var(--ff-heading);font-size:var(--fs-hero);font-weight:var(--fw-extrabold);line-height:1.1;color:var(--c-text-heading);margin-bottom:var(--sp-lg);max-width:700px}.hero__subtitle{font-size:var(--fs-lg);color:var(--c-text-muted);line-height:1.8;max-width:560px;margin-bottom:var(--sp-2xl)}.hero__actions{display:flex;gap:var(--sp-md);flex-wrap:wrap;margin-bottom:var(--sp-4xl)}.hero__stats{display:flex;gap:var(--sp-3xl)}.hero__stat{display:flex;flex-direction:column}.hero__stat-value{font-family:var(--ff-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--c-text-heading)}.hero__stat-label{font-size:var(--fs-sm);color:var(--c-text-muted)}.about__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--sp-xl)}.about__card{padding:var(--sp-2xl)}.about__card-icon{font-size:2.5rem;margin-bottom:var(--sp-lg)}.about__card-title{font-family:var(--ff-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--c-text-heading);margin-bottom:var(--sp-md)}.about__card-text{color:var(--c-text-muted);line-height:1.8}.products__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--sp-2xl)}.product-card{overflow:hidden}.product-card__header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2xl);border-bottom:1px solid var(--c-border)}.product-card__header--fin{background:linear-gradient(135deg,rgba(0,201,167,.08),transparent)}.product-card__header--dev{background:linear-gradient(135deg,rgba(247,151,30,.08),transparent)}.product-card__icon{font-size:2.5rem}.product-card__badge{font-family:var(--ff-heading);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.1em;background:#00d2ff1a;color:var(--c-accent-2);padding:.3rem .8rem;border-radius:50px}.product-card__body{padding:var(--sp-2xl)}.product-card__title{font-family:var(--ff-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--c-text-heading);margin-bottom:var(--sp-xs)}.product-card__domain{font-family:var(--ff-body);font-size:var(--fs-sm);color:var(--c-accent-2);margin-bottom:var(--sp-lg);font-weight:var(--fw-medium)}.product-card__desc{color:var(--c-text-muted);line-height:1.8;margin-bottom:var(--sp-lg)}.product-card__features{display:flex;flex-direction:column;gap:var(--sp-sm);margin-bottom:var(--sp-xl)}.product-card__features li{position:relative;padding-left:var(--sp-lg);color:var(--c-text);font-size:var(--fs-sm)}.product-card__features li:before{content:"✦";position:absolute;left:0;color:var(--c-accent-1);font-size:var(--fs-xs)}.services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--sp-xl)}.service-card{padding:var(--sp-2xl);text-align:center}.service-card__icon{font-size:2.5rem;margin-bottom:var(--sp-lg)}.service-card__title{font-family:var(--ff-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--c-text-heading);margin-bottom:var(--sp-md)}.service-card__text{color:var(--c-text-muted);line-height:1.8}.tech__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sp-2xl)}.tech__category{padding:var(--sp-xl);background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--border-r-lg)}.tech__category-title{font-family:var(--ff-heading);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--c-text-heading);margin-bottom:var(--sp-lg)}.tech__badges{display:flex;flex-wrap:wrap;gap:var(--sp-sm)}.tech-badge{display:inline-block;font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:.4rem 1rem;background:#6c63ff14;color:var(--c-text);border:1px solid rgba(108,99,255,.15);border-radius:8px;transition:all var(--tr-base)}.tech-badge:hover{background:#6c63ff2e;border-color:var(--c-accent-1);color:var(--c-text-heading);transform:translateY(-2px)}.contact__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-xl)}.contact__card{padding:var(--sp-2xl);text-align:center}.contact__card-icon{font-size:2.5rem;margin-bottom:var(--sp-lg)}.contact__card-title{font-family:var(--ff-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--c-text-heading);margin-bottom:var(--sp-sm)}.contact__card-link{font-size:var(--fs-sm);color:var(--c-accent-2);font-weight:var(--fw-medium);transition:color var(--tr-fast)}.contact__card-link:hover{color:var(--c-accent-1)}.footer{border-top:1px solid var(--c-border);padding-block:var(--sp-3xl);background:var(--c-bg-elevated)}.footer__content{display:grid;grid-template-columns:1fr;gap:var(--sp-2xl)}.footer__brand{max-width:320px}.footer__logo{display:inline-flex;align-items:center;gap:var(--sp-sm);font-family:var(--ff-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--c-text-heading);margin-bottom:var(--sp-md)}.footer__tagline{color:var(--c-text-muted);font-size:var(--fs-sm)}.footer__links{display:flex;flex-wrap:wrap;gap:var(--sp-3xl)}.footer__col-title{font-family:var(--ff-heading);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--c-text-heading);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--sp-md)}.footer__col ul{display:flex;flex-direction:column;gap:var(--sp-sm)}.footer__col a{font-size:var(--fs-sm);color:var(--c-text-muted)}.footer__col a:hover{color:var(--c-accent-2)}.footer__bottom{padding-top:var(--sp-xl);border-top:1px solid var(--c-border)}.footer__bottom p{font-size:var(--fs-sm);color:var(--c-text-muted)}@media(min-width:768px){.section__title{font-size:var(--fs-4xl)}.footer__content{grid-template-columns:1.5fr 2fr}}@media(min-width:1024px){.footer__content{grid-template-columns:1fr auto;align-items:start}}@media(max-width:767px){.nav__toggle{display:flex}.nav__menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#0a0a12fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--sp-xl);padding:var(--sp-3xl);transition:right var(--tr-base);border-left:1px solid var(--c-border)}.nav__menu.is-open{right:0}.nav__link{font-size:var(--fs-lg)}.nav__toggle.is-active .nav__toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__toggle.is-active .nav__toggle-bar:nth-child(2){opacity:0}.nav__toggle.is-active .nav__toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero__stats{flex-direction:column;gap:var(--sp-lg)}.hero__title{font-size:clamp(2rem,8vw,3.5rem)}.products__grid,.contact__grid{grid-template-columns:1fr}.footer__links{flex-direction:column;gap:var(--sp-xl)}}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;opacity:0;pointer-events:none;transition:opacity var(--tr-base)}.nav-overlay.is-visible{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-on-scroll{opacity:1;transform:none}}