.hero{align-items:center;min-height:100vh;padding:90px 0 80px;display:flex;position:relative;overflow:hidden}.hero__bg{opacity:.18;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:transform 20s;position:absolute;inset:0;transform:scale(1.05)}.hero__overlay{background:var(--gradient-hero);position:absolute;inset:0}.hero__content{z-index:2;flex:1;max-width:700px;position:relative}.hero__split{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid;position:relative}.hero__badges{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;display:flex}.hero__badges .section-label{margin-bottom:0}.hero-jss-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--green);background:var(--green-glow);border:1px solid var(--border-green);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.hero__title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:24px;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;line-height:1.1}.hero__sub{color:var(--text-secondary);max-width:580px;margin-bottom:36px;font-size:1.1rem;line-height:1.75}.hero__actions{flex-wrap:wrap;gap:14px;margin-bottom:48px;display:flex}.hero__tech{flex-wrap:wrap;gap:8px;max-width:560px;display:flex}.tech-badge{letter-spacing:.04em;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);transition:all var(--transition-base);background:#ffffff0a;padding:6px 14px;font-size:.78rem;font-weight:600}.tech-badge:hover{border-color:var(--border-green);color:var(--green);background:var(--green-glow)}.hero__orb{filter:blur(80px);pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.hero__orb--1{background:radial-gradient(circle,#14a8001f 0%,#0000 70%);width:500px;height:500px;animation-delay:0s;top:-100px;right:-100px}.hero__orb--2{background:radial-gradient(circle,#14a80014 0%,#0000 70%);width:300px;height:300px;animation-delay:3s;bottom:50px;left:-50px}.hero__visual{z-index:2;justify-content:center;align-items:stretch;height:580px;display:flex;position:relative;overflow:hidden}.project-rails{gap:16px;width:100%;height:100%;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 14% 86%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 14% 86%,#0000 100%)}.project-rail{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.project-rail__track{will-change:transform;flex-direction:column;gap:16px;display:flex}.project-rail--up .project-rail__track{animation:34s linear infinite rail-scroll-up}.project-rail--down .project-rail__track{animation:46s linear -23s infinite rail-scroll-up}.project-rails:hover .project-rail__track{animation-play-state:paused}.project-rail__card{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:18px;flex-shrink:0;transition:border-color .3s,box-shadow .3s,transform .3s;position:relative;overflow:hidden;box-shadow:0 8px 24px -4px #00000059,0 0 0 1px #14a8000f}.project-rail__card:hover{border-color:var(--border-green);box-shadow:0 12px 32px -4px #00000073, 0 0 0 1px #14a8002e, var(--shadow-green);transform:translateY(-2px)}.project-rail__card img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.project-rail__label{letter-spacing:.07em;text-transform:uppercase;color:var(--green);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-green);border-radius:var(--radius-pill);background:#0d1117e0;padding:4px 10px;font-size:.68rem;font-weight:700;line-height:1.4;position:absolute;bottom:10px;left:10px}@keyframes rail-scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes rail-scroll-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.stats-section{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:clamp(32px,5vw,48px) 0}.stats-grid{background:var(--border-subtle);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.stat-card{background:var(--bg-secondary);text-align:center;transition:background var(--transition-base);padding:36px 24px}.stat-card:hover{background:var(--bg-elevated)}.stat-value{font-family:var(--font-display);color:var(--green);letter-spacing:-.03em;margin-bottom:8px;font-size:2.8rem;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;font-weight:500}.section-header{margin-bottom:clamp(32px,6vw,56px)}.services-grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,24px);margin-bottom:clamp(24px,4vw,40px);display:grid}.service-card{padding:32px 28px;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--green);transform-origin:0;height:2px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover:before{transform:scaleX(1)}.service-card__icon{background:var(--green-glow);border:1px solid var(--border-green);border-radius:var(--radius-md);width:52px;height:52px;color:var(--green);transition:all var(--transition-base);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.service-card__icon img{filter:brightness(0)saturate()invert(37%)sepia(97%)saturate(600%)hue-rotate(88deg)brightness(95%);transition:filter var(--transition-base)}.service-card:hover .service-card__icon{background:var(--green);color:#fff;box-shadow:var(--shadow-green)}.service-card:hover .service-card__icon img{filter:brightness(0)invert()}.service-card__title{font-size:1.1rem;font-family:var(--font-display);color:var(--text-primary);margin-bottom:10px;font-weight:600}.service-card__desc{color:var(--text-secondary);margin-bottom:16px;font-size:.9rem;line-height:1.7}.service-card__tags{flex-wrap:wrap;gap:6px;display:flex}.services-cta{text-align:center}.why-section{background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);padding-top:clamp(16px,3vw,32px)}.why-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,72px);display:grid}.why-features{flex-direction:column;gap:12px;margin-top:24px;display:flex}.why-feature{color:var(--text-secondary);align-items:center;gap:10px;font-size:.95rem;display:flex}.check-icon{color:var(--green);flex-shrink:0}.why-right{flex-direction:column;gap:16px;display:flex}.why-card{align-items:flex-start;gap:16px;padding:24px;display:flex}.why-card__icon{background:var(--green-glow);border:1px solid var(--border-green);border-radius:var(--radius-md);width:44px;height:44px;color:var(--green);flex-shrink:0;justify-content:center;align-items:center;display:flex}.why-card__title{color:var(--text-primary);margin-bottom:6px;font-size:1rem;font-weight:600}.why-card__desc{color:var(--text-secondary);font-size:.88rem;line-height:1.65}.testimonials-section{background:var(--bg-primary)}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,24px);display:grid}.testimonial-card{padding:32px;position:relative}.quote-icon{color:var(--green);opacity:.5;margin-bottom:16px}.stars{color:#f59e0b;gap:3px;margin-bottom:16px;display:flex}.testimonial-text{color:var(--text-secondary);margin-bottom:24px;font-size:.92rem;font-style:italic;line-height:1.75}.testimonial-author{align-items:center;gap:12px;display:flex}.author-avatar{background:var(--green);width:42px;height:42px;font-family:var(--font-display);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.author-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.author-role{color:var(--text-muted);font-size:.8rem}@media (max-width:1024px){.hero__split{grid-template-columns:1fr;gap:40px}.hero__visual{max-width:560px;height:400px;margin:0 auto}.services-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:1fr;gap:48px}}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.testimonials-grid{grid-template-columns:1fr}}@media (max-width:600px){.hero{text-align:center;padding:80px 0 60px}.hero__content,.hero__sub{max-width:100%}.hero__actions,.hero__tech,.hero__badges{justify-content:center}.hero__visual{max-width:100%;height:280px}.hero__split,.services-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}
