.hero{background:var(--hero-bg);padding:calc(var(--navbar-height) + var(--spacing-xl))var(--hero-padding-x)var(--hero-padding-y);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-container{max-width:var(--container-max-width);gap:var(--gap-2xl);z-index:2;grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid;position:relative}.hero-content{gap:var(--gap-lg);flex-direction:column;display:flex}.hero-title{font-size:var(--hero-title-font-size);font-weight:var(--hero-title-font-weight);line-height:var(--hero-title-line-height);color:var(--color-text-primary);margin:0}.hero-title-highlight{color:var(--color-primary);display:inline-block;position:relative}.hero-subtitle{font-size:var(--hero-subtitle-font-size);line-height:var(--hero-subtitle-line-height);color:var(--hero-subtitle-color);max-width:600px;margin:0}.hero-actions{gap:var(--gap-md);margin-top:var(--spacing-md);flex-wrap:wrap;display:flex}.btn-hero-primary,.btn-hero-secondary{align-items:center;gap:var(--gap-sm);padding:var(--spacing-md)var(--button-padding-x);border-radius:var(--button-border-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);transition:all var(--transition-normal);height:var(--button-height);white-space:nowrap;text-decoration:none;display:inline-flex}.btn-hero-primary{background:var(--button-primary-bg);color:var(--button-primary-text);box-shadow:var(--card-shadow)}.btn-hero-primary:hover{background:var(--button-primary-hover-bg);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.btn-hero-secondary{color:var(--color-text-primary);border:2px solid var(--color-border);cursor:pointer;background:0 0}.btn-hero-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.hero-image-section{justify-content:center;align-items:center;display:flex;position:relative}.hero-image-wrapper{width:var(--hero-image-size);height:var(--hero-image-size);position:relative}.hero-image{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.building-3d{width:280px;height:320px;transform-style:preserve-3d;animation:6s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)rotateY(0)}50%{transform:translateY(-20px)rotateY(10deg)}}.building-layer{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2563ebcc,#3b82f699);border:1px solid #ffffff4d;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #2563eb4d}.layer-1{width:200px;height:80px;animation:3s ease-in-out infinite layerPulse;top:0}.layer-2{width:220px;height:80px;animation:3s ease-in-out .5s infinite layerPulse;top:90px}.layer-3{width:240px;height:80px;animation:3s ease-in-out 1s infinite layerPulse;top:180px}.building-base{border-radius:var(--radius-md);background:linear-gradient(135deg,#2563ebe6,#3b82f6b3);width:260px;height:40px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 12px 48px #2563eb66}@keyframes layerPulse{0%,to{opacity:.8;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.02)}}.floating-card{background:var(--card-bg);padding:var(--spacing-md);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow-hover);align-items:center;gap:var(--gap-sm);min-width:200px;animation:4s ease-in-out infinite cardFloat;display:flex;position:absolute}.card-projects{animation-delay:0s;top:10%;right:-10%}.card-team{animation-delay:1s;bottom:20%;left:-5%}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.card-icon{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-primary);background:#2563eb1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-content{flex-direction:column;gap:2px;display:flex}.card-number{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.2}.card-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.2}.hero-bg-decoration{opacity:.3;filter:blur(80px);border-radius:50%;position:absolute}.decoration-1{background:radial-gradient(circle,#2563eb4d,#0000);width:500px;height:500px;animation:20s ease-in-out infinite decorationMove;top:-10%;right:10%}.decoration-2{background:radial-gradient(circle,#3b82f633,#0000);width:400px;height:400px;animation:25s ease-in-out infinite reverse decorationMove;bottom:-5%;left:5%}@keyframes decorationMove{0%,to{transform:translate(0)scale(1)}50%{transform:translate(50px,-50px)scale(1.1)}}@media (max-width:1024px){.hero-container{gap:var(--gap-xl);text-align:center;grid-template-columns:1fr}.hero-content{align-items:center}.hero-subtitle{max-width:100%}.hero-actions{justify-content:center}.hero-image-wrapper{width:var(--hero-image-size);height:var(--hero-image-size);margin:0 auto}.card-projects{right:0}.card-team{left:0}}@media (max-width:768px){.hero{padding:calc(var(--navbar-height) + var(--spacing-3xl))var(--spacing-md)var(--spacing-3xl);min-height:auto}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-base)}.hero-actions{flex-direction:column;width:100%}.btn-hero-primary,.btn-hero-secondary{justify-content:center;width:100%}.building-3d{width:200px;height:240px}.layer-1{width:140px;height:60px}.layer-2{width:160px;height:60px;top:70px}.layer-3{width:180px;height:60px;top:140px}.building-base{width:200px;height:30px}.floating-card{min-width:160px;padding:var(--spacing-sm)}.card-icon{width:32px;height:32px}.card-number{font-size:var(--font-size-sm)}.card-text{font-size:var(--font-size-xs)}.card-projects{top:5%;right:-5%}.card-team{bottom:15%;left:-5%}}
.software-section{background:var(--software-bg);padding:var(--software-padding-y)var(--software-padding-x);opacity:0;transition:opacity .8s,transform .8s;position:relative;transform:translateY(30px)}.software-section.visible{opacity:1;transform:translateY(0)}.software-container{max-width:var(--container-max-width);margin:0 auto}.software-header{text-align:center;margin-bottom:var(--software-header-margin)}.software-title{font-size:var(--software-title-font-size);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.software-subtitle{font-size:var(--software-subtitle-font-size);color:var(--color-text-secondary);max-width:600px;line-height:var(--line-height-relaxed);margin:0 auto}.software-grid{gap:var(--software-grid-gap);margin-top:var(--spacing-xl);grid-template-columns:repeat(6,1fr);display:grid}.software-card{background:var(--software-card-bg);border:1px solid var(--software-card-border);border-radius:var(--software-card-radius);padding:var(--software-card-padding);text-align:center;transition:all var(--transition-normal);opacity:0;animation:.6s forwards fadeInUp;position:relative;overflow:hidden;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.software-card:before{content:"";background:linear-gradient(90deg,var(--color-primary),var(--color-accent));height:3px;transition:transform var(--transition-normal);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.software-card:hover{box-shadow:var(--software-card-shadow-hover);border-color:var(--color-primary);transform:translateY(-8px)}.software-card:hover:before{transform:scaleX(1)}.software-icon{width:var(--software-icon-size);height:var(--software-icon-size);margin:0 auto var(--spacing-lg);font-size:var(--software-icon-font-size);background:var(--software-icon-bg);border-radius:var(--radius-md);transition:transform var(--transition-normal);padding:var(--spacing-sm);justify-content:center;align-items:center;display:flex}.software-logo{object-fit:contain;width:100%;height:100%}.software-card:hover .software-icon{transform:scale(1.1)}.software-name{font-size:var(--software-name-font-size);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.software-description{font-size:var(--software-description-font-size);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0}@media (max-width:1024px){.software-grid{gap:var(--gap-lg);grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.software-section{padding:var(--software-padding-y-mobile)var(--spacing-md)}.software-grid{gap:var(--gap-md);grid-template-columns:repeat(3,1fr)}.software-card{padding:var(--spacing-md)}.software-icon{width:60px;height:60px;margin-bottom:var(--spacing-sm)}.software-name{font-size:var(--font-size-sm);margin-bottom:4px}.software-description{font-size:var(--font-size-xs)}}
.services-section{background:var(--services-bg);padding:var(--services-padding-y)var(--services-padding-x);opacity:0;transition:opacity .8s,transform .8s;position:relative;transform:translateY(30px)}.services-section.visible{opacity:1;transform:translateY(0)}.services-container{max-width:var(--container-max-width);margin:0 auto}.services-header{text-align:center;margin-bottom:var(--services-header-margin);max-width:800px;margin-left:auto;margin-right:auto}.services-title{font-size:var(--services-title-font-size);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.services-subtitle{font-size:var(--services-subtitle-font-size);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.services-grid{gap:var(--services-grid-gap);margin-top:var(--spacing-3xl);grid-template-columns:repeat(4,1fr);display:grid}.service-card{background:var(--service-card-bg);border:1px solid var(--service-card-border);border-radius:var(--service-card-radius);padding:var(--service-card-padding);transition:all var(--transition-normal);opacity:0;flex-direction:column;animation:.6s forwards fadeInUp;display:flex;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.services-section.visible .service-card{animation:.6s forwards fadeInUp,3s ease-in-out infinite floatCard}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.service-card:hover{box-shadow:var(--service-card-shadow-hover);border-color:var(--color-border);animation:none;transform:translateY(-12px)}.service-icon{width:var(--services-icon-size);height:var(--services-icon-size);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);transition:transform var(--transition-normal);justify-content:center;align-items:center;display:flex}.service-icon svg{width:32px;height:32px}.service-card:hover .service-icon{transform:scale(1.1)rotate(5deg)}.service-title{font-size:var(--service-title-font-size);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.service-description{font-size:var(--service-description-font-size);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg);flex:1}.service-features{margin:0 0 var(--spacing-xl)0;gap:var(--gap-sm);flex-direction:column;padding:0;list-style:none;display:flex}.service-feature{align-items:center;gap:var(--gap-sm);font-size:var(--service-feature-font-size);color:var(--color-text-primary);display:flex}.service-feature svg{color:var(--color-primary);flex-shrink:0}.service-button{padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--button-border-radius);font-size:var(--button-font-size);font-weight:var(--font-weight-medium);color:#fff;transition:all var(--transition-fast);text-align:center;justify-content:center;align-self:flex-start;align-items:center;width:100%;text-decoration:none;display:inline-flex}.service-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 16px #00000026}@media (max-width:1024px){.services-grid{gap:var(--gap-xl);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.services-section{padding:var(--services-padding-y-mobile)var(--spacing-md)}.services-grid{gap:var(--gap-lg);grid-template-columns:1fr}.service-card{padding:var(--spacing-xl)}.service-icon{width:56px;height:56px}.service-icon svg{width:28px;height:28px}.service-title{font-size:var(--font-size-lg)}.service-description,.service-feature{font-size:var(--font-size-sm)}}
.why-choose-section{background:var(--why-choose-bg);padding:var(--why-choose-padding-y)var(--why-choose-padding-x);opacity:0;transition:opacity .8s,transform .8s;position:relative;transform:translateY(30px)}.why-choose-section.visible{opacity:1;transform:translateY(0)}.why-choose-container{max-width:var(--container-max-width);margin:0 auto}.why-choose-header{text-align:center;margin-bottom:var(--why-choose-header-margin);max-width:800px;margin-left:auto;margin-right:auto}.why-choose-title{font-size:var(--why-choose-title-font-size);font-weight:var(--font-weight-bold);color:var(--why-choose-title-color);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.why-choose-subtitle{font-size:var(--why-choose-subtitle-font-size);color:var(--why-choose-subtitle-color);line-height:var(--line-height-relaxed);margin:0}.features-grid{gap:var(--features-grid-gap);margin-bottom:var(--spacing-4xl);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{text-align:center;opacity:0;animation:.6s forwards fadeInUp;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.feature-icon{width:var(--feature-icon-size);height:var(--feature-icon-size);margin:0 auto var(--spacing-lg);transition:transform var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;display:flex}.feature-icon svg{color:#fff;width:32px;height:32px}.feature-card:hover .feature-icon{transform:scale(1.1)rotate(5deg)}.feature-title{font-size:var(--feature-title-font-size);font-weight:var(--font-weight-semibold);color:var(--why-choose-title-color);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.feature-description{font-size:var(--feature-description-font-size);color:var(--why-choose-subtitle-color);line-height:var(--line-height-relaxed);margin:0}.stats-grid{gap:var(--stats-grid-gap);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{text-align:center;padding:var(--spacing-xl);opacity:0;animation:.5s forwards scaleIn;transform:scale(.8)}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}.stat-value{font-size:var(--stat-value-font-size);font-weight:var(--font-weight-bold);color:var(--stat-value-color);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm)}.stat-label{font-size:var(--stat-label-font-size);color:var(--why-choose-subtitle-color);line-height:var(--line-height-normal)}@media (max-width:1024px){.features-grid{gap:var(--gap-xl);grid-template-columns:repeat(3,1fr)}.stats-grid{gap:var(--gap-xl);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.why-choose-section{padding:var(--why-choose-padding-y-mobile)var(--spacing-md)}.features-grid{gap:var(--gap-xl);margin-bottom:var(--spacing-3xl);grid-template-columns:1fr}.stats-grid{gap:var(--gap-lg);grid-template-columns:repeat(2,1fr)}.feature-icon{width:70px;height:70px}.feature-icon svg{width:28px;height:28px}.stat-card{padding:var(--spacing-lg)}}
.portfolio-section{background:var(--portfolio-bg);padding:var(--portfolio-padding-y)var(--portfolio-padding-x);opacity:0;transition:opacity .8s,transform .8s;position:relative;transform:translateY(30px)}.portfolio-section.visible{opacity:1;transform:translateY(0)}.portfolio-container{max-width:var(--container-max-width);margin:0 auto}.portfolio-header{text-align:center;margin-bottom:var(--portfolio-header-margin);max-width:800px;margin-left:auto;margin-right:auto}.portfolio-title{font-size:var(--portfolio-title-font-size);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.portfolio-subtitle{font-size:var(--portfolio-subtitle-font-size);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.portfolio-grid{gap:var(--portfolio-grid-gap);margin-top:var(--spacing-3xl);grid-template-columns:repeat(2,1fr);display:grid}.portfolio-card{background:var(--portfolio-card-bg);border-radius:var(--portfolio-card-radius);padding:var(--portfolio-card-padding);transition:all var(--transition-normal);box-shadow:var(--portfolio-card-shadow);opacity:0;flex-direction:column;animation:.6s forwards fadeInUp;display:flex;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.portfolio-card:hover{box-shadow:var(--portfolio-card-shadow-hover);transform:translateY(-4px)}.portfolio-card-header{align-items:center;gap:var(--gap-md);margin-bottom:var(--spacing-lg);display:flex}.portfolio-icon{width:var(--portfolio-icon-size);height:var(--portfolio-icon-size);border-radius:var(--radius-md);transition:transform var(--transition-normal);flex-shrink:0;justify-content:center;align-items:center;display:flex}.portfolio-icon svg{width:24px;height:24px}.portfolio-card:hover .portfolio-icon{transform:scale(1.1)}.portfolio-card-title{font-size:var(--portfolio-card-title-font-size);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.portfolio-items{gap:var(--portfolio-item-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.portfolio-item{gap:var(--gap-sm);align-items:flex-start;display:flex}.portfolio-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;display:flex}.portfolio-item-content{flex:1}.portfolio-item-title{font-size:var(--portfolio-item-title-font-size);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)0;line-height:var(--line-height-tight)}.portfolio-item-description{font-size:var(--portfolio-item-description-font-size);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0}@media (max-width:1024px){.portfolio-grid{gap:var(--gap-xl);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.portfolio-section{padding:var(--portfolio-padding-y-mobile)var(--spacing-md)}.portfolio-grid{gap:var(--gap-lg);grid-template-columns:1fr}.portfolio-card{padding:var(--spacing-lg)}.portfolio-icon{width:48px;height:48px}.portfolio-icon svg{width:20px;height:20px}.portfolio-card-title{font-size:var(--font-size-lg)}.portfolio-item-title{font-size:var(--font-size-sm)}.portfolio-item-description{font-size:var(--font-size-xs)}}
.about-section{background:var(--about-bg);padding:var(--about-padding-y)var(--about-padding-x);opacity:0;transition:opacity .8s,transform .8s;position:relative;transform:translateY(30px)}.about-section.visible{opacity:1;transform:translateY(0)}.about-container{max-width:var(--container-max-width);margin:0 auto}.about-content{gap:var(--about-content-gap);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-text{opacity:0;animation:.8s .2s forwards slideInLeft;transform:translate(-30px)}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.about-title{font-size:var(--about-title-font-size);font-weight:var(--font-weight-bold);color:var(--about-title-color);margin-bottom:var(--spacing-lg);line-height:var(--line-height-tight)}.about-description{font-size:var(--about-description-font-size);color:var(--about-description-color);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}.company-info-grid{gap:var(--spacing-lg);margin:var(--spacing-2xl)0;grid-template-columns:repeat(2,1fr);display:grid}.info-item{align-items:flex-start;gap:var(--spacing-md);opacity:0;animation:.6s forwards fadeInUp;display:flex;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.info-icon{border-radius:var(--radius-md);background:#eff6ff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.info-icon svg{width:24px;height:24px}.info-content{flex:1;padding-top:4px}.info-label{font-size:var(--font-size-sm);color:var(--about-info-label-color);line-height:var(--line-height-tight);margin-bottom:4px}.info-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--about-info-value-color);line-height:var(--line-height-tight)}.certification-badge{align-items:center;gap:var(--spacing-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-lg);opacity:0;background:#fffffff2;animation:.6s forwards fadeInUp;display:flex;position:absolute;bottom:20px;left:20px;transform:translateY(20px);box-shadow:0 4px 12px #0000001a}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}.cert-icon{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cert-logo{object-fit:contain;width:100%;height:100%}.cert-content{flex-direction:column;display:flex}.cert-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--about-title-color);line-height:var(--line-height-tight);margin-bottom:2px}.cert-subtitle{font-size:var(--font-size-xs);color:var(--about-description-color);line-height:var(--line-height-tight)}.about-button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);background:var(--color-primary);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);transition:all var(--transition-normal);opacity:0;text-decoration:none;animation:.6s .8s forwards fadeInUp;display:inline-flex;transform:translateY(20px)}.about-button:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.about-image{opacity:0;animation:.8s .2s forwards slideInRight;transform:translate(30px)}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}.image-container{border-radius:var(--about-image-radius);width:100%;box-shadow:var(--about-image-shadow);position:relative;overflow:hidden}.about-photo{object-fit:cover;width:100%;height:auto;display:block}@media (max-width:1024px){.about-content{gap:var(--gap-2xl)}.company-info-grid{gap:var(--gap-md)}}@media (max-width:768px){.about-section{padding:var(--about-padding-y-mobile)var(--spacing-md)}.about-content{gap:var(--gap-xl);grid-template-columns:1fr}.about-text{animation:.8s .2s forwards fadeInUp}.about-image{animation:.8s .4s forwards fadeInUp}.company-info-grid{gap:var(--gap-md);margin:var(--spacing-xl)0;grid-template-columns:1fr}.certification-badge{padding:var(--spacing-sm)var(--spacing-md);gap:var(--spacing-xs);bottom:12px;left:12px}.cert-icon{width:32px;height:32px}.cert-title{font-size:var(--font-size-xs)}.cert-subtitle{font-size:10px}}
.testimonials-section{background:var(--testimonials-bg);padding:var(--testimonials-padding-y)var(--testimonials-padding-x);opacity:0;transition:opacity .8s,transform .8s;position:relative;transform:translateY(30px)}.testimonials-section.visible{opacity:1;transform:translateY(0)}.testimonials-container{max-width:var(--container-max-width);margin:0 auto}.testimonials-header{text-align:center;margin-bottom:var(--testimonials-header-margin);max-width:700px;margin-left:auto;margin-right:auto}.testimonials-title{font-size:var(--testimonials-title-font-size);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.testimonials-subtitle{font-size:var(--testimonials-subtitle-font-size);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.testimonials-grid{gap:var(--testimonials-grid-gap);margin-top:var(--spacing-3xl);grid-template-columns:repeat(3,1fr);display:grid}.testimonial-card{background:var(--testimonial-card-bg);border-radius:var(--testimonial-card-radius);padding:var(--testimonial-card-padding);box-shadow:var(--testimonial-card-shadow);transition:all var(--transition-normal);opacity:0;gap:var(--spacing-lg);flex-direction:column;animation:.6s forwards fadeInUp;display:flex;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.testimonial-card:hover{box-shadow:var(--testimonial-card-shadow-hover);transform:translateY(-8px)}.testimonial-header{align-items:center;gap:var(--spacing-md);display:flex}.client-avatar{border:3px solid #e5e7eb;border-radius:50%;flex-shrink:0;width:60px;height:60px;overflow:hidden}.avatar-image{object-fit:cover;width:100%;height:100%}.client-info{flex:1}.client-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:4px}.client-position{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-tight);margin:0}.testimonial-rating{gap:4px;display:flex}.star-icon{color:#fbbf24;width:18px;height:18px}.testimonial-text{font-size:var(--testimonial-text-font-size);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;font-style:italic}@media (max-width:1024px){.testimonials-grid{gap:var(--gap-xl);grid-template-columns:1fr}}@media (max-width:768px){.testimonials-section{padding:var(--testimonials-padding-y-mobile)var(--spacing-md)}.testimonials-grid{gap:var(--gap-lg)}.testimonial-card{padding:var(--spacing-xl)}.client-avatar{width:50px;height:50px}.client-name{font-size:var(--font-size-base)}.client-position{font-size:var(--font-size-xs)}.testimonial-text{font-size:var(--font-size-sm)}}
.project-showcase{background:var(--project-showcase-bg);padding:var(--project-showcase-padding-y)var(--project-showcase-padding-x);opacity:0;transition:opacity .8s,transform .8s;position:relative;transform:translateY(30px)}.project-showcase.visible{opacity:1;transform:translateY(0)}.project-showcase-container{max-width:var(--container-max-width);gap:var(--spacing-3xl);flex-direction:column;margin:0 auto;display:flex}.project-showcase-header{text-align:center;gap:var(--project-showcase-header-gap);flex-direction:column;display:flex}.project-showcase-title{font-size:var(--project-showcase-title-font-size);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.project-showcase-subtitle{font-size:var(--project-showcase-subtitle-font-size);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.project-filters{justify-content:center;gap:var(--project-filter-gap);flex-wrap:wrap;display:flex}.filter-button{background:var(--project-filter-bg);color:var(--project-filter-text);border-radius:var(--project-filter-radius);padding:var(--project-filter-padding-y)var(--project-filter-padding-x);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none}.filter-button:hover{filter:brightness(.97);transform:translateY(-1px)}.filter-button.active{background:var(--project-filter-active-bg);color:var(--project-filter-active-text);box-shadow:0 10px 24px #2563eb38}.project-grid{gap:var(--project-grid-gap);grid-template-columns:repeat(3,1fr);display:grid}.project-card{background:var(--project-card-bg);border:1px solid var(--project-card-border);border-radius:var(--project-card-radius);box-shadow:var(--project-card-shadow);transition:all var(--transition-normal);opacity:0;flex-direction:column;animation:.7s forwards fadeInUp;display:flex;overflow:hidden;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.project-card:hover{box-shadow:var(--project-card-shadow-hover);transform:translateY(-6px)}.project-image-wrapper{height:var(--project-image-height);background:#e5e7eb;position:relative}.project-image{object-fit:cover;width:100%;height:100%;display:block}.project-card-body{gap:var(--spacing-md);padding:var(--project-card-padding);flex-direction:column;display:flex}.project-card-meta{justify-content:space-between;align-items:center;display:flex}.project-badge{border-radius:var(--project-badge-radius);font-size:var(--project-badge-font-size);font-weight:var(--font-weight-semibold);letter-spacing:.01em;justify-content:center;align-items:center;padding:6px 12px;display:inline-flex}.project-year{color:var(--project-year-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.project-title{font-size:var(--project-title-font-size);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.project-description{font-size:var(--project-description-font-size);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.project-footer{margin-top:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.project-location{color:var(--project-location-color);font-size:var(--font-size-sm)}.project-link{color:var(--project-link-color);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);transition:color var(--transition-fast);text-decoration:none}.project-link:hover{color:var(--project-link-hover)}.project-footer-cta{text-align:center}.view-all-button{padding:var(--spacing-md)var(--spacing-2xl);background:var(--project-footer-button-bg);color:var(--project-footer-button-text);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:all var(--transition-normal);justify-content:center;align-items:center;text-decoration:none;display:inline-flex;box-shadow:0 12px 24px #2563eb40}.view-all-button:hover{background:var(--project-footer-button-bg-hover);transform:translateY(-2px);box-shadow:0 16px 28px #2563eb47}@media (max-width:1024px){.project-grid{grid-template-columns:repeat(2,1fr)}.project-card{height:100%}}@media (max-width:768px){.project-showcase{padding:var(--project-showcase-padding-y-mobile)var(--spacing-md)}.project-grid{grid-template-columns:1fr}.project-card-body{padding:var(--spacing-xl)}}
.approach-section{background:var(--approach-bg);padding:var(--approach-padding-y)var(--approach-padding-x);opacity:0;transition:opacity .8s,transform .8s;position:relative;transform:translateY(30px)}.approach-section.visible{opacity:1;transform:translateY(0)}.approach-container{max-width:var(--container-max-width);margin:0 auto}.approach-header{text-align:center;margin-bottom:var(--approach-header-margin);max-width:800px;margin-left:auto;margin-right:auto}.approach-title{font-size:var(--approach-title-font-size);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.approach-subtitle{font-size:var(--approach-subtitle-font-size);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.approach-grid{gap:var(--approach-grid-gap);margin-top:var(--spacing-3xl);grid-template-columns:repeat(4,1fr);display:grid}.approach-card{background:var(--approach-card-bg);border-radius:var(--approach-card-radius);padding:var(--approach-card-padding);text-align:center;transition:all var(--transition-normal);opacity:0;box-shadow:var(--approach-card-shadow);animation:.6s forwards fadeInUp;position:relative;transform:translateY(20px)}.approach-card:not(:last-child):after{content:"";opacity:.35;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:20px;height:20px;animation:2.5s ease-in-out infinite arrowPulse;position:absolute;top:50%;right:-28px;transform:translateY(-50%)}@keyframes arrowPulse{0%,to{opacity:.25;transform:translateY(-50%)translate(0)}50%{opacity:.5;transform:translateY(-50%)translate(5px)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.approach-card:hover{box-shadow:var(--approach-card-shadow-hover);transform:translateY(-8px)}.approach-icon{width:var(--approach-icon-size);height:var(--approach-icon-size);margin:0 auto var(--spacing-lg);transition:transform var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;display:flex}.approach-icon svg{width:28px;height:28px}.approach-card:hover .approach-icon{transform:scale(1.1)}.approach-card-title{font-size:var(--approach-card-title-font-size);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.approach-description{font-size:var(--approach-description-font-size);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}@media (max-width:1024px){.approach-grid{gap:var(--gap-xl);grid-template-columns:repeat(2,1fr)}.approach-card:after{display:none}}@media (max-width:768px){.approach-section{padding:var(--approach-padding-y-mobile)var(--spacing-md)}.approach-grid{gap:var(--gap-lg);grid-template-columns:1fr}.approach-card{padding:var(--spacing-xl)}.approach-icon{width:70px;height:70px;margin-bottom:var(--spacing-md)}.approach-icon svg{width:24px;height:24px}.approach-card-title{font-size:var(--font-size-lg)}.approach-description{font-size:var(--font-size-sm)}}