.navbar{z-index:100;padding:20px 0;transition:all .35s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);background:#0a0a0fd9;padding:12px 0}.navbar__inner{justify-content:space-between;align-items:center;display:flex}.navbar__logo{align-items:center;gap:10px;display:flex}.navbar__logo-img{object-fit:contain;width:auto;height:38px}.navbar__logo-text{font-family:var(--font-display);letter-spacing:-.02em;font-size:20px;font-weight:700}.navbar__logo-accent{color:var(--color-accent-light)}.navbar__links{gap:8px;list-style:none;display:flex}.navbar__link{color:var(--color-text-muted);border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.navbar__link:hover{color:var(--color-text);background:#ffffff0a}.navbar__cta{color:#fff;background:var(--color-accent);border-radius:var(--radius-xl);padding:10px 24px;font-size:14px;font-weight:600;transition:all .25s}.navbar__cta:hover{background:var(--color-accent-light);box-shadow:0 4px 20px var(--color-accent-glow)}.navbar__cta--mobile{text-align:center;width:100%;margin-top:8px;display:block}.navbar__toggle{color:var(--color-text);padding:8px;display:none}.navbar__mobile{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);background:#0a0a0ff2;padding:16px 24px 24px;display:none}.navbar__mobile-link{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:14px 0;font-size:16px;font-weight:500;transition:color .2s;display:block}.navbar__mobile-link:hover{color:var(--color-text)}@media (width<=768px){.navbar__links,.navbar__cta:not(.navbar__cta--mobile){display:none}.navbar__toggle{display:block}.navbar__mobile{flex-direction:column;display:flex}}.hero{align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;position:absolute;inset:0}.hero__orb{filter:blur(100px);opacity:.5;border-radius:50%;position:absolute}.hero__orb--1{background:var(--color-accent);opacity:.15;width:500px;height:500px;animation:8s ease-in-out infinite float;top:-10%;right:-5%}.hero__orb--2{background:var(--color-teal);opacity:.1;width:350px;height:350px;animation:10s ease-in-out 2s infinite float;bottom:10%;left:-5%}.hero__orb--3{background:var(--color-coral);opacity:.08;width:200px;height:200px;animation:7s ease-in-out 1s infinite float;top:40%;right:20%}.hero__grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60%,#000 20%,#0000 70%);mask-image:radial-gradient(70% 60%,#000 20%,#0000 70%)}.hero__content{z-index:1;opacity:0;max-width:760px;transition:all .8s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(30px)}.hero__content.animate-in{opacity:1;transform:translateY(0)}.hero__badge{border-radius:var(--radius-xl);color:var(--color-accent-light);background:#6c5ce71f;border:1px solid #6c5ce733;align-items:center;gap:8px;margin-bottom:28px;padding:8px 18px;font-size:13px;font-weight:500;display:inline-flex}.hero__title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:800;line-height:1.08}.hero__title-accent{background:linear-gradient(135deg, var(--color-accent-light), var(--color-teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{color:var(--color-text-muted);max-width:560px;margin-bottom:36px;font-size:17px;line-height:1.7}.hero__actions{gap:16px;margin-bottom:56px;display:flex}.hero__btn{border-radius:var(--radius-xl);align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .25s;display:inline-flex}.hero__btn--primary{background:var(--color-accent);color:#fff}.hero__btn--primary:hover{background:var(--color-accent-light);box-shadow:0 8px 30px var(--color-accent-glow);transform:translateY(-2px)}.hero__btn--secondary{color:var(--color-text);border:1px solid var(--color-border);background:#ffffff0f}.hero__btn--secondary:hover{background:#ffffff1a;border-color:#ffffff1f}.hero__stats{align-items:center;gap:32px;display:flex}.hero__stat-value{font-family:var(--font-display);background:linear-gradient(135deg, var(--color-text), var(--color-accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;display:block}.hero__stat-label{color:var(--color-text-dim);margin-top:2px;font-size:13px}.hero__stat-divider{background:var(--color-border);width:1px;height:40px}@media (width<=768px){.hero{padding:100px 0 60px}.hero__actions{flex-direction:column}.hero__btn{justify-content:center}.hero__stats{flex-wrap:wrap;gap:20px}.hero__stat-divider{display:none}}.services{padding:120px 0;position:relative}.section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent-light);margin-bottom:16px;font-size:13px;font-weight:600;display:inline-block}.section-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.section-desc{color:var(--color-text-muted);max-width:500px;font-size:16px;line-height:1.7}.services__header{opacity:0;margin-bottom:64px;transition:all .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.services__header.animate-in{opacity:1;transform:translateY(0)}.services__grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.service-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);opacity:0;padding:36px 32px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:translateY(24px)}.service-card.animate-in{opacity:1;transform:translateY(0)}.service-card:hover{border-color:#ffffff1a;transform:translateY(-4px);box-shadow:0 20px 60px #0000004d}.service-card__shine{opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.service-card--accent .service-card__shine{background:linear-gradient(90deg, transparent, var(--color-accent-light), transparent)}.service-card--teal .service-card__shine{background:linear-gradient(90deg, transparent, var(--color-teal), transparent)}.service-card--coral .service-card__shine{background:linear-gradient(90deg, transparent, var(--color-coral), transparent)}.service-card:hover .service-card__shine{opacity:1}.service-card__icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:24px;display:flex}.service-card__icon--accent{color:var(--color-accent-light);background:#6c5ce71f}.service-card__icon--teal{background:var(--color-teal-glow);color:var(--color-teal)}.service-card__icon--coral{color:var(--color-coral);background:#fd72721f}.service-card__title{font-family:var(--font-display);margin-bottom:12px;font-size:18px;font-weight:600}.service-card__desc{color:var(--color-text-muted);margin-bottom:20px;font-size:14px;line-height:1.7}.service-card__link{color:var(--color-accent-light);font-size:14px;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-block}.service-card__link:hover{text-decoration:underline}@media (width<=1024px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.services{padding:80px 0}.services__grid{grid-template-columns:1fr}}.about{background:var(--color-bg-elevated);padding:120px 0}.about__grid{opacity:0;grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin-bottom:80px;transition:all .8s cubic-bezier(.16,1,.3,1);display:grid;transform:translateY(24px)}.about__grid.animate-in{opacity:1;transform:translateY(0)}.about__visual{position:relative}.about__image-block{aspect-ratio:4/3;border-radius:var(--radius-lg);position:relative;overflow:hidden}.about__img-placeholder{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#6c5ce714,#00cec914);width:100%;height:100%}.about__content .section-title{margin-bottom:20px}.about__text{color:var(--color-text-muted);margin-bottom:28px;font-size:15px;line-height:1.75}.about__stats{gap:40px;margin-top:32px;display:flex}.about__stat{border-left:3px solid var(--color-accent);flex-direction:column;padding-left:16px;display:flex}.about__stat-value{font-family:var(--font-display);color:var(--color-text);font-size:28px;font-weight:700;line-height:1.1}.about__stat-label{color:var(--color-text-muted);margin-top:4px;font-size:13px}.about__values-header{text-align:center;margin-bottom:48px}.about__values-title{font-family:var(--font-display);margin-bottom:10px;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.about__values-desc{color:var(--color-text-muted);font-size:15px}.about__values{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.about__values.animate-in .about__value{opacity:1;transform:translateY(0)}.about__value{text-align:center;opacity:0;flex-direction:column;align-items:center;padding:32px 20px;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(20px)}.about__value-icon{width:64px;height:64px;color:var(--color-accent-light);background:#6c5ce71a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.about__value-title{font-family:var(--font-display);margin-bottom:10px;font-size:16px;font-weight:700}.about__value-text{color:var(--color-text-muted);font-size:14px;line-height:1.6}@media (width<=1024px){.about__grid{grid-template-columns:1fr;gap:40px}.about__values{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.about__values{grid-template-columns:1fr}.about{padding:80px 0}}.projects{padding:120px 0}.projects__header{opacity:0;margin-bottom:64px;transition:all .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.projects__header.animate-in{opacity:1;transform:translateY(0)}.projects__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:translateY(24px)}.project-card.animate-in{opacity:1;transform:translateY(0)}.project-card:hover{border-color:#ffffff14;transform:translateY(-4px);box-shadow:0 20px 60px #00000040}.project-card__body{padding:32px}.project-card__cat{color:var(--color-accent-light);border-radius:var(--radius-xl);background:#6c5ce71a;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.project-card__title{font-family:var(--font-display);margin-bottom:14px;font-size:22px;font-weight:700;line-height:1.2}.project-card__desc{color:var(--color-text-muted);margin-bottom:24px;font-size:14px;line-height:1.7}.project-card__features{flex-direction:column;gap:14px;list-style:none;display:flex}.project-card__feature{align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.project-card__check{color:#22c55e;flex-shrink:0}@media (width<=1024px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.projects{padding:80px 0}.projects__grid{grid-template-columns:1fr}}.contact{background:var(--color-bg-elevated);padding:120px 0}.contact__inner{opacity:0;grid-template-columns:1fr 1fr;align-items:start;gap:64px;transition:all .8s cubic-bezier(.16,1,.3,1);display:grid;transform:translateY(24px)}.contact__inner.animate-in{opacity:1;transform:translateY(0)}.contact__header{text-align:center;margin-bottom:56px}.contact__header .section-desc{margin:0 auto}.contact__info-title{font-family:var(--font-display);margin-bottom:10px;font-size:20px;font-weight:700}.contact__info-desc{color:var(--color-text-muted);margin-bottom:28px;font-size:14px;line-height:1.6}.contact__cta{border-radius:var(--radius-lg);background:linear-gradient(135deg,#6c5ce7,#a855f7);margin-top:32px;padding:28px}.contact__cta-title{color:#fff;margin-bottom:6px;font-size:16px;font-weight:700}.contact__cta-desc{color:#fffc;margin-bottom:16px;font-size:13px}.contact__cta-btn{text-align:center;color:#333;border-radius:var(--radius-md);background:#fff;width:100%;padding:12px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s;display:block}.contact__cta-btn:hover{opacity:.9}.contact__desc{color:var(--color-text-muted);margin-top:16px;margin-bottom:36px;font-size:15px;line-height:1.7}.contact__details{flex-direction:column;gap:20px;display:flex}.contact__detail{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:16px;padding:16px 0;display:flex}.contact__detail-icon{width:44px;height:44px;color:var(--color-accent-light);background:#6c5ce71a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact__detail-label{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:12px;display:block}.contact__detail-value{font-size:15px;font-weight:500}.contact__form-wrapper{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px}.contact__form{flex-direction:column;gap:20px;display:flex}.contact__field{flex-direction:column;gap:8px;display:flex}.contact__label{color:var(--color-text-muted);font-size:13px;font-weight:600}.contact__input{width:100%;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;padding:12px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.contact__input::placeholder{color:var(--color-text-dim)}.contact__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.contact__textarea{resize:vertical;min-height:120px}.contact__submit{color:#fff;border-radius:var(--radius-xl);background:linear-gradient(135deg,#6c5ce7,#a855f7);justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 32px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.contact__submit:hover:not(:disabled){opacity:.9;box-shadow:0 8px 30px var(--color-accent-glow);transform:translateY(-2px)}.contact__submit:disabled{opacity:.65;cursor:not-allowed}.contact__feedback{border-radius:var(--radius-md);margin-bottom:4px;padding:14px 18px;font-size:14px;line-height:1.5}.contact__feedback--success{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e4d}.contact__feedback--error{color:#f87171;background:#ef44441a;border:1px solid #ef44444d;margin-bottom:0}@media (width<=768px){.contact{padding:80px 0}.contact__inner{grid-template-columns:1fr;gap:40px}}.footer{border-top:1px solid var(--color-border);padding:80px 0 40px}.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px;display:grid}.footer__logo{align-items:center;gap:10px;margin-bottom:16px;display:flex}.footer__logo-img{object-fit:contain;width:auto;height:40px}.footer__logo-text{font-family:var(--font-display);font-size:18px;font-weight:700}.footer__logo-accent{color:var(--color-accent-light)}.footer__tagline{color:var(--color-text-muted);max-width:280px;margin-bottom:24px;font-size:14px;line-height:1.7}.footer__socials{gap:10px;display:flex}.footer__social{background:var(--color-surface);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.footer__social:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.footer__col-title{font-family:var(--font-display);color:var(--color-text);margin-bottom:18px;font-size:14px;font-weight:600}.footer__col-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer__link{color:var(--color-text-muted);font-size:14px;transition:color .2s}.footer__link:hover{color:var(--color-text)}.footer__bottom{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-top:28px;display:flex}.footer__copy,.footer__built{color:var(--color-text-dim);font-size:13px}@media (width<=1024px){.footer__grid{grid-template-columns:1fr 1fr 1fr;gap:32px}.footer__brand{grid-column:1/-1}}@media (width<=768px){.footer{padding:60px 0 32px}.footer__grid{grid-template-columns:1fr 1fr;gap:32px}.footer__bottom{text-align:center;flex-direction:column;gap:8px}}@media (width<=480px){.footer__grid{grid-template-columns:1fr}}:root{--color-bg:#0a0a0f;--color-bg-elevated:#12121a;--color-bg-card:#1a1a26;--color-surface:#223;--color-border:#ffffff0f;--color-text:#e8e8ef;--color-text-muted:#8888a0;--color-text-dim:#5a5a72;--color-accent:#6c5ce7;--color-accent-light:#a29bfe;--color-accent-glow:#6c5ce74d;--color-teal:#00cec9;--color-teal-glow:#00cec933;--color-coral:#fd7272;--color-white:#fff;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@media (width<=768px){.container{padding:0 16px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface);border-radius:3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}