:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;--prime-green:#8bc53f;--prime-green-hover:#79b536;--bg-primary:#080d12;--bg-secondary:#111820;--bg-header:#080d12f5;--text-primary:#fff;--text-secondary:#9ca3af;--border-color:#252c32;background:#080d12;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg-primary);min-width:320px;margin:0}#root{min-height:100vh}a{color:inherit;text-decoration:none}.container{width:min(1200px,90%);margin:0 auto}.header{z-index:100;background:var(--bg-header);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--border-color);position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;gap:24px;min-height:80px;display:flex}.logo{white-space:nowrap;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.logo img{object-fit:contain;width:48px;height:48px}.logo span{color:#f5f5f0;letter-spacing:-1px;font-size:25px;font-style:italic;font-weight:800}.navigation{align-items:center;gap:32px;display:flex}.navigation a{color:#cbd5e1;font-size:14px;font-weight:500;transition:color .2s}.navigation a:hover{color:var(--prime-green)}.hero{background:radial-gradient(at 75% 40%,#a8ed160f,#0000 55%),linear-gradient(135deg,#111820,#080d12);align-items:center;min-height:650px;padding:110px 0;display:flex;position:relative;overflow:hidden}.hero-content{z-index:1;position:relative}.hero-badge{color:var(--prime-green);letter-spacing:2px;background:#a8ed1612;border:1px solid #a8ed1659;border-radius:30px;padding:9px 16px;font-size:12px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-2px;max-width:850px;margin:30px 0;font-size:clamp(38px,5.5vw,72px);font-weight:800;line-height:1.12}.hero h1 span{background:linear-gradient(110deg,#a3d65c 0%,#8bc53f 50%,#65a830 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{max-width:650px;color:var(--text-secondary);font-size:19px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:40px;display:flex}.btn{border-radius:8px;justify-content:center;align-items:center;min-height:52px;padding:14px 26px;font-size:14px;font-weight:700;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-3px)}.btn-primary{color:#080d12;background:#f5f5f0}.btn-primary:hover{background:#e5e5df}.btn-secondary{color:var(--text-primary);background:#ffffff08;border:1px solid #38414a}.btn-secondary:hover{border-color:var(--prime-green);background:#a8ed160f}.section{background:var(--bg-secondary);padding:110px 0}.section-dark{background:var(--bg-primary)}.section h2{letter-spacing:-1px;margin:0 0 20px;font-size:clamp(30px,4vw,42px);font-weight:800}.section p{max-width:700px;color:var(--text-secondary);font-size:17px;line-height:1.8}.section-heading{max-width:750px;margin-bottom:50px}.section-label{color:var(--prime-green);letter-spacing:2px;margin-bottom:16px;font-size:12px;font-weight:800;display:inline-block}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.feature-card{border:1px solid var(--border-color);background:#151d25;border-radius:14px;padding:34px;transition:transform .25s,border-color .25s}.feature-card:hover{border-color:var(--prime-green);transform:translateY(-5px)}.feature-card svg{color:var(--prime-green);margin-bottom:24px}.feature-card h3{color:#f5f5f0;margin:0 0 14px;font-size:19px;font-weight:700}.feature-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.8}@media (width<=900px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.features-grid{grid-template-columns:1fr}.feature-card{padding:28px}}.showcase-section{background:#080d12;padding:120px 0}.showcase-content{grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px;display:grid}.showcase-info h2{letter-spacing:-1.5px;margin:16px 0 24px;font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.2}.showcase-info h2 span{color:var(--prime-green)}.showcase-info p{color:var(--text-secondary);margin-bottom:22px;font-size:16px;line-height:1.9}.showcase-info .btn{margin-top:18px}.showcase-visual{min-width:0}.showcase-image{background:#111820;border:1px solid #303a32;border-radius:16px;overflow:hidden;box-shadow:0 25px 65px #00000059}.showcase-image img{width:100%;height:auto;display:block}.showcase-caption{color:#9ca3af;letter-spacing:2px;justify-content:center;align-items:center;gap:10px;margin-top:20px;font-size:11px;font-weight:700;display:flex}.showcase-status{background:var(--prime-green);border-radius:50%;width:8px;height:8px}@media (width<=900px){.showcase-content{grid-template-columns:1fr;gap:45px}.showcase-section{padding:85px 0}}@media (width<=600px){.showcase-section{padding:70px 0}.showcase-info h2{font-size:34px}}.panels-section{background:#111820}.panels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.panel-card{border:1px solid var(--border-color);background:#151d25;border-radius:16px;transition:border-color .25s,transform .25s;overflow:hidden}.panel-card:hover{border-color:var(--prime-green);transform:translateY(-4px)}.panel-image{aspect-ratio:16/9;border-bottom:1px solid var(--border-color);background:#080d12;overflow:hidden}.panel-image img{object-fit:contain;width:100%;height:100%;display:block}.panel-info{padding:30px}.panel-info h3{color:#f5f5f0;margin:0 0 14px;font-size:23px;font-weight:700}.panel-info p{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.8}@media (width<=768px){.panels-grid{grid-template-columns:1fr}.panel-info{padding:24px}}.panel-image-scroll{aspect-ratio:auto;scrollbar-width:thin;scrollbar-color:#555e54 #111820;height:320px;overflow:auto}.panel-image-scroll img{object-fit:initial;transform-origin:0 0;width:100%;max-width:none;height:auto;transition:width .35s;display:block}@media (hover:hover) and (pointer:fine){.panel-image-scroll:hover img{width:150%}}.panel-image-scroll::-webkit-scrollbar{width:6px;height:6px}.panel-image-scroll::-webkit-scrollbar-track{background:#111820}.panel-image-scroll::-webkit-scrollbar-thumb{background:#555e54;border-radius:10px}@media (width<=768px){.panel-image-scroll{height:280px}}.footer{border-top:1px solid var(--border-color);background:var(--bg-primary);color:#64748b;text-align:center;padding:35px 0;font-size:13px}.contact-section{text-align:center;background:radial-gradient(at 50% 100%,#8bc53f0f,#0000 65%),#080d12}.contact-content{flex-direction:column;align-items:center;display:flex}.contact-content h2{max-width:750px;font-size:clamp(32px,4vw,48px);line-height:1.2}.contact-content h2 span{color:var(--prime-green)}.contact-content p{max-width:620px;margin-bottom:30px}.contact-content .btn{min-width:260px}.contact-email{color:var(--text-secondary);margin:25px 0 0!important;font-size:14px!important}.contact-email a{color:var(--prime-green);margin-left:6px;font-weight:600;display:inline-block}.contact-email a:hover{text-decoration:underline}@media (width<=768px){.header-content{flex-direction:column;justify-content:center;gap:18px;padding:18px 0}.navigation{flex-wrap:wrap;justify-content:center;gap:12px 20px}.navigation a{font-size:12px}.hero{min-height:550px;padding:80px 0}.hero h1{letter-spacing:-1px}.hero p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.section{padding:75px 0}html{scroll-padding-top:140px}}@media (width<=480px){.logo{font-size:23px}.hero-badge{letter-spacing:1px;font-size:10px}.hero h1{font-size:38px}.section h2{font-size:30px}}