*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#f1f5f9;background-color:#0c0f14;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-gradient{background:linear-gradient(135deg,#f97316,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-animate]{opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}[data-animate].is-visible{opacity:1;transform:translateY(0)}.btn{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:14px 28px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn i{transition:transform .3s cubic-bezier(.4,0,.2,1)}.btn:hover i{transform:translate(4px)}.btn--primary{color:#fff;background:linear-gradient(135deg,#f97316,#f59e0b);box-shadow:0 4px 20px #f973164d}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #f9731673}.btn--outline{color:#f1f5f9;background:0 0;border:1.5px solid #f9731659}.btn--outline:hover{background:#f973161f;border-color:#f97316;transform:translateY(-2px)}.btn--sm{padding:10px 22px;font-size:.85rem}.nav{z-index:1000;padding:20px 0;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c0f14e0;border-bottom:1px solid #94a3b814;padding:12px 0}.nav--hidden{transform:translateY(-100%)}.nav__container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.nav__logo{gap:2px;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.5rem;font-weight:700;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.nav__logo:hover{transform:scale(1.05)}.nav__logo-bracket{color:#f97316}.nav__logo-text{color:#f1f5f9}.nav__menu{align-items:center;gap:8px;list-style:none;display:flex}.nav__link{color:#94a3b8;border-radius:50px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav__link:hover,.nav__link.is-active{color:#f1f5f9;background:#ffffff0d}.nav__link--cta{background:linear-gradient(135deg,#f97316,#f59e0b);align-items:center;gap:6px;display:inline-flex;color:#fff!important}.nav__link--cta:hover{transform:translateY(-1px);box-shadow:0 4px 15px #f973164d}.nav__link--cta i{transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav__link--cta:hover i{transform:translate(3px)}.nav__toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:5px;display:none}.nav__toggle span{background:#f1f5f9;border-radius:2px;width:24px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.nav__toggle.is-active span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav__toggle.is-active span:nth-child(2){opacity:0}.nav__toggle.is-active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero{justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero__canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(at 50% 0,#f973160f 0%,#0000 70%);height:40%;position:absolute;top:0;left:0;right:0}.hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#0c0f14);height:200px;position:absolute;bottom:0;left:0;right:0}.hero__container{z-index:2;text-align:center;max-width:800px;position:relative}.hero__badge{color:#34d399;background:#34d39914;border:1px solid #34d39933;border-radius:50px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 20px;font-size:.85rem;font-weight:500;animation:.8s ease-out fadeInDown;display:inline-flex}.hero__badge-dot{background:#34d399;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.hero__title{margin-bottom:12px;animation:.8s ease-out .2s both fadeInUp}.hero__name{letter-spacing:-.03em;color:#f1f5f9;font-size:clamp(3rem,7vw,4.5rem);font-weight:900;line-height:1.1;display:block}.hero__role{color:#f97316;margin-bottom:40px;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.3rem;font-weight:500;animation:.8s ease-out .3s both fadeInUp}.hero__pitch{text-align:left;grid-template-columns:1fr 1fr;gap:16px;max-width:600px;margin:0 auto 40px;animation:.8s ease-out .5s both fadeInUp;display:grid}.hero__pitch-item{color:#94a3b8;background:#ffffff08;border:1px solid #94a3b814;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.hero__pitch-item:hover{background:#f973161f;border-color:#f9731659}.hero__pitch-item i{color:#f97316;flex-shrink:0;font-size:1.2rem}.hero__pitch-item strong{color:#f1f5f9}.hero__actions{flex-wrap:wrap;justify-content:center;gap:16px;animation:.8s ease-out .7s both fadeInUp;display:flex}.hero__scroll{z-index:2;color:#64748b;font-size:1.5rem;transition:color .3s cubic-bezier(.4,0,.2,1);animation:2s infinite scrollBounce;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero__scroll:hover{color:#f97316}.metrics{z-index:2;margin-top:-40px;padding:0;position:relative}.metrics .container{max-width:1000px}.metrics__grid{background:#1a1d26;border:1px solid #94a3b814;border-radius:16px;justify-content:center;align-items:center;padding:40px;display:flex;box-shadow:0 20px 60px #0000004d}.metrics__item{text-align:center;flex:1}.metrics__divider{background:#94a3b814;width:1px;height:60px;margin:0 8px}.metrics__number{color:#f97316;margin-bottom:4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:2.2rem;font-weight:900;line-height:1}.metrics__label{color:#f1f5f9;font-size:.85rem;font-weight:600}.metrics__sub{color:#64748b;margin-top:2px;font-size:.75rem}.section-header{text-align:center;margin-bottom:56px}.section-header__tag{color:#f97316;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;margin-bottom:16px;font-size:.85rem;font-weight:600;display:inline-flex}.section-header__tag i{font-size:1.1rem}.section-header__title{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1.2}.section-header__subtitle{color:#94a3b8;max-width:600px;margin:0 auto;font-size:1.05rem}.services{padding:100px 0}.services__grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.service-card{background:#1a1d26;border:1px solid #94a3b814;border-radius:16px;padding:36px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.service-card:before{content:"";transform-origin:0;background:linear-gradient(135deg,#f97316,#f59e0b);border-radius:16px 16px 0 0;height:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover{border-color:#f9731659;transform:translateY(-4px);box-shadow:0 12px 40px #0003}.service-card:hover:before{transform:scaleX(1)}.service-card__icon{color:#f97316;margin-bottom:16px;font-size:2rem}.service-card h3{margin-bottom:10px;font-size:1.15rem;font-weight:700}.service-card p{color:#94a3b8;margin-bottom:16px;font-size:.9rem;line-height:1.7}.service-card__tags{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.service-card__tags li{color:#f97316;background:#f973161f;border:1px solid #f9731626;border-radius:50px;padding:4px 12px;font-size:.78rem;font-weight:500}.track-record{background:#13161d;padding:100px 0;position:relative}.track-record:before,.track-record:after{content:"";pointer-events:none;height:100px;position:absolute;left:0;right:0}.track-record:before{background:linear-gradient(#0c0f14,#0000);top:0}.track-record:after{background:linear-gradient(#0000,#0c0f14);bottom:0}.flagship{background:linear-gradient(135deg,#f973160f,#f59e0b08);border:1px solid #f9731633;border-radius:16px;grid-template-columns:1.2fr .8fr;align-items:center;gap:48px;margin-bottom:32px;padding:48px;display:grid}.flagship__badge{text-transform:uppercase;letter-spacing:.08em;color:#f97316;background:#f9731626;border-radius:50px;margin-bottom:12px;padding:4px 14px;font-size:.75rem;font-weight:700;display:inline-block}.flagship__title{margin-bottom:12px;font-size:2rem;font-weight:800}.flagship__desc{color:#94a3b8;margin-bottom:28px;font-size:.95rem;line-height:1.7}.flagship__stats{gap:32px;margin-bottom:28px;display:flex}.flagship__stat-number{color:#f97316;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.5rem;font-weight:800;display:block}.flagship__stat-label{color:#64748b;font-size:.8rem}.flagship__code{background:#0c0f14;border:1px solid #94a3b814;border-radius:8px;overflow:hidden}.flagship__code-header{background:#0000004d;border-bottom:1px solid #94a3b814;gap:8px;padding:12px 16px;display:flex}.flagship__code-body{padding:24px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;line-height:2}.flagship__metric-row:first-child{margin-bottom:8px}.dot{border-radius:50%;width:12px;height:12px}.dot--red{background:#ef4444}.dot--yellow{background:#f59e0b}.dot--green{background:#22c55e}.code-keyword{color:#c792ea}.code-class{color:#ffcb6b}.code-var{color:#f07178}.code-type{color:#63b3ed}.code-string{color:#c3e88d}.code-number{color:#f78c6c}.code-method{color:#82aaff}.code-comment{color:#546e7a;font-style:italic}.products__grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.product-card{background:#1a1d26;border:1px solid #94a3b814;border-radius:16px;flex-direction:column;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.product-card:hover{border-color:#f9731659;transform:translateY(-4px);box-shadow:0 12px 40px #00000040}.product-card__header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.product-card__icon{color:#f97316;font-size:1.8rem}.product-card__badge{color:#f97316;text-transform:uppercase;letter-spacing:.05em;background:#f9731626;border-radius:50px;padding:3px 10px;font-size:.7rem;font-weight:700}.product-card__badge--new{color:#34d399;background:#34d39926}.product-card__title{margin-bottom:6px;font-size:1.1rem;font-weight:700}.product-card__desc{color:#94a3b8;flex:1;margin-bottom:14px;font-size:.85rem;line-height:1.6}.product-card__link{color:#f97316;align-items:center;gap:6px;font-size:.85rem;font-weight:600;transition:gap .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.product-card:hover .product-card__link{gap:10px}.skills{padding:100px 0}.skills__categories{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.skill-group__title{text-transform:uppercase;letter-spacing:.08em;color:#64748b;border-bottom:1px solid #94a3b814;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;font-size:.85rem;font-weight:700;display:flex}.skill-group__title i{color:#f97316;font-size:1rem}.skill-group__items{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{color:#94a3b8;background:#ffffff08;border:1px solid #94a3b814;border-radius:50px;padding:6px 14px;font-size:.82rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-tag:hover{color:#f97316;border-color:#f9731659}.skill-tag--expert{color:#f97316;background:#f973161f;border-color:#f9731633;font-weight:600}.skill-tag--tool{color:#63b3ed;background:#63b3ed0f;border-color:#63b3ed1f}.timeline{background:#13161d;padding:100px 0;position:relative}.timeline:before,.timeline:after{content:"";pointer-events:none;height:100px;position:absolute;left:0;right:0}.timeline:before{background:linear-gradient(#0c0f14,#0000);top:0}.timeline:after{background:linear-gradient(#0000,#0c0f14);bottom:0}.timeline__track{max-width:700px;margin:0 auto;position:relative}.timeline__line{background:linear-gradient(#f97316,#f59e0b4d,#0000);width:2px;position:absolute;top:0;bottom:0;left:20px}.timeline__item{opacity:0;padding-bottom:40px;padding-left:60px;transition:all .6s cubic-bezier(.4,0,.2,1);position:relative;transform:translate(-20px)}.timeline__item.is-visible{opacity:1;transform:translate(0)}.timeline__item:last-child{padding-bottom:0}.timeline__marker{z-index:1;background:#13161d;border:3px solid #f97316;border-radius:50%;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;left:12px}.timeline__item.is-visible .timeline__marker{box-shadow:0 0 0 6px #f973161f}.timeline__item:hover .timeline__marker{background:#f97316;box-shadow:0 0 0 8px #f9731626}.timeline__card{background:#1a1d26;border:1px solid #94a3b814;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.timeline__card:hover{border-color:#f9731659;box-shadow:0 8px 30px #0003}.timeline__year{color:#f97316;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;font-weight:600}.timeline__title{margin:4px 0 6px;font-size:1.1rem;font-weight:700}.timeline__card p{color:#94a3b8;font-size:.9rem;line-height:1.6}.about{padding:100px 0}.about__grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about__title{letter-spacing:-.02em;margin:16px 0 20px;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800}.about__content p{color:#94a3b8;margin-bottom:14px;font-size:.95rem;line-height:1.7}.about__content p strong{color:#f1f5f9}.about__details{flex-direction:column;gap:10px;margin-top:28px;display:flex}.about__detail{color:#94a3b8;align-items:center;gap:12px;font-size:.9rem;display:flex}.about__detail i{color:#f97316;text-align:center;width:22px;font-size:1.1rem}.about__code-window{background:#13161d;border:1px solid #94a3b814;border-radius:16px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 20px 60px #0000004d}.about__code-window:hover{transform:translateY(-4px)rotate(-.5deg);box-shadow:0 30px 80px #0006}.about__code-header{background:#0000004d;border-bottom:1px solid #94a3b814;align-items:center;gap:8px;padding:12px 18px;display:flex}.about__code-title{color:#64748b;margin-left:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem}.about__code-body{padding:20px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem;line-height:1.9;overflow-x:auto}.portfolio{padding:100px 0}.portfolio__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.portfolio-item{background:#1a1d26;border:1px solid #94a3b814;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;overflow:hidden}.portfolio-item:hover{border-color:#f9731659;transform:translateY(-6px);box-shadow:0 16px 48px #0000004d}.portfolio-item--wide{grid-column:span 3}.portfolio-item--wide .portfolio-item__img{height:280px}.portfolio-item__img{height:200px;position:relative;overflow:hidden}.portfolio-item__img img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .5s}.portfolio-item:hover .portfolio-item__img img{transform:scale(1.05)}.portfolio-item__overlay{opacity:0;background:#0c0f14b3;justify-content:center;align-items:center;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.portfolio-item__overlay span{color:#fff;background:linear-gradient(135deg,#f97316,#f59e0b);border-radius:50px;align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:600;display:flex}.portfolio-item:hover .portfolio-item__overlay{opacity:1}.portfolio-item__info{padding:20px 24px}.portfolio-item__info h3{margin-bottom:6px;font-size:1.05rem;font-weight:700}.portfolio-item__info p{color:#94a3b8;margin-bottom:8px;font-size:.85rem;line-height:1.6}.portfolio-item__url{color:#f97316;font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;font-weight:500}.contact{padding:100px 0 80px}.contact__grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:48px;display:grid}.contact__sidebar-intro{margin-bottom:24px}.contact__sidebar-intro h3{margin-bottom:8px;font-size:1.2rem;font-weight:700}.contact__sidebar-intro p{color:#94a3b8;font-size:.9rem}.contact__card{background:#1a1d26;border:1px solid #94a3b814;border-radius:16px;align-items:center;gap:16px;margin-bottom:12px;padding:18px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.contact__card:hover{border-color:#f9731659;transform:translate(4px);box-shadow:0 8px 24px #0003}.contact__card i{color:#f97316;font-size:1.5rem}.contact__card strong{font-size:.9rem;display:block}.contact__card span{color:#94a3b8;font-size:.82rem}.contact-form{background:#1a1d26;border:1px solid #94a3b814;border-radius:16px;padding:36px}.contact-form__row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-form__field{margin-bottom:20px}.contact-form__field label{color:#94a3b8;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.contact-form__field input,.contact-form__field textarea{color:#f1f5f9;background:#0c0f14;border:1px solid #94a3b814;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;transition:border-color .3s cubic-bezier(.4,0,.2,1)}.contact-form__field input::placeholder,.contact-form__field textarea::placeholder{color:#64748b}.contact-form__field input:focus,.contact-form__field textarea:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.contact-form__field textarea{resize:vertical;min-height:120px}.contact-form__submit{justify-content:center;width:100%}.contact-form__status{text-align:center;min-height:1.5em;margin-top:16px;font-size:.9rem}.contact-form__status--success{color:#34d399}.contact-form__status--error{color:#ef4444}.footer{border-top:1px solid #94a3b814;padding:40px 0}.footer__inner{justify-content:space-between;align-items:center;display:flex}.footer p{color:#64748b;font-size:.85rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #34d39966}50%{opacity:.8;box-shadow:0 0 0 6px #34d39900}}@keyframes scrollBounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(10px)}60%{transform:translate(-50%)translateY(5px)}}@media (width<=1024px){.about__grid{grid-template-columns:1fr;gap:40px}.products__grid{grid-template-columns:repeat(2,1fr)}.skills__categories{grid-template-columns:1fr 1fr;gap:24px}.flagship,.services__grid{grid-template-columns:1fr}.portfolio__grid{grid-template-columns:repeat(2,1fr)}.portfolio-item--wide{grid-column:span 2}.contact__grid{grid-template-columns:1fr}}@media (width<=768px){.nav__menu{opacity:0;visibility:hidden;background:#0c0f14;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.nav__menu.is-open{opacity:1;visibility:visible}.nav__link{padding:12px 24px;font-size:1.2rem}.nav__toggle{z-index:1001;display:flex}.hero{padding:100px 24px 60px}.hero__pitch{grid-template-columns:1fr;gap:10px}.metrics{margin-top:-20px}.metrics__grid{flex-wrap:wrap;gap:24px;padding:32px 24px}.metrics__item{flex:40%}.metrics__divider{display:none}.products__grid,.skills__categories{grid-template-columns:1fr}.flagship{padding:32px}.flagship__stats{flex-direction:column;gap:16px}.cta__inner{padding:48px 24px}.cta__links{flex-direction:column;align-items:center}.cta__card{width:100%;max-width:320px}.portfolio__grid{grid-template-columns:1fr}.portfolio-item--wide{grid-column:span 1}.contact-form__row{grid-template-columns:1fr}.services,.track-record,.skills,.timeline,.about,.portfolio,.contact{padding:80px 0}.section-header{margin-bottom:40px}.footer__inner{text-align:center;flex-direction:column;gap:12px}}@media (width<=480px){.hero__name{font-size:2.5rem}.hero__actions{flex-direction:column;align-items:center}.btn{justify-content:center;width:100%}.metrics__number{font-size:1.6rem}}