.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-video{width:100%;height:100%;object-fit:cover;opacity:1}.hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}.particle{position:absolute;background:#ffffff1a;border-radius:50%;animation:float 6s ease-in-out infinite}.particle:nth-child(1){width:8px;height:8px;top:20%;left:10%;animation-delay:0s}.particle:nth-child(2){width:12px;height:12px;top:60%;right:15%;animation-delay:-2s}.particle:nth-child(3){width:6px;height:6px;bottom:30%;left:20%;animation-delay:-4s}.particle:nth-child(4){width:10px;height:10px;top:40%;right:30%;animation-delay:-1s}.particle:nth-child(5){width:14px;height:14px;bottom:20%;right:10%;animation-delay:-3s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-20px) rotate(180deg);opacity:.7}}.hero-content{position:relative;z-index:10;text-align:center;color:var(--text-white);max-width:900px;padding:0 var(--spacing-xl)}.hero-content:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140%;height:140%;background:linear-gradient(135deg,#0f4c75f2,#2c7a2cf2);z-index:-1;border-radius:60% 40% 30% 70%/70% 30%;filter:blur(25px);opacity:1}.hero-brand{font-size:var(--fs-6xl);font-weight:800;margin-bottom:var(--spacing-md);background:linear-gradient(45deg,#fff,#e8f5e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;animation:fadeInUp 1s ease .2s both}.hero-slogan{font-size:var(--fs-2xl);font-weight:300;margin-bottom:var(--spacing-xl);opacity:.9;letter-spacing:.5px;animation:fadeInUp 1s ease .4s both}.hero-slogan .highlight{font-weight:600;color:#64ffda}.hero-description{font-size:var(--fs-lg);line-height:1.6;margin-bottom:var(--spacing-3xl);opacity:.8;max-width:700px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s ease .6s both}.hero-cta{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease .8s both}.hero-btn{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--fs-lg);font-weight:600;border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:180px;justify-content:center}.hero-btn-primary{background:linear-gradient(45deg,#2c7a2c,#27ae60);color:var(--text-white);box-shadow:0 4px 20px #2c7a2c4d}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #2c7a2c66;background:linear-gradient(45deg,#27ae60,#2c7a2c)}.hero-btn-secondary{background:#ffffff1a;color:var(--text-white);border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-btn-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-3px)}.hero-scroll{position:absolute;bottom:var(--spacing-xl);left:0;right:0;z-index:10;display:flex;flex-direction:column;align-items:center;color:#ffffffb3;cursor:pointer;animation:fadeInUp 1s ease 1s both}.hero-scroll-text{font-size:var(--fs-sm);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:1px}.hero-scroll-arrow{width:2px;height:30px;background:#ffffff80;position:relative;animation:scrollBounce 2s ease-in-out infinite}.hero-scroll-arrow:after{content:"";position:absolute;bottom:0;left:50%;width:8px;height:8px;border-right:2px solid rgba(255,255,255,.7);border-bottom:2px solid rgba(255,255,255,.7);transform:translate(-50%) rotate(45deg)}.hero-tech-icons{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none}.tech-icon{position:absolute;font-size:2rem;color:#ffffff1a;animation:techFloat 8s ease-in-out infinite}.tech-icon:nth-child(1){top:15%;left:5%;animation-delay:0s}.tech-icon:nth-child(2){top:25%;right:8%;animation-delay:-2s}.tech-icon:nth-child(3){bottom:25%;left:8%;animation-delay:-4s}.tech-icon:nth-child(4){bottom:15%;right:5%;animation-delay:-6s}@keyframes techFloat{0%,to{transform:translateY(0) rotate(0);opacity:.1}25%{transform:translateY(-15px) rotate(90deg);opacity:.3}50%{transform:translateY(-30px) rotate(180deg);opacity:.2}75%{transform:translateY(-15px) rotate(270deg);opacity:.3}}@media(max-width:768px){.hero{min-height:500px;text-align:center}.hero-content{padding:0 var(--spacing-lg)}.hero-brand{font-size:var(--fs-5xl);font-weight:900;letter-spacing:-.03em}.hero-slogan{font-size:var(--fs-xl)}.hero-description{font-size:var(--fs-base)}.hero-cta{flex-direction:column;align-items:center}.hero-btn{width:100%;max-width:280px}.tech-icon{font-size:1.5rem}}@media(max-width:480px){.hero-brand{font-size:var(--fs-4xl);font-weight:900}.hero-slogan{font-size:var(--fs-lg)}.hero-description{font-size:var(--fs-sm)}}.about-hero{position:relative;height:70vh;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#1e3a8a,#3b82f6,#2c7a2c)}.about-hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.about-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1e3a8acc,#3b82f699,#2c7a2ccc);animation:heroOverlayShift 10s ease-in-out infinite alternate}@keyframes heroOverlayShift{0%{background:linear-gradient(135deg,#1e3a8acc,#3b82f699,#2c7a2ccc)}to{background:linear-gradient(225deg,#2c7a2ccc,#3b82f699,#1e3a8acc)}}.about-hero-content{position:relative;z-index:10;text-align:center;color:var(--text-white);max-width:800px;animation:fadeInUp 1s ease}.about-hero-title{font-size:var(--fs-5xl);font-weight:800;margin-bottom:var(--spacing-md);background:linear-gradient(45deg,#fff,#e8f5e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-hero-subtitle{font-size:var(--fs-2xl);font-weight:300;margin-bottom:var(--spacing-lg);opacity:.9}.about-hero-subtitle .highlight{font-weight:600;color:#64ffda}.about-hero-description{font-size:var(--fs-lg);line-height:1.6;opacity:.8}.name-meaning{background:var(--bg-light)}.name-meaning-content{max-width:900px;margin:0 auto}.name-breakdown{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacing-xl);margin-top:var(--spacing-3xl)}.name-part{text-align:center;background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-medium);min-width:200px;transition:all var(--transition-normal)}.name-part:hover{transform:translateY(-5px);box-shadow:var(--shadow-heavy)}.name-prefix,.name-suffix{font-size:var(--fs-3xl);font-weight:700;color:var(--primary-green);margin-bottom:var(--spacing-sm)}.name-description{font-size:var(--fs-base);color:var(--text-secondary);line-height:1.5}.name-connector{font-size:var(--fs-4xl);font-weight:700;color:var(--primary-green)}.name-result{text-align:center;background:var(--primary-gradient);color:#fff;padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-green);min-width:300px}.name-final{font-size:var(--fs-2xl);font-weight:700;margin-bottom:var(--spacing-sm)}.name-meaning-text{font-size:var(--fs-base);opacity:.9}.mission-vision{background:#fff}.mv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-3xl);max-width:1000px;margin:0 auto}.mission-card,.vision-card{background:#fff;padding:var(--spacing-3xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-medium);text-align:center;transition:all var(--transition-normal);border:1px solid rgba(44,122,44,.1)}.mission-card:hover,.vision-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-heavy)}.mv-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.mission-card h3,.vision-card h3{font-size:var(--fs-2xl);font-weight:700;margin-bottom:var(--spacing-lg);color:var(--primary-green)}.mission-card p,.vision-card p{font-size:var(--fs-lg);line-height:1.7;color:var(--text-secondary)}.core-values{background:var(--bg-light)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.value-card{background:#fff;padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-light);text-align:center;transition:all var(--transition-normal);border:1px solid rgba(44,122,44,.1)}.value-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium);border-color:var(--primary-green)}.value-icon{font-size:3rem;margin-bottom:var(--spacing-lg)}.value-card h4{font-size:var(--fs-xl);font-weight:600;margin-bottom:var(--spacing-md);color:var(--primary-green)}.value-card p{font-size:var(--fs-base);line-height:1.6;color:var(--text-secondary)}.why-aquaponics{background:#fff}.why-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-4xl);align-items:start}.why-text{display:grid;gap:var(--spacing-3xl)}.problem-solution,.our-solution{background:var(--bg-light);padding:var(--spacing-2xl);border-radius:var(--radius-lg);border-left:4px solid var(--primary-green)}.problem-solution h3,.our-solution h3{font-size:var(--fs-xl);font-weight:600;margin-bottom:var(--spacing-lg);color:var(--primary-green)}.problem-solution ul,.our-solution ul{list-style:none;padding:0}.problem-solution li,.our-solution li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;color:var(--text-secondary);line-height:1.6}.problem-solution li:before{content:"⚠️";position:absolute;left:0}.our-solution li:before{content:"✅";position:absolute;left:0}.our-solution strong{color:var(--primary-green);font-weight:600}.why-stats{display:grid;gap:var(--spacing-lg)}.stat-item{background:var(--primary-gradient);color:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-green);transition:all var(--transition-normal)}.stat-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2c7a2c66}.stat-number{font-size:var(--fs-4xl);font-weight:800;margin-bottom:var(--spacing-sm)}.stat-label{font-size:var(--fs-sm);opacity:.9;font-weight:500}.journey-timeline{background:var(--bg-light)}.timeline{position:relative;max-width:800px;margin:0 auto;padding:var(--spacing-xl) 0}.timeline:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:3px;height:100%;background:linear-gradient(180deg,var(--primary-green),var(--secondary-green));border-radius:2px}.timeline-item{position:relative;margin-bottom:var(--spacing-4xl);display:flex;align-items:center}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-marker{position:absolute;left:50%;transform:translate(-50%);width:20px;height:20px;background:#fff;border:3px solid var(--primary-green);border-radius:50%;z-index:10;transition:all var(--transition-normal)}.timeline-marker.active{background:var(--primary-green);width:24px;height:24px;box-shadow:0 0 20px #2c7a2c80;animation:pulse 2s ease-in-out infinite}.timeline-marker.future{background:#e5e7eb;border-color:#9ca3af}@keyframes pulse{0%{box-shadow:0 0 20px #2c7a2c80}50%{box-shadow:0 0 30px #2c7a2ccc}to{box-shadow:0 0 20px #2c7a2c80}}.timeline-content{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-medium);width:calc(50% - 30px);transition:all var(--transition-normal)}.timeline-item:nth-child(odd) .timeline-content{margin-right:var(--spacing-xl)}.timeline-item:nth-child(2n) .timeline-content{margin-left:var(--spacing-xl)}.timeline-content:hover{transform:translateY(-5px);box-shadow:var(--shadow-heavy)}.timeline-date{background:var(--primary-gradient);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:600;display:inline-block;margin-bottom:var(--spacing-md)}.timeline-content h4{font-size:var(--fs-xl);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--primary-green)}.timeline-content p{color:var(--text-secondary);line-height:1.6}.timeline-item.future .timeline-content{opacity:.7}.timeline-item.future .timeline-date{background:linear-gradient(45deg,#9ca3af,#6b7280)}.about-cta{background:var(--primary-gradient);color:#fff;text-align:center}.cta-content h2{font-size:var(--fs-4xl);font-weight:700;margin-bottom:var(--spacing-lg)}.cta-content p{font-size:var(--fs-xl);margin-bottom:var(--spacing-3xl);opacity:.9}.cta-buttons .btn{min-width:200px}.cta-buttons .btn-primary{background:#fff;color:var(--primary-green)}.cta-buttons .btn-primary:hover{background:#f8f9fa;transform:translateY(-3px)}.cta-buttons .btn-outline{border-color:#fff;color:#fff}.cta-buttons .btn-outline:hover{background:#fff;color:var(--primary-green)}@media(max-width:1024px){.why-content{grid-template-columns:1fr;gap:var(--spacing-3xl)}.why-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.about-hero{height:60vh;min-height:400px}.about-hero-title{font-size:var(--fs-3xl)}.about-hero-subtitle{font-size:var(--fs-xl)}.section-title{font-size:var(--fs-3xl)}.name-breakdown{flex-direction:column;align-items:center}.name-connector{transform:rotate(90deg);margin:var(--spacing-lg) 0}.mv-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.timeline:before{left:20px}.timeline-marker{left:20px}.timeline-item{flex-direction:row!important}.timeline-content{width:calc(100% - 60px);margin-left:var(--spacing-3xl)!important;margin-right:0!important}.why-stats{grid-template-columns:1fr}}@media(max-width:480px){.about-hero-title{font-size:var(--fs-2xl)}.about-hero-subtitle{font-size:var(--fs-lg)}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:300px}}.vm-statement{background:#fff;text-align:center;padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-2xl)}.vm-label{font-size:var(--fs-sm);font-weight:700;letter-spacing:4px;color:var(--primary-green);margin-bottom:var(--spacing-lg);text-transform:uppercase}.vm-headline{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:var(--text-primary);line-height:1.3;margin-bottom:var(--spacing-xl);letter-spacing:-1px}.vm-highlight{color:var(--primary-green);position:relative}.vm-subtext{font-size:var(--fs-lg);color:var(--text-secondary);line-height:1.8;max-width:600px;margin:0 auto}.hide-mobile{display:inline}.vm-pipeline{background:var(--bg-light)}.pipeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2xl);max-width:1100px;margin:0 auto;position:relative}.pipeline-card{background:#fff;border-radius:20px;padding:var(--spacing-2xl);text-align:center;box-shadow:0 4px 20px #0000000f;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative}.pipeline-card:hover{transform:translateY(-8px);box-shadow:0 16px 32px #0000001a}.pipeline-step{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--primary-gradient);color:#fff;font-size:var(--fs-xs);font-weight:700;padding:4px 16px;border-radius:999px;letter-spacing:1px}.pipeline-icon{font-size:3rem;margin:var(--spacing-lg) 0 var(--spacing-md)}.pipeline-title{font-size:var(--fs-xl);font-weight:700;color:var(--primary-green);margin-bottom:var(--spacing-xs)}.pipeline-subtitle{font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md)}.pipeline-desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.pipeline-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.pipeline-tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:500;background:#2c7a2c14;color:var(--primary-green);border:1px solid rgba(44,122,44,.15)}.pipeline-arrow{display:none;position:absolute;right:-28px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--primary-green);font-weight:700;z-index:5}@media(min-width:769px){.pipeline-arrow{display:block}}.vm-applications{background:#fff}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl);max-width:1100px;margin:0 auto}.app-card{background:var(--bg-light);border-radius:16px;padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;transition:all .3s ease;border:2px solid transparent}.app-card:hover{transform:translateY(-8px);box-shadow:0 12px 28px #00000014;border-color:var(--app-color);background:#fff}.app-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.app-title{font-size:var(--fs-lg);font-weight:700;color:var(--app-color);margin-bottom:var(--spacing-sm)}.app-desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6}.vm-roadmap{background:var(--bg-light)}.roadmap-timeline{max-width:800px;margin:0 auto;display:grid;gap:var(--spacing-xl)}.roadmap-phase{display:flex;align-items:center;gap:var(--spacing-xl);background:#fff;padding:var(--spacing-xl) var(--spacing-2xl);border-radius:16px;box-shadow:0 2px 12px #0000000a;transition:all .3s ease}.roadmap-phase:hover{transform:translate(8px);box-shadow:0 8px 24px #00000014}.roadmap-number{width:56px;height:56px;background:var(--primary-gradient);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--fs-xl);flex-shrink:0}.roadmap-content h4{font-size:var(--fs-lg);font-weight:700;color:var(--primary-green);margin-bottom:var(--spacing-xs)}.roadmap-content p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-sm)}.vm-why{background:#fff}.vm-why .why-content{max-width:900px;margin:0 auto;display:block}.vm-why .why-text{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}@media(max-width:1024px){.app-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.vm-headline{font-size:clamp(1.6rem,5vw,2.4rem)}.hide-mobile{display:none}.pipeline-grid{grid-template-columns:1fr;max-width:400px}.app-grid{grid-template-columns:1fr 1fr}.roadmap-phase{flex-direction:column;text-align:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.vm-why .why-text{grid-template-columns:1fr}}@media(max-width:480px){.app-grid{grid-template-columns:1fr;max-width:320px;margin:0 auto}}.fade-in-scroll{opacity:0;transform:translateY(30px);transition:all .8s ease}.tech-statement{text-align:center;padding:var(--spacing-4xl) 0}.tech-label{font-size:var(--fs-sm);font-weight:700;letter-spacing:3px;color:var(--primary-green);margin-bottom:var(--spacing-lg);text-transform:uppercase}.tech-headline{font-size:var(--fs-5xl);font-weight:800;line-height:1.3;color:var(--text-primary);margin-bottom:var(--spacing-xl)}.tech-highlight{color:var(--primary-green);position:relative}.tech-highlight:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:8px;background:#2c7a2c26;border-radius:4px;z-index:-1}.tech-subtext{font-size:var(--fs-lg);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.tech-core{background:var(--bg-light)}.tech-core-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.tech-core-card{background:#fff;border-radius:20px;padding:var(--spacing-2xl);box-shadow:0 4px 20px #0000000f;transition:all .4s ease;text-align:center}.tech-core-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.tech-core-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.tech-core-subtitle{font-size:var(--fs-xs);font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--primary-green);margin-bottom:var(--spacing-sm)}.tech-core-title{font-size:var(--fs-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.tech-core-desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg)}.tech-core-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.tech-core-tag{background:#2c7a2c14;color:var(--primary-green);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:500}.tech-architecture{background:#fff}.system-diagram{max-width:800px;margin:0 auto}.diagram-content{display:grid;gap:var(--spacing-md)}.diagram-layer{display:flex;align-items:center;gap:var(--spacing-xl);background:var(--bg-light);padding:var(--spacing-xl) var(--spacing-2xl);border-radius:var(--radius-xl);transition:all .3s ease}.diagram-layer:hover{transform:translate(8px);box-shadow:0 4px 16px #00000014}.diagram-layer:first-child{background:linear-gradient(135deg,#2c7a2c14,#3b82f614);border:1px solid rgba(44,122,44,.15)}.layer-title{font-size:var(--fs-base);font-weight:700;color:var(--primary-green);min-width:140px;flex-shrink:0}.layer-items{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.layer-items span{background:#fff;padding:6px 14px;border-radius:var(--radius-full);font-size:var(--fs-sm);color:var(--text-secondary);font-weight:500;box-shadow:0 1px 4px #0000000f}.tech-materials{background:var(--bg-light)}.materials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.material-card{background:#fff;border-radius:16px;padding:var(--spacing-xl);text-align:center;box-shadow:0 2px 12px #0000000d;transition:all .4s ease;border-top:3px solid var(--mat-color)}.material-card:hover{transform:translateY(-8px);box-shadow:0 16px 32px #0000001a}.material-crop{font-size:var(--fs-lg);font-weight:700;color:var(--mat-color);margin-bottom:var(--spacing-sm)}.material-name{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.material-use{font-size:var(--fs-xs);color:var(--text-secondary);line-height:1.5}.tech-ip{background:#fff}.ip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.ip-card{background:var(--bg-light);border-radius:16px;padding:var(--spacing-xl);text-align:center;transition:all .3s ease}.ip-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #00000014;background:#fff}.ip-icon{font-size:2rem;margin-bottom:var(--spacing-md)}.ip-title{font-size:var(--fs-base);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.ip-desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6}.roadmap-statement{text-align:center;padding:var(--spacing-4xl) 0}.roadmap-timeline-section{background:var(--bg-light)}.rm-timeline{max-width:900px;margin:0 auto;display:grid;gap:0}.rm-phase{display:flex;gap:var(--spacing-xl);min-height:180px}.rm-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:56px}.rm-number{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--fs-lg);color:#fff;background:var(--primary-gradient);flex-shrink:0;position:relative;z-index:1}.rm-done .rm-number{background:linear-gradient(135deg,#9ca3af,#6b7280)}.rm-active .rm-number{background:var(--primary-gradient);box-shadow:0 0 0 6px #2c7a2c33}.rm-upcoming .rm-number{background:linear-gradient(135deg,#3b82f6,#2563eb)}.rm-future .rm-number{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.rm-line{width:3px;flex:1;background:linear-gradient(to bottom,#2c7a2c4d,#2c7a2c1a);border-radius:2px}.rm-card{background:#fff;border-radius:16px;padding:var(--spacing-xl) var(--spacing-2xl);box-shadow:0 2px 12px #0000000a;flex:1;margin-bottom:var(--spacing-xl);transition:all .3s ease}.rm-card:hover{transform:translate(6px);box-shadow:0 8px 24px #00000014}.rm-active .rm-card{border-left:4px solid var(--primary-green);background:linear-gradient(135deg,#2c7a2c05,#fff)}.rm-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.rm-period{font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary)}.rm-status{padding:3px 12px;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600}.rm-status-done{background:#9ca3af26;color:#6b7280}.rm-status-active{background:#2c7a2c1a;color:var(--primary-green)}.rm-status-upcoming{background:#3b82f61a;color:#2563eb}.rm-status-future{background:#8b5cf61a;color:#7c3aed}.rm-title{font-size:var(--fs-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.rm-milestones{list-style:none;padding:0;margin:0;display:grid;gap:var(--spacing-xs)}.rm-milestones li{font-size:var(--fs-sm);color:var(--text-secondary);padding-left:var(--spacing-lg);position:relative;line-height:1.6}.rm-milestones li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--primary-green);opacity:.5}.rm-active .rm-milestones li:before{opacity:1}.roadmap-kpi{background:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.kpi-card{text-align:center;background:var(--bg-light);border-radius:16px;padding:var(--spacing-2xl) var(--spacing-lg);transition:all .3s ease}.kpi-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #00000014}.kpi-value{font-size:var(--fs-4xl);font-weight:800;color:var(--primary-green);margin-bottom:var(--spacing-xs)}.kpi-label{font-size:var(--fs-base);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.kpi-desc{font-size:var(--fs-xs);color:var(--text-secondary);line-height:1.5}@media(max-width:1024px){.kpi-grid,.ip-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tech-headline{font-size:var(--fs-3xl)}.tech-subtext{font-size:var(--fs-base)}.tech-core-grid{grid-template-columns:1fr}.materials-grid{grid-template-columns:repeat(2,1fr)}.ip-grid{grid-template-columns:1fr}.diagram-layer{flex-direction:column;text-align:center;gap:var(--spacing-md)}.layer-title{min-width:auto}.layer-items{justify-content:center}.section-title{font-size:var(--fs-3xl)}.rm-phase{gap:var(--spacing-md)}.rm-indicator{width:44px}.rm-number{width:44px;height:44px;font-size:var(--fs-base)}.rm-card{padding:var(--spacing-lg)}.rm-title{font-size:var(--fs-lg)}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.tech-headline{font-size:var(--fs-2xl)}.materials-grid{grid-template-columns:1fr}.section-title{font-size:var(--fs-2xl)}.rm-phase{gap:var(--spacing-sm)}.rm-indicator{width:36px}.rm-number{width:36px;height:36px;font-size:var(--fs-sm)}.rm-card{padding:var(--spacing-md)}.rm-card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.kpi-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.kpi-value{font-size:var(--fs-3xl)}}.team-overview{background:var(--bg-light)}.overview-text{background:#fff;padding:var(--spacing-3xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-medium);border-left:4px solid var(--primary-green)}.overview-text h2{color:var(--primary-green);margin-bottom:var(--spacing-xl);font-size:var(--fs-2xl)}.overview-text p{line-height:1.8;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.overview-text strong{color:var(--primary-green);font-weight:600}.team-values{display:grid;gap:var(--spacing-lg)}.value-item{background:var(--primary-gradient);color:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-green);transition:all var(--transition-normal)}.value-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #2c7a2c66}.value-item .value-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.value-title{font-weight:600;margin-bottom:var(--spacing-sm);font-size:var(--fs-lg)}.value-desc{font-size:var(--fs-sm);opacity:.9;line-height:1.5}.team-intro{background:#fff;text-align:center;padding-bottom:0}.team-intro-headline{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-lg);letter-spacing:-.5px}.team-intro-headline .highlight{color:var(--primary-green);position:relative}.team-intro-subtitle{font-size:var(--fs-lg);color:var(--text-secondary);max-width:500px;margin:0 auto;line-height:1.7}.team-cards-section{background:#fff}.team-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2xl);max-width:1100px;margin:0 auto}.team-card{background:#fff;border-radius:20px;padding:var(--spacing-3xl) var(--spacing-2xl);box-shadow:0 4px 20px #0000000f;text-align:center;transition:all .4s cubic-bezier(.25,.46,.45,.94);border-top:4px solid transparent;position:relative;overflow:hidden}.team-card:hover{transform:translateY(-12px);box-shadow:0 20px 40px #0000001a;border-top-color:var(--accent)}.team-card-avatar{width:100px;height:100px;border-radius:50%;margin:0 auto var(--spacing-xl);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;font-weight:700;box-shadow:0 8px 24px #00000026;transition:transform .4s ease}.team-card:hover .team-card-avatar{transform:scale(1.08)}.team-card-name{font-size:var(--fs-2xl);font-weight:700;color:var(--accent);margin-bottom:var(--spacing-xs)}.team-card-role{font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--spacing-lg)}.team-card-spec{font-size:var(--fs-xs);font-weight:600;color:var(--accent);letter-spacing:.5px;line-height:1.6;margin-bottom:var(--spacing-lg);opacity:.85}.team-card-tagline{font-size:var(--fs-base);color:var(--text-primary);font-weight:500;line-height:1.6;word-break:keep-all}.team-card-desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid #f0f0f0;word-break:keep-all;text-align:left}.team-card-details{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s cubic-bezier(.25,.46,.45,.94),opacity .4s ease .1s}.team-card:hover .team-card-details{max-height:500px;opacity:1}.team-card-responsibilities{text-align:left;margin-bottom:var(--spacing-lg)}.team-card-responsibilities h4{font-size:var(--fs-sm);font-weight:700;color:var(--accent);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.team-card-responsibilities ul{list-style:none;margin:0;padding:0}.team-card-responsibilities li{padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative;color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.6}.team-card-responsibilities li:before{content:"•";position:absolute;left:0;color:var(--accent);font-weight:700;font-size:1.2em}.team-card-techstack{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.team-card-tag{display:inline-block;padding:4px 12px;border-radius:999px;font-size:var(--fs-xs);font-weight:500;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);transition:all .25s ease}.team-card-tag:hover{background:var(--accent);color:#fff;transform:scale(1.05)}.organization-chart-section{background:var(--bg-light)}.organization-chart{max-width:1000px;margin:0 auto;padding:var(--spacing-4xl) var(--spacing-xl);background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-medium);text-align:center}.org-box{padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:600;display:inline-block;min-width:180px;box-sizing:border-box;margin:var(--spacing-md);text-align:center;transition:all var(--transition-normal)}.org-box:hover{transform:translateY(-3px);box-shadow:var(--shadow-medium)}.ceo-box{background:var(--primary-gradient);color:#fff;font-size:var(--fs-lg);line-height:1.5;padding:var(--spacing-xl) var(--spacing-2xl);position:relative;z-index:10;box-shadow:var(--shadow-green)}.ceo-box strong{font-weight:800;display:block;margin-top:var(--spacing-sm);font-size:var(--fs-xl)}.level-1-container{display:flex;flex-direction:column;align-items:center;position:relative}.ceo-line-down{height:40px;width:3px;background:linear-gradient(to bottom,var(--primary-green),var(--secondary-green));position:relative;z-index:1}.departments-connector{position:relative;width:100%;height:40px;display:flex;justify-content:center;align-items:flex-start}.connector-horizontal{position:absolute;left:25%;right:25%;top:0;height:3px;background:linear-gradient(to right,#9ccc65,#7cb342,#9ccc65);z-index:1}.connector-left-branch{position:absolute;left:calc(25% - 1.5px);top:0;width:3px;height:40px;background:linear-gradient(to bottom,#7cb342,#9ccc65);z-index:1}.connector-right-branch{position:absolute;right:calc(25% - 1.5px);top:0;width:3px;height:40px;background:linear-gradient(to bottom,#7cb342,#9ccc65);z-index:1}.department-box{background-color:#fff;color:var(--primary-green);font-size:var(--fs-lg);border:3px solid #7cb342;position:relative;z-index:10;font-weight:700}.level-2{display:flex;justify-content:center;width:100%;position:relative;gap:var(--spacing-4xl);padding:0 var(--spacing-xl)}.department-branch{position:relative;width:350px;display:flex;flex-direction:column;align-items:center}.dept-line-down{height:40px;width:3px;background:linear-gradient(to bottom,#7cb342,#9ccc65);position:relative;z-index:1;margin-top:var(--spacing-md)}.teams-connector{position:relative;width:100%;height:30px;display:flex;justify-content:center;align-items:flex-start;margin-bottom:var(--spacing-md)}.team-connector-horizontal{position:absolute;left:22%;right:22%;top:0;height:3px;background:linear-gradient(to right,#9ccc65,#7cb342,#9ccc65);z-index:1}.team-connector-left{position:absolute;left:calc(22% - 1.5px);top:0;width:3px;height:30px;background:linear-gradient(to bottom,#9ccc65,#aed581);z-index:1}.team-connector-right{position:absolute;right:calc(22% - 1.5px);top:0;width:3px;height:30px;background:linear-gradient(to bottom,#9ccc65,#aed581);z-index:1}.level-3{display:flex;justify-content:center;align-items:flex-start;width:100%;gap:8%}.team-box{background-color:#fff;color:var(--text-primary);border:2px solid #e0e0e0;font-size:var(--fs-sm);font-weight:500;flex:0 0 auto;padding:var(--spacing-lg) var(--spacing-xl);line-height:1.6;width:160px}.team-box strong{color:var(--primary-green);display:block;font-weight:600;margin-bottom:var(--spacing-xs)}.team-box span{color:var(--text-secondary);font-size:var(--fs-xs);font-weight:400}.team-culture{background:#fff}.culture-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.culture-item{background:var(--bg-light);padding:var(--spacing-2xl);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-normal);border:2px solid transparent}.culture-item:hover{transform:translateY(-10px);box-shadow:var(--shadow-medium);border-color:var(--primary-green);background:#fff}.culture-icon{font-size:3rem;margin-bottom:var(--spacing-lg)}.culture-item h3{font-size:var(--fs-xl);font-weight:600;color:var(--primary-green);margin-bottom:var(--spacing-lg)}.culture-item p{color:var(--text-secondary);line-height:1.6}@media(max-width:1024px){.overview-content{grid-template-columns:1fr;gap:var(--spacing-3xl)}.team-cards-grid{gap:var(--spacing-xl)}}@media(max-width:768px){.team-cards-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.team-card-avatar{width:80px;height:80px;font-size:2rem}.team-card-details{max-height:none;opacity:1}.organization-chart{padding:var(--spacing-2xl) var(--spacing-md)}.departments-connector{width:3px;flex-direction:column;height:auto}.connector-horizontal{display:none}.connector-left-branch,.connector-right-branch{width:3px;height:40px;margin:0 auto}.level-2{flex-direction:column;align-items:center;gap:0}.department-branch{width:100%;max-width:450px;margin-bottom:var(--spacing-3xl)}.org-box{min-width:140px;font-size:var(--fs-sm);padding:var(--spacing-md) var(--spacing-lg)}.team-box{width:auto;min-width:140px;flex:1}.ceo-box{font-size:var(--fs-base);padding:var(--spacing-lg) var(--spacing-xl)}.department-box{font-size:var(--fs-base)}.culture-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:480px){.level-3{flex-direction:column;gap:0;padding:0;align-items:center}.teams-connector{width:3px;flex-direction:column;margin:0 auto var(--spacing-md)}.team-connector-horizontal{display:none}.team-connector-left,.team-connector-right{width:3px;height:30px;margin:0 auto}.team-box{width:100%;max-width:300px;margin-bottom:var(--spacing-md)}.org-box{min-width:140px;margin:var(--spacing-sm) auto}.department-branch{max-width:350px}.culture-grid{grid-template-columns:1fr}}.project-hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e293b,#0f4c75)}.project-hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.project-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f172acc,#1e293b99,#0f4c75cc);animation:projectHeroShift 12s ease-in-out infinite alternate}@keyframes projectHeroShift{0%{background:linear-gradient(135deg,#0f172acc,#1e293b99,#0f4c75cc)}to{background:linear-gradient(225deg,#0f4c75cc,#2c7a2c99,#0f172acc)}}.project-hero-video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(44,122,44,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(16,185,129,.1) 0%,transparent 50%);animation:float 8s ease-in-out infinite}.project-hero-content{position:relative;z-index:10;text-align:center;color:var(--text-white);max-width:900px;animation:fadeInUp 1s ease}.project-badge{display:inline-block;background:#2c7a2c33;color:#64ffda;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--spacing-lg);border:1px solid rgba(100,255,218,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-hero-title{font-size:var(--fs-6xl);font-weight:800;margin-bottom:var(--spacing-lg);line-height:1.1}.gradient-text{background:linear-gradient(45deg,#64ffda,#2dd4bf,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-hero-description{font-size:var(--fs-xl);line-height:1.6;margin-bottom:var(--spacing-4xl);opacity:.9}.project-hero-stats{display:flex;justify-content:center;gap:var(--spacing-3xl);flex-wrap:wrap}.project-hero-stats .stat-item{text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.2);min-width:140px;transition:all var(--transition-normal)}.project-hero-stats .stat-item:hover{transform:translateY(-5px);background:#ffffff26}.project-hero-stats .stat-number{font-size:var(--fs-3xl);font-weight:800;color:#64ffda;margin-bottom:var(--spacing-sm)}.project-hero-stats .stat-label{font-size:var(--fs-sm);opacity:.8}.scroll-indicator{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);text-align:center;color:#ffffffb3;animation:fadeInUp 1s ease 1s both}.scroll-indicator span{display:block;font-size:var(--fs-sm);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:1px}.scroll-arrow{width:2px;height:30px;background:#ffffff80;margin:0 auto;position:relative;animation:scrollBounce 2s ease-in-out infinite}.scroll-arrow:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:8px;height:8px;border-right:2px solid rgba(255,255,255,.7);border-bottom:2px solid rgba(255,255,255,.7);transform:translate(-50%) rotate(45deg)}.section-title{text-align:center;font-size:var(--fs-4xl);font-weight:700;margin-bottom:var(--spacing-3xl);color:var(--primary-green);position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--primary-gradient);border-radius:2px}.project-overview{background:var(--bg-light)}.overview-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-4xl);align-items:start}.overview-intro{font-size:var(--fs-lg);line-height:1.8;color:var(--text-secondary);margin-bottom:var(--spacing-3xl);padding:var(--spacing-xl);background:#fff;border-radius:var(--radius-lg);border-left:4px solid var(--primary-green);box-shadow:var(--shadow-light)}.overview-highlights{display:grid;gap:var(--spacing-xl)}.highlight-item{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-light);transition:all var(--transition-normal)}.highlight-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.highlight-item h4{font-size:var(--fs-lg);font-weight:600;color:var(--primary-green);margin-bottom:var(--spacing-sm)}.highlight-item p{color:var(--text-secondary);line-height:1.6}.system-diagram{background:#fff;padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-medium);text-align:center}.diagram-title{font-size:var(--fs-xl);font-weight:600;color:var(--primary-green);margin-bottom:var(--spacing-xl)}.diagram-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.diagram-layer{background:var(--bg-light);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:2px solid var(--primary-green);transition:all var(--transition-normal)}.diagram-layer:hover{background:#2c7a2c0d;transform:scale(1.02)}.layer-title{font-weight:600;color:var(--primary-green);margin-bottom:var(--spacing-sm)}.layer-items{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.layer-items span{background:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--text-secondary);box-shadow:var(--shadow-light)}.system-components{background:#fff}.components-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.component-card{background:var(--bg-light);padding:var(--spacing-2xl);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-normal);border:1px solid rgba(44,122,44,.1)}.component-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-heavy);background:#fff}.component-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.component-card h3{font-size:var(--fs-xl);font-weight:600;color:var(--primary-green);margin-bottom:var(--spacing-lg)}.component-details p{font-size:var(--fs-base);color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.component-details ul{list-style:none;text-align:left}.component-details li{padding:var(--spacing-sm) 0;color:var(--text-secondary);position:relative;padding-left:var(--spacing-lg)}.component-details li:before{content:"•";color:var(--primary-green);font-weight:700;position:absolute;left:0}.key-features{background:var(--bg-light)}.features-grid{display:grid;gap:var(--spacing-4xl);max-width:1000px;margin:0 auto}.feature-item{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-3xl);align-items:center;background:#fff;padding:var(--spacing-3xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-medium);transition:all var(--transition-normal)}.feature-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-heavy)}.feature-item.reverse{grid-template-columns:2fr 1fr}.feature-item.reverse .feature-visual{order:2}.feature-item.reverse .feature-content{order:1}.feature-visual{text-align:center;background:var(--primary-gradient);border-radius:var(--radius-xl);padding:var(--spacing-3xl);color:#fff}.feature-icon-large{font-size:5rem;margin-bottom:var(--spacing-lg)}.feature-content h3{font-size:var(--fs-2xl);font-weight:600;color:var(--primary-green);margin-bottom:var(--spacing-lg)}.feature-content p{font-size:var(--fs-base);line-height:1.7;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.feature-tech{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.tech-tag{background:#2c7a2c1a;color:var(--primary-green);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:500;border:1px solid rgba(44,122,44,.2)}.tech-stack{background:#fff}.tech-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.tech-category{background:var(--bg-light);padding:var(--spacing-2xl);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.tech-category:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.tech-category h3{font-size:var(--fs-xl);font-weight:600;color:var(--primary-green);margin-bottom:var(--spacing-xl);text-align:center}.tech-items{display:grid;gap:var(--spacing-md)}.tech-item{display:flex;align-items:center;gap:var(--spacing-md);background:#fff;padding:var(--spacing-md);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.tech-item:hover{background:#2c7a2c0d;transform:translate(5px)}.tech-item.highlight-tech{background:linear-gradient(45deg,#2c7a2c1a,#3b82f61a);border:2px solid var(--primary-green);position:relative}.tech-item.highlight-tech:before{content:"🚀 NEW";position:absolute;top:-8px;right:-8px;background:var(--primary-green);color:#fff;font-size:10px;padding:2px 6px;border-radius:8px;font-weight:600}.tech-item.highlight-tech:hover{background:linear-gradient(45deg,#2c7a2c33,#3b82f633);transform:translate(10px) scale(1.05);box-shadow:0 4px 15px #2c7a2c4d}.tech-logo{font-size:var(--fs-xl);width:40px;text-align:center}.tech-item span{font-weight:500;color:var(--text-secondary)}.project-goals{background:var(--bg-light)}.goals-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-4xl);align-items:start}.goals-main h3{font-size:var(--fs-2xl);font-weight:600;color:var(--primary-green);margin-bottom:var(--spacing-lg)}.goals-description{font-size:var(--fs-lg);line-height:1.8;color:var(--text-secondary);margin-bottom:var(--spacing-3xl)}.goals-timeline{display:grid;gap:var(--spacing-xl)}.goal-phase{display:flex;align-items:center;gap:var(--spacing-lg);background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-light)}.phase-number{width:50px;height:50px;background:var(--primary-gradient);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-lg);flex-shrink:0}.phase-content h4{font-size:var(--fs-lg);font-weight:600;color:var(--primary-green);margin-bottom:var(--spacing-sm)}.phase-content p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.phase-status{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase}.phase-status.current{background:#22c55e1a;color:#16a34a}.phase-status.upcoming{background:#3b82f61a;color:#2563eb}.phase-status.future{background:#9ca3af1a;color:#6b7280}.goals-metrics h3{font-size:var(--fs-xl);font-weight:600;color:var(--primary-green);margin-bottom:var(--spacing-xl);text-align:center}.metrics-grid{display:grid;gap:var(--spacing-lg)}.metric-item{background:var(--primary-gradient);color:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-green);transition:all var(--transition-normal)}.metric-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2c7a2c66}.metric-value{font-size:var(--fs-2xl);font-weight:800;margin-bottom:var(--spacing-sm)}.metric-label{font-size:var(--fs-sm);opacity:.9}.project-cta{background:var(--primary-gradient);color:#fff;text-align:center}.project-cta .cta-content h2{font-size:var(--fs-4xl);font-weight:700;margin-bottom:var(--spacing-lg)}.project-cta .cta-content p{font-size:var(--fs-xl);margin-bottom:var(--spacing-3xl);opacity:.9}.project-cta .cta-buttons{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.project-cta .cta-buttons .btn{min-width:180px}.project-cta .btn-primary{background:#fff;color:var(--primary-green)}.project-cta .btn-primary:hover{background:#f8f9fa;transform:translateY(-3px)}.project-cta .btn-outline{border-color:#fff;color:#fff}.project-cta .btn-outline:hover{background:#fff;color:var(--primary-green)}@media(max-width:1024px){.overview-content,.goals-content{grid-template-columns:1fr;gap:var(--spacing-3xl)}.feature-item,.feature-item.reverse{grid-template-columns:1fr;text-align:center}.feature-item.reverse .feature-visual,.feature-item.reverse .feature-content{order:0}}@media(max-width:768px){.project-hero{height:80vh;min-height:600px}.project-hero-title{font-size:var(--fs-4xl)}.project-hero-description{font-size:var(--fs-lg)}.project-hero-stats{flex-direction:column;align-items:center}.section-title{font-size:var(--fs-3xl)}}@media(max-width:480px){.project-hero-title{font-size:var(--fs-3xl)}.project-hero-description{font-size:var(--fs-base)}.project-cta .cta-buttons{flex-direction:column;align-items:center}.project-cta .cta-buttons .btn{width:100%;max-width:300px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(-20px);opacity:.6}}@keyframes scrollBounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}.ci-container{max-width:1200px;margin:0 auto;padding:30px;background-color:#fff;box-shadow:0 0 20px #0000000d}.ci-header h1{font-size:3em;color:#333;margin-bottom:10px}.ci-header p{font-size:1.1em;color:#555;margin-bottom:40px}.ci-header p strong{color:#0f4c75}.ci-section h2{font-size:1.8em;border-bottom:2px solid #eee;padding-bottom:10px;margin-top:30px;margin-bottom:20px}.symbol-mark-display{display:flex;gap:20px;height:150px;align-items:center}.logo-box{flex:1;display:flex;justify-content:center;align-items:center;height:100%;border:1px solid #ddd}.logo-light{background-color:#fff}.logo-light .ci-logo-text{font-size:2.5em;font-weight:700;color:#2c7a2cb3}.logo-dark{background-color:#0f4c75cc;border:none}.logo-dark .ci-logo-text{font-size:2.5em;font-weight:700;color:#fff}.color-grid{display:flex;flex-direction:column;gap:20px}.color-item{display:flex;border:1px solid #ddd}.color-sample{width:25%;min-width:200px;display:flex;justify-content:center;align-items:center;font-weight:700;color:#333;padding:20px;font-size:1.2em}.color-info{flex:1;padding:20px;background-color:#f9f9f9}.color-info p{margin:5px 0;color:#444}.color-green{background-color:#2c7a2cb3;color:#fff}.color-blue{background-color:#0f4c75cc;color:#fff}.brand-story{max-width:800px;margin:0 auto;text-align:center;margin-bottom:3rem}.brand-story p{font-size:1.1em;line-height:1.8;color:#555;margin-bottom:1rem}.slogan-section{background-color:#2c7a2cb3;color:#fff;padding:4rem 2rem;text-align:center;margin:40px 0}.slogan-main{font-size:2.5rem;font-weight:800;margin-bottom:1rem;line-height:1.3}.slogan-sub{font-size:1.25rem;opacity:.9;font-weight:300}.typography-section{margin-top:3rem}.font-showcase{background:#f9f9f9;padding:2rem;margin-bottom:2rem;border:1px solid #ddd}.font-name{font-size:.875rem;color:#666;margin-bottom:.5rem;text-transform:uppercase}.font-sample-large{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.font-sample-medium{font-size:1.5rem;font-weight:500;margin-bottom:.5rem}.font-sample-small{font-size:1rem;line-height:1.6;color:#555}@media(max-width:768px){.slogan-main{font-size:1.75rem}.font-sample-large{font-size:2rem}.ci-logo-text{font-size:2rem!important}.symbol-mark-display{flex-direction:column;height:auto}.logo-box{padding:2rem}.color-item{flex-direction:column}.color-sample{width:100%;min-height:100px}}.faq-search .search-container{display:flex;align-items:center;background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-xl);box-shadow:var(--shadow-light);max-width:600px;margin:0 auto}.search-icon{margin-right:var(--spacing-md);font-size:1.3rem}.search-input{flex:1;border:none;font-size:var(--fs-base);outline:none;font-family:inherit}.category-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.category-tab{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);background:var(--bg-light);font-weight:500;color:var(--primary-green);border:1px solid transparent;transition:.3s ease;cursor:pointer;font-family:inherit;font-size:var(--fs-base)}.category-tab:hover{background:#2c7a2c1a}.category-tab.active{background:var(--primary-gradient);color:#fff}.faq-item{background:#fff;border-left:4px solid transparent;padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-light);transition:all .3s ease;overflow:hidden}.faq-item.open{background-color:#2c7a2c0d;border-left-color:var(--primary-green);box-shadow:var(--shadow-medium)}.faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:var(--fs-lg);cursor:pointer;color:var(--primary-green)}.faq-toggle{font-size:var(--fs-lg);margin-left:var(--spacing-sm);transition:transform .3s ease;flex-shrink:0}.faq-item.open .faq-toggle{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease;font-size:var(--fs-base);color:var(--text-secondary)}.faq-answer-inner{padding-top:var(--spacing-md);line-height:1.7}.faq-item.open .faq-answer{max-height:200px}.section-sm{padding:var(--spacing-xl) 0}.faq-no-results{text-align:center;padding:var(--spacing-3xl);color:var(--text-secondary);font-size:var(--fs-lg)}.contact-main{background:var(--bg-light);padding:var(--spacing-4xl) 0}.contact-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-4xl);align-items:start}.contact-form{background:#fff;padding:var(--spacing-3xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-medium)}.contact-form h2{color:var(--primary-green);margin-bottom:var(--spacing-xl);font-size:var(--fs-2xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-primary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-md);border:2px solid #e5e7eb;border-radius:var(--radius-lg);font-size:var(--fs-base);transition:var(--transition-normal);font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #2c7a2c1a}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:var(--primary-gradient);color:#fff;padding:var(--spacing-lg) var(--spacing-2xl);border:none;border-radius:var(--radius-lg);font-size:var(--fs-lg);font-weight:600;cursor:pointer;transition:var(--transition-normal);width:100%;font-family:inherit}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2c7a2c66}.contact-info{display:grid;gap:var(--spacing-xl)}.info-card{background:#fff;padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-medium);text-align:center;transition:var(--transition-normal)}.info-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-heavy)}.info-icon{font-size:2.5rem;margin-bottom:var(--spacing-lg);color:var(--primary-green)}.info-card h3{color:var(--primary-green);margin-bottom:var(--spacing-md);font-size:var(--fs-lg);font-weight:600}.info-card p{color:var(--text-secondary);line-height:1.6}.info-card a{color:var(--primary-green);text-decoration:none;font-weight:500}.info-card a:hover{text-decoration:underline}.social-links{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-light);border-radius:50%;color:var(--primary-green);font-size:1.3rem;transition:all .3s ease;text-decoration:none}.social-link:hover{background:var(--primary-green);color:#fff;transform:scale(1.1)}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}.submit-btn{font-size:var(--fs-base)}}.location-map-section{padding:var(--spacing-4xl) 0;background:var(--bg-light)}.map-wrapper{width:100%;height:450px;border-radius:var(--radius-xl);box-shadow:var(--shadow-medium);margin-bottom:var(--spacing-3xl);overflow:hidden;background:#e5e7eb;display:flex;align-items:center;justify-content:center}.map-wrapper iframe{width:100%;height:100%;border:none}.location-info{background:#fff;padding:var(--spacing-3xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-medium)}.location-info h2{font-size:var(--fs-2xl);font-weight:700;color:var(--primary-green);margin-bottom:var(--spacing-lg)}.location-info ul{list-style:none;padding:0;margin:0}.location-info ul li{font-size:var(--fs-base);color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.7}.location-info ul li strong{color:var(--text-primary)}@media(max-width:768px){.map-wrapper{height:300px}}.news-section{padding:var(--spacing-4xl) 0;background-color:var(--bg-light)}.news-grid{display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr}@media(min-width:768px){.news-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.news-grid{grid-template-columns:repeat(3,1fr)}}.news-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-light);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.news-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.news-card-img{width:100%;height:180px;object-fit:cover;background:linear-gradient(135deg,#2c7a2c33,#3b82f633);display:flex;align-items:center;justify-content:center;font-size:3rem}.news-content{padding:var(--spacing-xl);flex:1;display:flex;flex-direction:column;justify-content:space-between}.news-title{font-size:var(--fs-xl);font-weight:700;color:var(--primary-green);margin-bottom:var(--spacing-sm)}.news-summary{font-size:var(--fs-base);color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.read-more{font-weight:600;color:var(--primary-green);text-decoration:none;align-self:flex-start;transition:.3s}.read-more:hover{text-decoration:underline;transform:translate(4px)}.blog-hero{background:linear-gradient(135deg,#9333ea,#3b82f6);color:#fff;text-align:center;padding:2rem 0 0;min-height:400px;display:flex;align-items:center;justify-content:center}.blog-hero h1{font-size:var(--fs-5xl);font-weight:800;margin-bottom:var(--spacing-md)}.blog-hero p{font-size:var(--fs-xl);opacity:.9}.blog-list-section{padding:var(--spacing-4xl) 0;background:var(--bg-light)}.blog-grid{display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr}@media(min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-light);overflow:hidden;transition:.3s ease;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.blog-thumbnail{width:100%;height:180px;object-fit:cover}.blog-content{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.blog-title{font-size:var(--fs-xl);font-weight:700;color:var(--primary-green)}.blog-meta{font-size:var(--fs-sm);color:var(--text-secondary)}.blog-button{margin-top:auto;align-self:flex-start;padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-gradient);color:#fff;font-weight:600;border-radius:var(--radius-full);text-decoration:none;transition:.3s}.blog-button:hover{background:var(--primary-green)}.investment-hero{background:linear-gradient(135deg,#1e3a8a,#3b82f6,#2c7a2c);color:#fff;text-align:center;padding:2rem 0 0;min-height:400px;display:flex;align-items:center;justify-content:center}.investment-hero h1{font-size:var(--fs-5xl);font-weight:800;margin-bottom:var(--spacing-md)}.investment-hero p{font-size:var(--fs-xl);opacity:.9}.investment-stats{padding:var(--spacing-4xl) 0;background:var(--bg-light)}.investment-summary{padding:var(--spacing-3xl) 0;background:#fff}.chart-container{max-width:500px;margin:0 auto;padding:var(--spacing-2xl);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-light);display:flex;flex-direction:column;align-items:center}.doughnut-chart{position:relative;width:280px;height:280px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-2xl)}.doughnut-chart .center-hole{position:absolute;width:70%;height:70%;border-radius:50%;background:#fff;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column}.doughnut-chart .center-hole .chart-label{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:4px}.doughnut-chart .center-hole .chart-value{font-size:var(--fs-2xl);font-weight:800;color:var(--primary-green)}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--fs-base);color:var(--text-secondary)}.legend-color{width:14px;height:14px;border-radius:3px;flex-shrink:0}.summary-card{background:var(--bg-light);padding:var(--spacing-2xl);border-radius:var(--radius-xl);text-align:center;transition:all .3s ease;border:1px solid rgba(44,122,44,.1)}.summary-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.summary-card h3{font-size:var(--fs-lg);font-weight:600;color:var(--primary-green);margin-bottom:var(--spacing-md)}.summary-card p{font-size:var(--fs-xl);color:var(--text-secondary)}.summary-card p strong{color:var(--text-primary)}@media(max-width:768px){.grid-3{grid-template-columns:1fr}.doughnut-chart{width:220px;height:220px}}.fade-in-scroll{opacity:0;transform:translateY(30px);transition:all .6s ease}.fade-in-scroll.visible{opacity:1;transform:translateY(0)}*{margin:0;padding:0;box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{background:none;border:none;padding:0;cursor:pointer}input,textarea,select{border:none;outline:none;font-family:inherit}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}html{scroll-behavior:smooth}html,body{-webkit-text-size-adjust:100%}:root{--primary-green: #2c7a2c;--secondary-green: #27ae60;--accent-blue: #2980b9;--dark-blue: #1e3a8a;--primary-gradient: linear-gradient(135deg, #2c7a2c 0%, #27ae60 100%);--hero-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--tech-gradient: linear-gradient(45deg, #2c7a2c, #2980b9);--text-primary: #333333;--text-secondary: #666666;--text-light: #999999;--text-white: #ffffff;--bg-white: #ffffff;--bg-light: #f8f9fa;--bg-dark: #2c3e50;--bg-overlay: rgba(0, 0, 0, .5);--bg-overlay-light: rgba(255, 255, 255, .9);--shadow-light: 0 2px 10px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .15);--shadow-heavy: 0 8px 30px rgba(0, 0, 0, .2);--shadow-green: 0 4px 15px rgba(44, 122, 44, .3);--font-primary: "Noto Sans KR", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;--font-secondary: "Pretendard", "Noto Sans KR", "Inter", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "D2Coding", monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--fs-4xl: 2.25rem;--fs-5xl: 3rem;--fs-6xl: 3.75rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 1000;--z-modal: 400;--z-popover: 500;--z-tooltip: 600;--z-toast: 700}html{font-size:16px;line-height:1.5}body{font-family:var(--font-primary);font-size:var(--fs-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--text-primary)}h1{font-size:var(--fs-5xl)}h2{font-size:var(--fs-4xl)}h3{font-size:var(--fs-3xl)}h4{font-size:var(--fs-2xl)}h5{font-size:var(--fs-xl)}h6{font-size:var(--fs-lg)}p{margin-bottom:var(--spacing-md);line-height:1.7}a{color:var(--primary-green);transition:var(--transition-normal)}a:hover{color:var(--secondary-green)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--fs-base);font-weight:600;border-radius:var(--radius-lg);transition:var(--transition-normal);cursor:pointer;border:none;text-decoration:none}.btn-primary{background:var(--primary-gradient);color:var(--text-white);box-shadow:var(--shadow-green)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2c7a2c66}.btn-outline{background:transparent;color:var(--primary-green);border:2px solid var(--primary-green)}.btn-outline:hover{background:var(--primary-green);color:var(--text-white)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl)}.section{padding:var(--spacing-4xl) 0}.grid{display:grid;gap:var(--spacing-xl)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.team-cta{background:var(--primary-gradient);color:#fff;text-align:center}.team-cta .cta-content h2{font-size:var(--fs-4xl);font-weight:700;margin-bottom:var(--spacing-lg);color:#fff}.team-cta .cta-content p{font-size:var(--fs-xl);margin-bottom:var(--spacing-3xl);opacity:.9}.cta-buttons{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.cta-buttons .btn{min-width:180px}.team-cta .btn-primary{background:#fff;color:var(--primary-green)}.team-cta .btn-primary:hover{background:#f8f9fa;transform:translateY(-3px)}.team-cta .btn-outline{border-color:#fff;color:#fff}.team-cta .btn-outline:hover{background:#fff;color:var(--primary-green)}.footer{background:var(--bg-dark);color:#fff;padding:var(--spacing-3xl) 0 var(--spacing-xl)}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl)}.footer-brand{flex-shrink:0}.footer-brand h3{font-size:var(--fs-2xl);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--secondary-green)}.footer-brand p{color:#94a3b8;font-size:var(--fs-sm)}.footer-links-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.footer-main-link{display:flex;align-items:flex-start;gap:var(--spacing-xl)}.footer-main-link>a{font-weight:700;font-size:var(--fs-lg);color:#fff;width:120px;text-align:left}.footer-sub-links{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.footer-sub-links a{color:#94a3b8;text-decoration:none;font-weight:500;transition:var(--transition-normal)}.footer-sub-links a:hover{color:var(--secondary-green)}@media(max-width:1024px){html{font-size:15px}.container{padding:0 var(--spacing-lg)}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){html{font-size:14px}.container{padding:0 var(--spacing-md)}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.section{padding:var(--spacing-3xl) 0}h1{font-size:var(--fs-4xl)}h2{font-size:var(--fs-3xl)}h3{font-size:var(--fs-2xl)}.footer-content{flex-direction:column;align-items:center;gap:var(--spacing-2xl);text-align:center}.footer-brand{text-align:center}.footer-links-container{align-items:center;width:100%}.footer-main-link{flex-direction:column;gap:var(--spacing-md);align-items:center;text-align:center}.footer-main-link>a{text-align:center}.footer-sub-links{justify-content:center}.footer-info{word-break:break-all;text-align:center}}@media(max-width:480px){.container{padding:0 var(--spacing-md)}.section{padding:var(--spacing-2xl) 0}}.hero-section{position:relative;height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background-size:cover;background-position:center}.hero-section.about{background:linear-gradient(135deg,#1e3a8a,#3b82f6,#2c7a2c)}.hero-section.technology{background:linear-gradient(135deg,#0f4c75,#3282b8,#2c7a2c)}.hero-section.investment{background:linear-gradient(135deg,#1e3a8a,#3b82f6,#2c7a2c)}.hero-section.faq{background:linear-gradient(135deg,#2c7a2c,#3b82f6,#1e3a8a)}.hero-section .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.hero-title{font-size:4.5rem;font-weight:900;color:#fff;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 4px 10px rgba(0,0,0,.3)}.breadcrumb{display:flex;justify-content:center;align-items:center;gap:.75rem;font-size:1.125rem;color:#fff;margin-top:1rem;z-index:10}.breadcrumb span{opacity:.8}.breadcrumb a{color:#fffc;text-decoration:none;transition:opacity .15s}.breadcrumb a:hover{opacity:1}.breadcrumb .current{font-weight:600}.sub-nav-menu{position:absolute;bottom:0;width:100%;background-color:#003366d9;min-height:80px;display:flex;justify-content:center;align-items:center;z-index:20}.sub-nav-menu ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0;width:100%}.sub-nav-menu li{flex:1;text-align:center;cursor:pointer;transition:background-color .2s}.sub-nav-menu li:hover{background-color:#0000001a}.sub-nav-menu a{color:#fff;text-decoration:none;font-size:1.125rem;font-weight:500;padding:20px;display:block;width:100%;height:100%;transition:all .2s}.sub-nav-menu li.active-tab{position:relative}.sub-nav-menu li.active-tab:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:4px;background-color:#fff}@media(max-width:768px){.hero-section{height:450px}.hero-section .hero-overlay{padding-top:80px;padding-bottom:80px}.hero-title{font-size:3rem}.breadcrumb{font-size:1rem}.sub-nav-menu{min-height:60px}.sub-nav-menu a{font-size:1rem;padding:15px}.sub-nav-menu ul{flex-wrap:wrap}.sub-nav-menu li{flex:1 1 50%}}@media(max-width:480px){.hero-section{height:400px}.hero-section .hero-overlay{padding-top:80px;padding-bottom:140px}.hero-title{font-size:2rem}.breadcrumb{font-size:.875rem;flex-wrap:wrap;gap:.5rem}.sub-nav-menu a{font-size:.875rem;padding:12px}.sub-nav-menu li{flex:1 1 100%}}.header{position:fixed;top:0;left:0;width:100%;height:80px;background:#fff;z-index:var(--z-fixed);transition:var(--transition-normal);border-bottom:1px solid #eee}.nav{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--spacing-xl);max-width:1200px;margin:0 auto}.logo{display:flex;align-items:center;font-size:var(--fs-3xl);font-weight:800;color:#000;text-decoration:none;z-index:var(--z-modal)}.logo:hover{color:var(--secondary-green)}.logo-img{height:65px;width:auto;margin-right:var(--spacing-sm);background-color:#fff;border-radius:4px;padding:4px}.logo-text{font-family:Montserrat,sans-serif;margin-left:var(--spacing-sm);background:linear-gradient(to right,#adff2f,green,#87ceeb,#00f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.desktop-links{display:flex;align-items:center;list-style:none;gap:var(--spacing-3xl)}.desktop-links .nav-link a{color:#000;text-decoration:none;border-radius:var(--radius-md);transition:var(--transition-normal)}.desktop-links .nav-link a:hover{background:#2c7a2c1a;color:var(--primary-green)}.nav-link.has-dropdown{position:static}.hamburger{display:none;position:relative;width:30px;height:30px;cursor:pointer;z-index:890;background:none;border:none;padding:0}.hamburger-line{position:absolute;left:0;width:100%;height:2px;background:var(--text-primary);border-radius:1px;transition:var(--transition-normal);transform-origin:center}.hamburger-line:nth-child(1){top:6px}.hamburger-line:nth-child(2){top:14px}.hamburger-line:nth-child(3){top:22px}.hamburger.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.nav-menu{display:flex;position:fixed;top:0;right:0;width:400px;height:100vh;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translate(100%);transition:transform var(--transition-slow);z-index:1100;flex-direction:column;border-left:1px solid rgba(44,122,44,.1);overflow:hidden}.nav-menu.active{transform:translate(0)}.nav-close-btn{position:absolute;top:25px;right:25px;background:none;border:none;font-size:2.5rem;color:var(--text-primary);cursor:pointer;z-index:1000;padding:0;line-height:1}.nav-close-btn:hover{color:var(--primary-green)}.nav-menu-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-top:70px;padding-bottom:var(--spacing-xl)}.mobile-links{list-style:none;padding:0 var(--spacing-xl)}.mobile-links .nav-link{margin-bottom:var(--spacing-md)}.mobile-links .nav-link a{display:flex;font-size:var(--fs-2xl);font-weight:700;color:var(--text-primary);text-decoration:none;border-radius:var(--radius-lg);transition:var(--transition-normal)}.mobile-links .nav-link a:hover{background:#2c7a2c1a;color:var(--primary-green);transform:translate(8px)}.nav-icon{width:24px;height:24px;margin-right:var(--spacing-md)}.nav-footer{flex-shrink:0;padding:var(--spacing-xl);border-top:1px solid rgba(44,122,44,.1);background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-footer-text{font-size:var(--fs-sm);color:var(--text-light);text-align:center;line-height:1.4}.nav-footer-slogan{font-weight:600;color:var(--primary-green);margin-top:var(--spacing-sm)}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0000004d;opacity:0;visibility:hidden;transition:all var(--transition-slow);z-index:1050}.nav-overlay.active{opacity:1;visibility:visible}.mega-menu-container{position:absolute;top:100%;left:50%;transform:translate(-50vw);width:100vw;background-color:#e6f5e6e6;box-shadow:0 4px 8px #0000001a;padding:4rem 0;display:none;z-index:1000}.mega-menu-container:before{content:"";position:absolute;top:0;left:0;bottom:0;background-color:var(--primary-green);z-index:0}@media(min-width:1200px){.mega-menu-container:before{width:calc((100vw - 1200px)/2 + 250px + 2rem)}}@media(min-width:768px)and (max-width:1199.98px){.mega-menu-container:before{width:calc(250px + 2rem)}}.mega-menu-content{max-width:1200px;margin:0 auto;padding:0;display:flex;align-items:flex-start;position:relative;z-index:1}.mega-menu-container.visible{display:block}.mega-menu-title{font-size:2rem;font-weight:700;color:#fff;margin-right:2rem;min-width:150px}.mega-menu-links{display:flex;list-style:none;padding:0;margin:0;gap:3rem;margin-left:12rem}.mega-menu-links li a{color:var(--text-primary);text-decoration:none;transition:var(--transition-normal);font-size:1.125rem}.mega-menu-links li a:hover{color:var(--primary-green)}.nav-link.has-dropdown .dropdown-menu{display:none!important}.nav-link-header{display:flex;justify-content:space-between;align-items:center;width:100%}.submenu-toggle{background:none;border:none;color:var(--text-primary);font-size:var(--fs-2xl);cursor:pointer;padding:var(--spacing-md);line-height:1;flex-shrink:0}.submenu-placeholder{padding:var(--spacing-md);font-size:var(--fs-2xl);line-height:1;flex-shrink:0;visibility:hidden}.nav-link-header>a{flex-grow:1}.submenu-toggle:hover{color:var(--primary-green)}.submenu{list-style:none;padding-left:calc(var(--spacing-md) + 24px);max-height:0;overflow:hidden;transition:max-height .5s ease-in-out,padding .5s ease-in-out}.submenu.active{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.submenu li a{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-light);text-decoration:none;font-size:var(--fs-sm)!important;border-radius:var(--radius-md);transition:var(--transition-normal)}.submenu li a:hover{background:#2c7a2c1a;color:var(--primary-green)}@media(max-width:1024px){.desktop-links{display:none!important}.hamburger{display:block}.mega-menu-container{display:none!important}.nav{padding:0 var(--spacing-lg)}.nav-menu{width:100vw}.logo{font-size:var(--fs-xl)}.logo-img{height:55px}.mobile-links{padding:0 var(--spacing-lg)}.nav-icon{width:20px;height:20px}}@media(max-width:480px){.nav{padding:0 var(--spacing-md)}.logo{font-size:var(--fs-lg)}.logo-img{height:45px}.hamburger{width:25px;height:25px}.hamburger-line:nth-child(1){top:5px}.hamburger-line:nth-child(2){top:12px}.hamburger-line:nth-child(3){top:19px}.nav-icon{width:18px;height:18px}}