.hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;background:linear-gradient(135deg,#051e2f,#0a3d5c 40%,#0d4f73);overflow:hidden;padding-bottom:var(--space-100);padding-top:var(--space-20)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-bg img,.hero-bg video{width:100%;height:100%;object-fit:cover;opacity:.2}.hero:before{content:"";position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,184,148,.15),transparent 70%);border-radius:50%;z-index:1;pointer-events:none}.hero:after{content:"";position:absolute;bottom:-30%;left:-15%;width:800px;height:800px;background:radial-gradient(circle,rgba(10,92,138,.2),transparent 70%);border-radius:50%;z-index:1;pointer-events:none}.hero-content{position:relative;z-index:2;padding-top:var(--space-24);padding-bottom:var(--space-16)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#00b89426;border:1px solid rgba(0,184,148,.3);border-radius:var(--radius-full);color:var(--color-accent-light);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-6);opacity:0;animation:fadeInUp .8s var(--ease-out) .2s forwards}.hero-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--color-white);line-height:var(--leading-tight);margin-bottom:var(--space-6)}.hero-title .word{display:inline-block;opacity:0;transform:translateY(40px);animation:wordReveal .6s var(--ease-out) forwards}.hero-title .word:nth-child(1){animation-delay:.3s}.hero-title .word:nth-child(2){animation-delay:.4s}.hero-title .word:nth-child(3){animation-delay:.5s}.hero-title .word:nth-child(4){animation-delay:.6s}.hero-title .word:nth-child(5){animation-delay:.7s}.hero-title .word:nth-child(6){animation-delay:.8s}.hero-title .word:nth-child(7){animation-delay:.9s}.hero-title .word:nth-child(8){animation-delay:1s}.hero-title .highlight{background:linear-gradient(135deg,var(--color-accent-light),var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(min-width:768px){.hero-title{font-size:var(--text-4xl)}}@media(min-width:1024px){.hero-title{font-size:var(--text-6xl)}.hero-content{max-width:800px}}.hero-subtitle{font-size:var(--text-lg);color:#ffffffbf;max-width:540px;margin-bottom:var(--space-8);opacity:0;animation:fadeInUp .8s var(--ease-out) 1.1s forwards}@media(min-width:768px){.hero-subtitle{font-size:var(--text-xl)}}.hero-actions{display:flex;flex-direction:column;gap:var(--space-4);opacity:0;animation:fadeInUp .8s var(--ease-out) 1.3s forwards}@media(min-width:480px){.hero-actions{flex-direction:row}}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.1);opacity:0;animation:fadeInUp .8s var(--ease-out) 1.5s forwards;position:relative}@media(min-width:768px){.hero-stats{grid-template-columns:1fr 1fr minmax(100px,150px) 1fr 1fr}}.stat-item .stat-number{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--color-accent-light);line-height:1}.stat-item .stat-label{font-size:var(--text-sm);color:#fff9;margin-top:var(--space-1)}.stat-item.spacer{display:none}@media(min-width:768px){.stat-item.spacer{display:block}}.hero-scroll{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);z-index:2;display:none;flex-direction:column;align-items:center;gap:var(--space-2);color:#ffffff80;font-size:var(--text-xs);animation:bounce 2s infinite}@media(min-width:768px)and (min-height:700px){.hero-scroll{display:flex}}.hero-scroll .scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes wordReveal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-8px)}60%{transform:translate(-50%) translateY(-4px)}}.about{background:var(--color-bg)}.about-grid{display:grid;gap:var(--space-8)}@media(min-width:768px){.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-12)}}.about-image{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4 / 3}.about-image img{width:100%;height:100%;object-fit:cover}.about-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(10,92,138,.1),transparent);pointer-events:none}.about-text p{color:var(--color-text-secondary);margin-bottom:var(--space-4);font-size:var(--text-base)}@media(min-width:768px){.about-text p{font-size:var(--text-lg)}}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-6)}.about-feature{display:flex;align-items:flex-start;gap:var(--space-3)}.about-feature .feature-icon{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:linear-gradient(135deg,#0a5c8a1a,#00b8941a);color:var(--color-primary);font-size:var(--text-xl)}.about-feature .feature-text{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.sectors{background:var(--color-white)}.sectors-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:480px){.sectors-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.sectors-grid{grid-template-columns:repeat(3,1fr)}}.sector-card{padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:var(--color-white);transition:all var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.sector-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-out)}.sector-card:hover:before{transform:scaleX(1)}.sector-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:transparent}.sector-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:linear-gradient(135deg,#0a5c8a14,#00b89414);font-size:1.75rem;margin-bottom:var(--space-4)}.sector-card h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.sector-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.video-section{background:linear-gradient(135deg,#051e2f,#0a3d5c);color:var(--color-white)}.video-grid{display:grid;gap:var(--space-8)}@media(min-width:768px){.video-grid{grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-12)}}.video-text h2{color:var(--color-white)}.video-text p{color:#ffffffb3;font-size:var(--text-lg);margin-top:var(--space-4)}.video-text .divider{background:linear-gradient(90deg,var(--color-accent-light),transparent)}.video-facade{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16 / 9;cursor:pointer;background:#000}.video-facade img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out),opacity var(--duration-base)}.video-facade:hover img{transform:scale(1.05);opacity:.8}.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0000004d;transition:transform var(--duration-base) var(--ease-out)}.video-facade:hover .video-play-btn{transform:translate(-50%,-50%) scale(1.1)}.video-play-btn:after{content:"";width:0;height:0;border-style:solid;border-width:12px 0 12px 22px;border-color:transparent transparent transparent var(--color-primary);margin-left:4px}.video-facade iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.video-gallery{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:640px){.video-gallery{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.video-gallery{grid-template-columns:repeat(3,1fr)}}.video-gallery-item{display:flex;flex-direction:column}.video-caption{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-white);margin-top:var(--space-3)}.video-desc{font-size:var(--text-sm);color:#fff9;margin-top:var(--space-1);line-height:var(--leading-normal)}.products-preview{background:var(--color-bg)}.products-scroll{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}@media(min-width:768px){.products-scroll{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.products-scroll{grid-template-columns:repeat(4,1fr)}}.product-preview-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-light);transition:all var(--duration-base) var(--ease-out)}.product-preview-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.product-preview-img{aspect-ratio:1;background:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.product-preview-img img{max-height:160px;object-fit:contain}.product-preview-info{padding:var(--space-4)}.product-preview-info .category-tag{font-size:var(--text-xs);color:var(--color-primary);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-preview-info h3{font-size:var(--text-base);font-weight:var(--weight-semibold);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-preview-info p{font-size:var(--text-sm);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
