@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#060913;--bg-secondary:#0c1125;--bg-tertiary:#131b35;--card-bg:#131b3566;--card-border:#ffffff14;--solar-gold:#f59e0b;--solar-gold-glow:#f59e0b26;--emerald-green:#10b981;--emerald-glow:#10b98126;--cyan-blue:#06b6d4;--cyan-glow:#06b6d426;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-inverse:#060913;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--glow-gold:0 0 25px #f59e0b40;--glow-emerald:0 0 25px #10b98140;--shadow-lg:0 10px 30px -10px #000000b3}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}.ambient-glow-1{filter:blur(80px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#f59e0b14 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-10%;left:20%}.ambient-glow-2{filter:blur(100px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#10b9810f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:40%;right:5%}.ambient-glow-3{filter:blur(90px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#06b6d412 0%,#0000 70%);width:450px;height:450px;position:absolute;bottom:10%;left:5%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:2px solid var(--bg-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4{font-weight:700;line-height:1.2}.section-title-wrapper{text-align:center;margin-bottom:50px}.section-subtitle{color:var(--solar-gold);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.section-title{color:var(--text-primary);font-size:36px}.section-desc{color:var(--text-secondary);max-width:600px;margin:12px auto 0;font-size:16px}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:16px;padding:28px}.glass-card:hover{border-color:#ffffff26;transform:translateY(-5px)}.btn{cursor:pointer;transition:all var(--transition-normal);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--solar-gold), #f97316);color:var(--text-inverse);box-shadow:var(--glow-gold);border:none}.btn-primary:hover{transform:scale(1.03);box-shadow:0 0 30px #f59e0b66}.btn-secondary{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-accent{background:linear-gradient(135deg, var(--emerald-green), #059669);color:#fff;box-shadow:var(--glow-emerald);border:none}.btn-accent:hover{transform:scale(1.03);box-shadow:0 0 30px #10b98166}.navbar-header{z-index:100;width:100%;transition:all var(--transition-normal);position:fixed;top:0;left:0}.navbar-header.scrolled{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);background:#060913d9;padding:10px 0}.navbar-header.not-scrolled{padding:20px 0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--text-primary);letter-spacing:1px;align-items:center;gap:8px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.logo span{color:var(--solar-gold)}.logo-icon{color:var(--solar-gold);filter:drop-shadow(0 0 8px #f59e0b99);animation:20s linear infinite spin-slow}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-links{gap:32px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);padding:6px 0;font-size:15px;font-weight:500;text-decoration:none;position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";background:var(--solar-gold);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;display:none}.hero-sec{padding:180px 0 100px;position:relative}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.hero-tagline{color:var(--solar-gold);text-transform:uppercase;letter-spacing:2px;background:#f59e0b14;border:1px solid #f59e0b26;border-radius:50px;margin-bottom:16px;padding:6px 16px;font-size:14px;font-weight:700;display:inline-block}.hero-title{margin-bottom:24px;font-size:54px;line-height:1.15}.hero-title span{background:linear-gradient(to right, var(--solar-gold), var(--emerald-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:540px;margin-bottom:36px;font-size:18px}.hero-buttons{gap:16px;display:flex}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-panel-card{z-index:1;width:100%;max-width:440px;box-shadow:var(--shadow-lg), 0 0 50px #06b6d40d;background:linear-gradient(145deg,#131b3599 0%,#060913b3 100%);border:1px solid #ffffff14;border-radius:24px;padding:30px;animation:6s ease-in-out infinite float;position:relative}.card-top{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.card-label{text-transform:uppercase;letter-spacing:1px;color:var(--cyan-blue);background:#06b6d414;border-radius:4px;padding:4px 10px;font-size:12px}.tech-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:30px;display:grid}.solar-cell-element{aspect-ratio:1;transition:all var(--transition-fast);background:linear-gradient(135deg,#182245 0%,#0d142d 100%);border:1px solid #06b6d433;border-radius:6px;position:relative;overflow:hidden}.solar-cell-element:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:4s infinite sweep;position:absolute;top:0;left:0;transform:translate(-100%)}.solar-cell-element:hover{border-color:var(--solar-gold);box-shadow:0 0 8px var(--solar-gold-glow)}@keyframes sweep{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(1deg)}}.stats-overlay{border-top:1px solid #ffffff14;justify-content:space-between;padding-top:20px;display:flex}.stat-item{text-align:center}.stat-val{color:var(--text-primary);font-size:20px;font-weight:700}.stat-val span{color:var(--emerald-green)}.stat-lbl{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:11px}.services-sec{background-color:var(--bg-secondary);padding:100px 0}.services-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.service-card{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.service-card:hover{border-color:var(--cyan-blue);box-shadow:0 0 30px #06b6d41a}.service-icon-box{width:56px;height:56px;color:var(--cyan-blue);transition:all var(--transition-normal);background:#06b6d414;border:1px solid #06b6d433;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.service-card:hover .service-icon-box{background:var(--cyan-blue);color:var(--text-inverse);box-shadow:0 0 15px #06b6d466}.service-card h3{color:var(--text-primary);margin-bottom:12px;font-size:22px}.service-card p{color:var(--text-secondary);flex-grow:1;margin-bottom:20px;font-size:15px}.service-features{margin-bottom:24px;list-style:none}.service-features li{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.service-features li svg{color:var(--emerald-green);flex-shrink:0}.service-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--emerald-green);background:#10b9811a;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:16px;right:16px}.calc-sec{padding:100px 0;position:relative}.calc-grid{grid-template-columns:.95fr 1.05fr;align-items:stretch;gap:40px;display:grid}.calc-card-inputs{flex-direction:column;gap:28px;display:flex}.input-group{flex-direction:column;gap:10px;display:flex}.input-header{justify-content:space-between;align-items:center;display:flex}.input-header label{color:var(--text-primary);font-size:16px;font-weight:500}.input-header span{color:var(--solar-gold);font-size:18px;font-weight:700}.range-slider{appearance:none;background:var(--bg-tertiary);width:100%;height:6px;transition:background var(--transition-fast);border-radius:3px;outline:none}.range-slider::-webkit-slider-thumb{appearance:none;background:var(--solar-gold);cursor:pointer;width:20px;height:20px;transition:transform var(--transition-fast);border-radius:50%;box-shadow:0 0 10px #f59e0b80}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-slider::-moz-range-thumb{background:var(--solar-gold);cursor:pointer;width:20px;height:20px;transition:transform var(--transition-fast);border:none;border-radius:50%;box-shadow:0 0 10px #f59e0b80}.range-slider::-moz-range-thumb:hover{transform:scale(1.2)}.grid-2col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.select-box-wrapper select{background:var(--bg-primary);border:1px solid var(--card-border);width:100%;color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;border-radius:8px;outline:none;padding:12px}.text-input-field{background:var(--bg-primary);border:1px solid var(--card-border);width:100%;color:var(--text-primary);font-family:var(--font-sans);border-radius:8px;outline:none;padding:12px;font-size:15px}.calc-card-results{background:linear-gradient(135deg,#10b9810d 0%,#06b6d40d 100%);border:1px solid #10b98126;flex-direction:column;justify-content:space-between;display:flex}.results-header{border-bottom:1px solid #ffffff14;margin-bottom:24px;padding-bottom:20px}.results-header h3{color:var(--text-primary);font-size:20px}.results-grid{flex-grow:1;grid-template-columns:1fr 1fr;gap:24px;display:grid}.result-metric{flex-direction:column;display:flex}.metric-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;margin-bottom:6px;font-size:13px}.metric-value{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1.1}.metric-value.highlight-gold{color:var(--solar-gold)}.metric-value.highlight-green{color:var(--emerald-green)}.metric-value.highlight-cyan{color:var(--cyan-blue)}.eco-stats-calc{background:#ffffff08;border-radius:12px;justify-content:space-around;align-items:center;margin-top:30px;padding:16px;display:flex}.eco-item-indicator{color:var(--text-secondary);align-items:center;gap:10px;font-size:14px;display:flex}.eco-item-indicator svg{color:var(--emerald-green)}.eco-item-indicator strong{color:var(--text-primary)}.products-sec{background-color:var(--bg-secondary);padding:100px 0}.filter-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.filter-tab{border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;border-radius:50px;padding:10px 24px;font-size:14px;font-weight:500}.filter-tab:hover{color:var(--text-primary);background:#ffffff14}.filter-tab.active{background:var(--solar-gold);color:var(--text-inverse);border-color:var(--solar-gold);font-weight:600;box-shadow:0 4px 15px #f59e0b40}.products-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;display:grid}.product-card{flex-direction:column;height:100%;display:flex}.product-visual-wrapper{background:linear-gradient(135deg,#060913cc 0%,#131b35cc 100%);border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;height:200px;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.product-art-svg{filter:drop-shadow(0 8px 16px #00000080);width:120px;height:120px}.product-tag{text-transform:uppercase;letter-spacing:.5px;color:var(--solar-gold);background:#f59e0b1a;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px}.product-info-wrapper{flex-direction:column;flex-grow:1;display:flex}.product-meta-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.product-card h3{color:var(--text-primary);font-size:20px}.product-price{color:var(--emerald-green);font-size:18px;font-weight:700}.product-description{color:var(--text-secondary);flex-grow:1;margin-bottom:20px;font-size:14px}.product-specs-list{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;padding:12px;display:grid}.spec-item{flex-direction:column;display:flex}.spec-lbl{color:var(--text-muted);text-transform:uppercase;font-size:11px}.spec-val{color:var(--text-secondary);font-size:13px;font-weight:500}.contact-sec{padding:100px 0;position:relative}.contact-grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:50px;display:grid}.contact-info-list{flex-direction:column;gap:30px;display:flex}.contact-info-item{align-items:flex-start;gap:20px;display:flex}.contact-icon-wrapper{width:48px;height:48px;color:var(--solar-gold);background:#f59e0b14;border:1px solid #f59e0b33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-text-box h4{margin-bottom:4px;font-size:18px}.contact-text-box p{color:var(--text-secondary);font-size:15px}.contact-text-box a{color:var(--cyan-blue);font-weight:500;text-decoration:none}.contact-text-box a:hover{text-decoration:underline}.contact-card-form{flex-direction:column;gap:24px;display:flex}.textarea-field{background:var(--bg-primary);border:1px solid var(--card-border);width:100%;color:var(--text-primary);font-family:var(--font-sans);resize:vertical;border-radius:8px;outline:none;min-height:120px;padding:12px;font-size:15px}.textarea-field:focus,.text-input-field:focus,.select-box-wrapper select:focus{border-color:var(--solar-gold);box-shadow:0 0 10px #f59e0b26}.error-text-validation{color:#ef4444;margin-top:4px;font-size:12px}.modal-overlay-bg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#060913cc;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-dialog-content{text-align:center;width:90%;max-width:480px;animation:.3s ease-out forwards scaleUp}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-icon-badge{width:72px;height:72px;color:var(--emerald-green);border:2px solid var(--emerald-green);box-shadow:var(--glow-emerald);background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.modal-dialog-content h3{margin-bottom:12px;font-size:26px}.modal-dialog-content p{color:var(--text-secondary);margin-bottom:24px;font-size:15px}.footer-sec{background-color:var(--bg-secondary);border-top:1px solid var(--card-border);padding:80px 0 30px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px;display:grid}.footer-brand-box{flex-direction:column;gap:16px;display:flex}.footer-brand-box p{color:var(--text-secondary);max-width:280px;font-size:14px}.social-links{gap:12px;display:flex}.social-btn{width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-btn:hover{background:var(--solar-gold);color:var(--text-inverse);transform:translateY(-2px)}.footer-links-col h4{text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);margin-bottom:20px;font-size:16px}.footer-links-col ul{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links-col ul a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:14px;text-decoration:none}.footer-links-col ul a:hover{color:var(--solar-gold)}.footer-newsletter h4{text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-size:16px}.newsletter-description{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.newsletter-form-inline{gap:8px;display:flex}.newsletter-form-inline input{background:var(--bg-primary);border:1px solid var(--card-border);color:var(--text-primary);font-family:var(--font-sans);border-radius:6px;outline:none;flex-grow:1;padding:10px 14px;font-size:14px}.newsletter-form-inline input:focus{border-color:var(--solar-gold)}.newsletter-form-inline button{border-radius:6px;padding:10px}.footer-bottom-info{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:30px;display:flex}.footer-bottom-info p{color:var(--text-muted);font-size:13px}.footer-legal-links{gap:24px;display:flex}.footer-legal-links a{color:var(--text-muted);font-size:13px;text-decoration:none}.footer-legal-links a:hover{color:var(--text-secondary)}@media (width<=1024px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:40px}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.calc-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:40px}.services-grid,.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.nav-links{display:none}.mobile-menu-btn{display:block}.services-grid,.footer-grid{grid-template-columns:1fr}.hero-title{font-size:38px}.section-title{font-size:30px}.grid-2col{grid-template-columns:1fr}.hide-tablet{display:none!important}.admin-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.proposal-portal-layout{flex-direction:column!important;overflow-y:auto!important}.portal-controls-sidebar{border-bottom:1px solid #ffffff14!important;border-right:none!important;flex-shrink:0!important;width:100%!important;padding:20px!important}.portal-document-area{width:100%!important;padding:24px 12px!important;overflow-y:visible!important}.proposal-preview-page{min-height:auto!important;padding:24px!important}.portal-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px 16px!important}.portal-header>div{justify-content:center!important}}@media (width<=480px){.hero-title{font-size:32px!important}.hero-subtitle{font-size:15px!important}.hero-panel-card{padding:18px!important}.hero-buttons{flex-direction:column;gap:12px;width:100%}.hero-buttons .btn{width:100%}.nav-cta-text{display:none!important}.btn-nav-cta{padding:8px 10px!important}.hide-mobile{display:none!important}.admin-stats-grid{grid-template-columns:1fr!important}.results-grid{grid-template-columns:1fr!important;gap:16px!important}.eco-stats-calc{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.metric-value{font-size:26px!important}}.proposal-preview-wrapper{flex-direction:column;align-items:center;gap:30px;width:100%;display:flex}.proposal-preview-page{color:#1f2937;box-sizing:border-box;background:#fff;border:1px solid #0000001a;border-radius:4px;flex-direction:column;width:100%;max-width:800px;min-height:1130px;padding:50px;font-family:Outfit,sans-serif;display:flex;position:relative;box-shadow:0 4px 20px #0006}.proposal-preview-page *{color:#1f2937!important;border-color:#e5e7eb!important}.proposal-table{border-collapse:collapse;width:100%;margin-top:15px;font-size:13px}.proposal-table th{text-align:left;border:1px solid #d1d5db;padding:10px;font-weight:600;color:#fff!important;background-color:#0c1125!important}.proposal-table td{vertical-align:top;border:1px solid #d1d5db;padding:9px 10px}.proposal-table tr:nth-child(2n){background-color:#f9fafb!important}@media print{html,body{color:#000!important;background:#fff!important;margin:0!important;padding:0!important}#root,.app-shell,.navbar-header,.hero-sec,.services-sec,.calc-sec,.products-sec,.contact-sec,.footer-sec,.ambient-glow-1,.ambient-glow-2,.ambient-glow-3,.portal-controls-sidebar{display:none!important}.proposal-portal-backdrop{z-index:auto!important;background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important;overflow:visible!important}.proposal-portal-layout{width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:block!important}.proposal-preview-wrapper{width:100%!important;display:block!important}.proposal-preview-page{width:210mm!important;height:296mm!important;min-height:296mm!important;box-shadow:none!important;page-break-after:always!important;page-break-inside:avoid!important;color:#000!important;box-sizing:border-box!important;background:#fff!important;border:none!important;margin:0!important;padding:20mm!important}a{color:#000!important;text-decoration:none!important}}.roi-timeline-card{border-radius:24px;background:linear-gradient(#131b3573 0%,#06091399 100%)!important;border:1px solid #ffffff14!important;padding:36px!important}.timeline-track-wrapper{width:100%;margin:50px auto;padding:10px 0;position:relative}.timeline-active-track{background:#ffffff1a;border-radius:2px;height:4px;position:absolute;top:21px;left:11px;right:11px}.timeline-progress-line{background:linear-gradient(to right, var(--solar-gold), var(--emerald-green));height:100%;transition:width var(--transition-normal);border-radius:2px;position:absolute;top:0;left:0;box-shadow:0 0 10px #f59e0b66}.timeline-nodes-container{z-index:3;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.timeline-node-btn{cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;padding:0;display:flex;position:relative}.timeline-node-btn .node-dot{background:var(--bg-tertiary);width:22px;height:22px;transition:all var(--transition-fast);z-index:4;border:3px solid #fff3;border-radius:50%}.timeline-node-btn:hover .node-dot{border-color:var(--solar-gold);transform:scale(1.15)}.timeline-node-btn.active .node-dot{background:var(--solar-gold);border-color:var(--bg-primary);box-shadow:0 0 15px var(--solar-gold);transform:scale(1.25)}.timeline-node-btn .node-label{color:var(--text-secondary);white-space:nowrap;transition:color var(--transition-fast);margin-top:12px;font-size:14px;font-weight:600}.timeline-node-btn.active .node-label{color:var(--solar-gold);text-shadow:0 0 8px #f59e0b33}.milestone-details-grid{border:1px solid var(--card-border);background:#ffffff05;border-radius:16px;grid-template-columns:1.2fr 1.2fr 2.6fr;gap:24px;margin-top:30px;padding:24px;display:grid}.milestone-metric-box{text-align:center;background:#00000040;border:1px solid #ffffff08;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.details-lbl{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;margin-bottom:6px;font-size:12px}.details-val{font-size:28px;font-weight:800;line-height:1.2}.milestone-text-box{background:#ffffff03;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;justify-content:center;padding:24px;display:flex}@media (width<=768px){.milestone-details-grid{grid-template-columns:1fr;gap:16px;padding:16px}.milestone-metric-box{padding:16px}.details-val{font-size:24px}.timeline-nodes-container{gap:10px}.timeline-node-btn .node-label{font-size:11px}}.sim-sec{position:relative}.sim-btn-select{transition:all var(--transition-fast)}.sim-btn-select:hover{background:#ffffff0d!important;border-color:#ffffff26!important}.sim-btn-select.active-sunny{box-shadow:0 0 15px #f59e0b26;border-color:var(--solar-gold)!important;color:var(--text-primary)!important;background:#f59e0b14!important}.sim-btn-select.active-cloudy{box-shadow:0 0 15px #06b6d426;border-color:var(--cyan-blue)!important;color:var(--text-primary)!important;background:#06b6d414!important}.sim-btn-select.active-rainy{box-shadow:0 0 15px #a5b4fc26;color:var(--text-primary)!important;background:#a5b4fc14!important;border-color:#a5b4fc!important}@keyframes pulse{0%{opacity:.2;transform:translate(-50%,-50%)scale(.9)}to{opacity:.4;transform:translate(-50%,-50%)scale(1.1)}}@keyframes slide-flow{0%{background-position:0 0}to{background-position:40px 0}}@media (width<=768px){.sim-layout-grid{grid-template-columns:1fr!important}}
