:root{--primary: #0f766e;--primary-dark: #115e59;--primary-light: #14b8a6;--secondary: #0369a1;--secondary-dark: #075985;--accent: #d97706;--accent-light: #f59e0b;--bg-main: #f8fafc;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-alt: #f1f5f9;--text-main: #0f172a;--text-muted: #64748b;--text-light: #94a3b8;--border-color: #e2e8f0;--border-hover: #cbd5e1;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12), 0 4px 8px rgba(15, 23, 42, .06);--shadow-glow: 0 0 24px rgba(15, 118, 110, .25);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .5);--backdrop-blur: blur(12px);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=dark]{--bg-main: #0b1320;--bg-surface: #111c2e;--bg-card: #16243b;--bg-alt: #1a2c47;--text-main: #f8fafc;--text-muted: #94a3b8;--text-light: #64748b;--border-color: #243654;--border-hover: #334b73;--glass-bg: rgba(17, 28, 46, .85);--glass-border: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25;color:var(--text-main)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-light)}ul{list-style:none}img{max-width:100%;display:block}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0;position:relative}.text-center{text-align:center}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}.align-center{align-items:center}.gradient-text{background:linear-gradient(135deg,var(--primary-light),var(--secondary),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-header{margin-bottom:3.5rem}.section-subtitle{display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:2px;color:var(--primary);text-transform:uppercase;margin-bottom:.5rem}.section-title{font-size:2.5rem;letter-spacing:-.5px;margin-bottom:1rem}.section-desc{color:var(--text-muted);font-size:1.1rem;max-width:650px;margin:0 auto}.title-underline{width:60px;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--radius-full);margin:1rem auto 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-normal);text-align:center}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary-dark));color:#fff;box-shadow:0 4px 14px #0f766e4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f766e73;color:#fff}.btn-secondary{background-color:var(--bg-surface);color:var(--text-main);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--bg-alt);border-color:var(--border-hover);transform:translateY(-2px);color:var(--primary)}.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-outline:hover{background-color:var(--primary);color:#fff}.btn-block{width:100%}.top-bar{background-color:#0b1320;color:#94a3b8;font-size:.825rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.top-bar-content{display:flex;justify-content:space-between;align-items:center}.top-info{display:flex;align-items:center;gap:1rem}.top-info span{display:inline-flex;align-items:center;gap:.4rem}.top-info .divider{opacity:.3}.top-actions{display:flex;align-items:center;gap:1.25rem}.quick-link{color:#cbd5e1;font-weight:500}.quick-link:hover{color:#38bdf8}.theme-toggle{background:#ffffff1a;border:none;color:#f8fafc;width:30px;height:30px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.theme-toggle:hover{background:#fff3}.moon-icon,[data-theme=dark] .sun-icon{display:none}[data-theme=dark] .moon-icon{display:block}.stock-bar{background:linear-gradient(90deg,#0f172a,#0f766e,#075985);color:#fff;padding:.6rem 0;font-size:.875rem;box-shadow:var(--shadow-sm)}.stock-flex{display:flex;align-items:center;gap:2rem}.stock-badge{display:flex;align-items:center;gap:.5rem;background:#ffffff26;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8rem;white-space:nowrap}.pulse-dot{width:8px;height:8px;background-color:#22c55e;border-radius:50%;box-shadow:0 0 #22c55eb3;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 8px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.stock-ticker{display:flex;align-items:center;gap:2rem;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.stock-ticker::-webkit-scrollbar{display:none}.stock-item{display:flex;align-items:center;gap:.35rem}.stock-item.change.positive{color:#4ade80;font-weight:700}.navbar{position:sticky;top:0;z-index:100;background-color:var(--glass-bg);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-color);transition:all var(--transition-normal)}.navbar-content{display:flex;align-items:center;justify-content:space-between;height:72px}.brand-logo{display:flex;align-items:center;gap:.75rem}.brand-text{display:flex;flex-direction:column}.brand-name{font-family:var(--font-heading);font-weight:800;font-size:1.25rem;letter-spacing:.5px;color:var(--text-main);line-height:1}.brand-sub{font-size:.65rem;font-weight:700;letter-spacing:2px;color:var(--primary)}.nav-menu{display:flex;align-items:center;gap:1.75rem}.nav-link{font-weight:600;font-size:.95rem;color:var(--text-main);padding:.5rem 0;position:relative}.nav-link:hover,.nav-link.active{color:var(--primary)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:2.5px;background-color:var(--primary);transition:width var(--transition-normal)}.nav-link:hover:after,.nav-link.active:after{width:100%}.btn-contact{background-color:var(--primary);color:#fff!important;padding:.5rem 1.25rem;border-radius:var(--radius-md)}.btn-contact:after{display:none}.btn-contact:hover{background-color:var(--primary-dark)}.dropdown{position:relative}.dropdown-toggle{display:inline-flex;align-items:center;gap:.3rem}.dropdown-menu{position:absolute;top:100%;left:0;width:220px;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.5rem 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-normal);z-index:120}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{display:block;padding:.6rem 1.25rem;font-size:.9rem;color:var(--text-main);font-weight:500}.dropdown-menu a:hover{background-color:var(--bg-alt);color:var(--primary)}.hamburger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px}.hamburger span{width:25px;height:3px;background-color:var(--text-main);border-radius:3px;transition:all var(--transition-fast)}.hero{position:relative;padding:6rem 0 5rem;background:radial-gradient(circle at 80% 20%,rgba(15,118,110,.12),transparent 40%),radial-gradient(circle at 10% 80%,rgba(3,105,161,.12),transparent 40%);overflow:hidden}.hero-bg-shapes .shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;z-index:0}.shape-1{width:400px;height:400px;background:var(--primary-light);top:-100px;right:-100px}.shape-2{width:350px;height:350px;background:var(--secondary);bottom:-100px;left:-50px}.hero-container{position:relative;z-index:1;text-align:center;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;color:var(--primary);margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.hero-title{font-size:3.5rem;letter-spacing:-1px;margin-bottom:1.25rem}.hero-desc{font-size:1.2rem;color:var(--text-muted);margin-bottom:2.5rem;line-height:1.7}.hero-buttons{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-bottom:4rem}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;background-color:var(--glass-bg);backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md)}.stat-card{text-align:center}.stat-number{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--primary);line-height:1.1;margin-bottom:.25rem}.stat-label{font-size:.85rem;color:var(--text-muted);font-weight:600}.tabs-container{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.tabs-header{display:flex;background-color:var(--bg-alt);border-bottom:1px solid var(--border-color);overflow-x:auto}.tab-btn{flex:1;padding:1.25rem 1.5rem;font-family:var(--font-heading);font-weight:700;font-size:1rem;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border-bottom:3px solid transparent}.tab-btn:hover{color:var(--primary)}.tab-btn.active{color:var(--primary);background-color:var(--bg-surface);border-bottom-color:var(--primary)}.tabs-content{padding:3rem}.tab-pane{display:none}.tab-pane.active{display:block;animation:fadeIn var(--transition-normal)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pane-text h3{font-size:1.75rem;margin-bottom:1rem}.pane-text p{color:var(--text-muted);margin-bottom:1rem}.check-list{margin-top:1.5rem}.check-list li{display:flex;align-items:center;gap:.75rem;font-weight:600;margin-bottom:.75rem}.highlight-card{background:linear-gradient(135deg,#0f766e14,#0369a114);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:2rem}.card-icon{font-size:2.5rem;margin-bottom:1rem}.highlight-card h4{font-size:1.25rem;margin-bottom:1rem}.highlight-card p{font-size:.95rem;color:var(--text-muted);margin-bottom:.75rem}.badge-tag{display:inline-block;background-color:var(--primary);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:var(--radius-full);margin-top:1rem}.vision-box{background-color:var(--bg-alt);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:2.5rem}.box-icon{font-size:2.5rem;margin-bottom:1rem}.vision-box h3{font-size:1.5rem;margin-bottom:1rem;color:var(--primary)}.timeline{position:relative;padding-left:2rem;border-left:3px solid var(--primary)}.timeline-item{position:relative;margin-bottom:2rem}.timeline-item:before{content:"";position:absolute;left:-2.6rem;top:.25rem;width:14px;height:14px;background-color:var(--primary);border:3px solid var(--bg-surface);border-radius:50%}.timeline .year{font-weight:800;color:var(--primary);font-size:1.1rem}.timeline-content h4{font-size:1.1rem;margin-bottom:.25rem}.timeline-content p{color:var(--text-muted);font-size:.95rem}.strategy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.strat-card{background-color:var(--bg-alt);padding:2rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.strat-num{font-size:2.5rem;font-weight:800;color:var(--primary-light);opacity:.8}.strat-card h4{font-size:1.2rem;margin-bottom:.5rem}.strat-card p{font-size:.9rem;color:var(--text-muted)}.divisions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.division-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.division-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.card-image{height:180px;position:relative;display:flex;align-items:flex-start;justify-content:flex-end;padding:1rem}.sugar-bg{background:linear-gradient(135deg,#0f766e,#047857)}.biofuel-bg{background:linear-gradient(135deg,#0369a1,#0284c7)}.textile-bg{background:linear-gradient(135deg,#d97706,#b45309)}.card-tag{background:#fff3;backdrop-filter:blur(4px);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:var(--radius-full)}.card-body{padding:2rem}.division-icon{font-size:2.5rem;margin-top:-3.5rem;margin-bottom:1rem;background-color:var(--bg-surface);width:60px;height:60px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.card-body h3{font-size:1.35rem;margin-bottom:.75rem}.card-body p{color:var(--text-muted);font-size:.95rem;margin-bottom:1.25rem}.card-features li{font-size:.875rem;font-weight:600;color:var(--text-main);padding:.35rem 0;border-top:1px dashed var(--border-color)}.vault-container{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md);margin-bottom:4rem}.vault-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.vault-title{display:flex;align-items:center;gap:.75rem;font-family:var(--font-heading);font-size:1.4rem;font-weight:700}.vault-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-input,.filter-select{padding:.6rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);font-size:.9rem;outline:none}.search-input:focus,.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f766e26}.reports-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.report-card{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background-color:var(--bg-alt);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.report-card:hover{border-color:var(--primary);transform:translate(4px)}.report-icon{background-color:#ef4444;color:#fff;font-weight:800;font-size:.8rem;width:44px;height:52px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.report-info{flex:1}.report-info h4{font-size:1.05rem;margin-bottom:.2rem}.report-info p{font-size:.85rem;color:var(--text-muted)}.report-meta{font-size:.75rem;color:var(--text-light)}.btn-download{background-color:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.825rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.btn-download:hover{background-color:var(--primary-dark)}.directors-wrapper{margin-bottom:3.5rem}.sub-section-title{font-size:1.75rem;margin-bottom:1.5rem;text-align:center}.directors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.director-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.75rem 1rem;text-align:center;cursor:pointer;transition:all var(--transition-normal)}.director-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-md)}.avatar-box{width:64px;height:64px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-family:var(--font-heading);font-size:1.25rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.director-card h4{font-size:1.05rem;margin-bottom:.25rem}.director-card .role{font-size:.8rem;color:var(--text-muted);font-weight:600}.info-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--bg-surface),var(--bg-alt));border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;flex-wrap:wrap;gap:1.5rem}.banner-content h4{font-size:1.2rem;margin-bottom:.35rem}.banner-content p{color:var(--text-muted);font-size:.9rem}.sustainability-section{background-color:var(--bg-alt)}.csr-badges{margin-top:2rem;display:flex;flex-direction:column;gap:1.25rem}.csr-badge{display:flex;align-items:center;gap:1rem;background-color:var(--bg-surface);padding:1rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.csr-badge .icon{font-size:1.75rem}.csr-badge strong{display:block;font-size:1rem}.csr-badge span{font-size:.85rem;color:var(--text-muted)}.eco-circle-card{width:320px;height:320px;border-radius:50%;background:conic-gradient(var(--primary) 0% 75%,var(--accent-light) 75% 100%);display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:var(--shadow-lg);padding:14px}.eco-center{width:100%;height:100%;background-color:var(--bg-surface);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.eco-center h3{font-size:3rem;color:var(--primary);line-height:1}.eco-center span{font-size:.85rem;font-weight:700;color:var(--text-muted);padding:0 1rem}.contact-info-card,.contact-form-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-md)}.contact-info-card h3,.contact-form-card h3{font-size:1.5rem;margin-bottom:1.5rem}.info-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.item-icon{font-size:1.5rem}.info-item p{color:var(--text-muted);font-size:.95rem}.mills-location{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.mills-location h4{font-size:1.1rem;margin-bottom:.5rem}.mills-location p{font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.form-group{margin-bottom:1.25rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.4rem}.form-control{width:100%;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);font-size:.95rem;outline:none;transition:border-color var(--transition-fast)}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f766e26}.form-feedback{margin-top:1rem;padding:.75rem;border-radius:var(--radius-md);font-size:.9rem;display:none}.form-feedback.success{display:block;background-color:#22c55e26;color:#15803d;border:1px solid #86efac}.footer{background-color:#070e19;color:#94a3b8;padding:5rem 0 2rem;font-size:.9rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;margin-bottom:4rem}.brand-text.light .brand-name{color:#fff}.brand-text.light .brand-sub{color:#38bdf8}.footer-brand p{margin:1rem 0;line-height:1.6}.secp-badge{display:inline-block;background:#ffffff14;padding:.4rem .85rem;border-radius:var(--radius-full);color:#38bdf8;font-size:.8rem;font-weight:600}.footer-links h4,.footer-newsletter h4{color:#fff;font-size:1.1rem;margin-bottom:1.25rem}.footer-links li{margin-bottom:.6rem}.footer-links a{color:#94a3b8}.footer-links a:hover{color:#38bdf8}.newsletter-form{display:flex;margin-top:1rem;gap:.5rem}.newsletter-input{flex:1;padding:.6rem .85rem;border-radius:var(--radius-md);border:1px solid #1e293b;background-color:#0f172a;color:#fff;outline:none}.newsletter-btn{background-color:var(--primary);color:#fff;border:none;padding:.6rem 1rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer}.footer-bottom{border-top:1px solid #1e293b;padding-top:2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.legal-links a{color:#94a3b8;margin:0 .35rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.modal.active{opacity:1;pointer-events:auto}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0f172a99;backdrop-filter:blur(4px)}.modal-card{position:relative;z-index:1001;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:90%;max-width:550px;padding:2rem;box-shadow:var(--shadow-lg);transform:scale(.95);transition:transform var(--transition-normal)}.modal.active .modal-card{transform:scale(1)}.modal-close{position:absolute;top:1rem;right:1.25rem;background:none;border:none;font-size:1.75rem;color:var(--text-muted);cursor:pointer}.modal-header h3{font-size:1.4rem;margin-bottom:1rem;padding-right:2rem}.modal-body{margin-bottom:1.5rem;color:var(--text-muted)}.modal-footer{display:flex;justify-content:flex-end}@media (max-width: 1024px){.hero-title{font-size:2.75rem}.hero-stats{grid-template-columns:repeat(2,1fr);gap:1.25rem}.divisions-grid,.strategy-grid{grid-template-columns:1fr}.directors-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.top-bar-content{flex-direction:column;gap:.5rem;text-align:center}.nav-menu{position:fixed;top:72px;left:-100%;width:100%;height:calc(100vh - 72px);background-color:var(--bg-surface);flex-direction:column;align-items:flex-start;padding:2rem;transition:left var(--transition-normal);overflow-y:auto}.nav-menu.active{left:0}.hamburger{display:flex}.grid-2,.form-row,.reports-grid{grid-template-columns:1fr}.hero-title{font-size:2.2rem}.directors-grid,.footer-grid{grid-template-columns:1fr}}import glob css_addition = """
.complaint-section{padding:4rem 0 5rem;background-color:var(--bg-alt);border-top:1px solid var(--border-color)}.complaint-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:3rem 2.5rem;box-shadow:var(--shadow-md);text-align:center;max-width:1100px;margin:0 auto}.complaint-title{font-size:2.1rem;color:var(--primary);margin-top:.35rem;margin-bottom:1.25rem;line-height:1.25}.complaint-desc{font-size:.98rem;color:var(--text-muted);line-height:1.7;max-width:960px;margin:0 auto 2.25rem;text-align:justify;text-justify:inter-word}.secp-banner-wrapper{margin-bottom:2rem;overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease}.secp-banner-wrapper:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.secp-banner-link{display:block}.secp-banner-link img{width:100%;height:auto;display:block;border-radius:var(--radius-md)}.jama-punji-wrapper{display:flex;justify-content:center;align-items:center;margin-top:1.5rem}.jama-punji-link{display:inline-block;transition:transform .25s ease}.jama-punji-link:hover{transform:scale(1.06)}.jama-punji-link img{height:65px;width:auto;object-fit:contain}"""
style_targets = [r"C:Usersibrah.gemini\antigravityscratchsml-astro-app\diststyles.css",r"C:Usersibrah.gemini\antigravityscratchsml-astro-apppublicstyles.css",r"C:Usersibrah.gemini\antigravityscratchsml-astro-appsrcstylesglobal.css",r"C:Usersibrah.gemini\antigravityscratchsml-redesignstyles.css"] for t in style_targets: with open(t,"a",encoding="utf-8") as f: f.write(css_addition) print("Appended Complaint Cell CSS to all stylesheets!") complaint_html = """
<!-- Company's Own Complaint Handling Cell Section -->
<section class="section complaint-section"> <div class="container"> <div class="complaint-card"> <span class="section-subtitle">SECP Regulatory Compliance</span> <h2 class="complaint-title">Company's Own Complaint Handling Cell</h2>
<p class="complaint-desc"> In case your complaint has not been properly redressed by us,you may lodge your complaint with Securities and Exchange Commission of Pakistan (the “SECP”). However,please note that SECP will entertain only those complaints which were at first directly requested to be redressed by the company and the company has failed to redress the same. Further,the complaints that are not relevant to SECP’s regulatory domain/competence shall not be entertained by the SECP. </p> <div class="secp-banner-wrapper"> <a href="https://sdms.secp.gov.pk" target="_blank" rel="noopener noreferrer" class="secp-banner-link" aria-label="Lodge Complaint with SECP SDMS Portal"> <img src="https://docs.sml.com.pk/images/secp-banner.png" alt="Securities and Exchange Commission of Pakistan - Investor Complaints SDMS Portal"> </a> </div> <div class="jama-punji-wrapper"> <a href="https://jamapunji.pk" target="_blank" rel="noopener noreferrer" class="jama-punji-link" aria-label="Jama Punji Investor Education Portal"> <img src="https://docs.sml.com.pk/images/jama-punji.png" alt="Jama Punji - Investor Education Portal SECP"> </a> </div> </div> </div> </section> """
html_targets = [r"C:Usersibrah.gemini\antigravityscratchsml-astro-app\distindex.html",r"C:Usersibrah.gemini\antigravityscratchsml-astro-apppublicindex.html",r"C:Usersibrah.gemini\antigravityscratchsml-astro-appsrcpagesindex.astro",r"C:Usersibrah.gemini\antigravityscratchsml-redesignindex.html"] for t in html_targets: with open(t,"r",encoding="utf-8") as f: content = f.read() if "<!-- Company's Own Complaint Handling Cell Section -->" not in content and "<!-- Footer -->" in content: new_content = content.replace("<!-- Footer -->",complaint_html + "    <!-- Footer -->") with open(t,"w",encoding="utf-8") as f: f.write(new_content) print("Inserted Complaint Cell section right before footer across all index files!") import glob search_css_full = """
.hero-search-wrapper{max-width:680px;margin:0 auto 3.5rem;position:relative;z-index:150}.search-input-box{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;background:var(--bg-surface)!important;border:2px solid var(--primary-light)!important;border-radius:var(--radius-full)!important;padding:.6rem 1.25rem .6rem 1.4rem!important;box-shadow:0 10px 25px #005a2b26!important;transition:all .25s ease!important;box-sizing:border-box!important;width:100%!important}.search-input-box:focus-within{border-color:var(--primary)!important;box-shadow:0 14px 35px #005a2b40!important}.site-search-dropdown{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 20px 45px #00000038;z-index:250;max-height:420px;overflow-y:auto;text-align:left;padding:.75rem}"""
targets = [r"C:Usersibrah.gemini\antigravityscratchsml-astro-app\diststyles.css",r"C:Usersibrah.gemini\antigravityscratchsml-astro-apppublicstyles.css",r"C:Usersibrah.gemini\antigravityscratchsml-astro-appsrcstylesglobal.css",r"C:Usersibrah.gemini\antigravityscratchsml-redesignstyles.css"] for t in targets: with open(t,"r",encoding="utf-8") as f: content = f.read() if "/* --- Site-Wide Search Component" in content: parts = content.split("/* --- Site-Wide Search Component") new_content = parts[0] + search_css_full else: new_content = content + search_css_full with open(t,"w",encoding="utf-8") as f: f.write(new_content) print("Successfully restored full .search-input-box CSS rules across all style files!") import glob,re # 1 Update HTML across all index files search_box_html = """            <!-- Site-Wide Search Bar (Home Page Only) -->
<div class="hero-search-wrapper"> <div class="search-input-box"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--primary)" stroke-width="2.5" style="margin-right: 0.75rem; flex-shrink: 0;"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg> <input type="text" id="siteSearchInput" placeholder="Search across Shakarganj site (e.g. Sugar, Annual Report, Biofuel, Directors, SECP)..." aria-label="Search across site"> <button id="siteSearchBtn" class="btn-primary" style="padding: 0.6rem 1.4rem; border-radius: var(--radius-full); margin-left: 0.5rem; font-size: 0.875rem; font-weight: 700; flex-shrink: 0; cursor: pointer; border: none; background: linear-gradient(135deg, var(--primary), var(--primary-dark)); color: #ffffff; box-shadow: 0 4px 12px rgba(0, 90, 43, 0.25);">Search</button> </div> <div id="siteSearchResults" class="site-search-dropdown"></div> </div>"""
html_targets = [r"C:Usersibrah.gemini\antigravityscratchsml-astro-app\distindex.html",r"C:Usersibrah.gemini\antigravityscratchsml-astro-apppublicindex.html",r"C:Usersibrah.gemini\antigravityscratchsml-astro-appsrcpagesindex.astro",r"C:Usersibrah.gemini\antigravityscratchsml-redesignindex.html"] for t in html_targets: with open(t,"r",encoding="utf-8") as f: content = f.read() if '<div class="hero-search-wrapper">' in content: start_idx = content.find("<!-- Site-Wide Search Bar") end_idx = content.find("</div>",content.find('id="siteSearchResults"')) + 6 if start_idx != -1 and end_idx != -1: new_content = content[:start_idx] + search_box_html + content[end_idx:] with open(t,"w",encoding="utf-8") as f: f.write(new_content) print("Updated search box HTML with embedded Search button!") # 2 Update CSS across all style files search_rich_css = """
.hero-search-wrapper{max-width:720px;margin:0 auto 3.5rem;position:relative;z-index:150}.search-input-box{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;background:var(--bg-surface)!important;border:2px solid var(--primary-light)!important;border-radius:var(--radius-full)!important;padding:.4rem .5rem .4rem 1.4rem!important;box-shadow:0 12px 30px #005a2b26!important;transition:all .25s ease!important;box-sizing:border-box!important;width:100%!important}.search-input-box:focus-within{border-color:var(--primary)!important;box-shadow:0 15px 35px #005a2b40!important}.search-input-box svg{margin-right:.75rem!important;flex-shrink:0!important;display:block!important}.search-input-box input{flex:1!important;width:100%!important;border:none!important;outline:none!important;background:transparent!important;font-size:.95rem!important;color:var(--text-main)!important;font-weight:500!important;padding:.25rem 0!important;margin:0!important}.site-search-dropdown{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 20px 45px #00000038;z-index:250;max-height:440px;overflow-y:auto;text-align:left;padding:.85rem}.search-result-item{display:block;padding:1rem 1.15rem;border-radius:var(--radius-md);text-decoration:none;transition:all .2s ease;border-bottom:1px solid var(--border-color);background-color:var(--bg-surface);margin-bottom:.35rem}.search-result-item:last-child{border-bottom:none;margin-bottom:0}.search-result-item:hover{background-color:#005a2b0d;border-color:var(--primary-light);transform:translate(4px)}.search-res-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.search-title-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.search-res-title{font-size:1.025rem;font-weight:700;color:var(--primary)}.search-cat-badge{font-size:.725rem;font-weight:700;padding:.2rem .65rem;border-radius:var(--radius-full);background-color:#005a2b1a;color:var(--primary);border:1px solid rgba(0,90,43,.25);white-space:nowrap}.search-action-btn{font-size:.825rem;font-weight:700;color:var(--primary);background:#005a2b14;padding:.3rem .85rem;border-radius:var(--radius-full);transition:all .2s ease;white-space:nowrap}.search-result-item:hover .search-action-btn{background:var(--primary);color:#fff}.search-res-desc{font-size:.875rem;color:var(--text-muted);line-height:1.45}.no-results-box{padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.95rem}"""
style_targets = [r"C:Usersibrah.gemini\antigravityscratchsml-astro-app\diststyles.css",r"C:Usersibrah.gemini\antigravityscratchsml-astro-apppublicstyles.css",r"C:Usersibrah.gemini\antigravityscratchsml-astro-appsrcstylesglobal.css",r"C:Usersibrah.gemini\antigravityscratchsml-redesignstyles.css"] for t in style_targets: with open(t,"r",encoding="utf-8") as f: content = f.read() if "/* --- Site-Wide Search Component" in content: parts = content.split("/* --- Site-Wide Search Component") new_content = parts[0] + search_rich_css else: new_content = content + search_rich_css with open(t,"w",encoding="utf-8") as f: f.write(new_content) print("Updated search CSS with rich item cards and View buttons!") # 3 Update JavaScript logic across all JS files and inline scripts inline_js = """
<script> (function() {function setupSiteSearch() {const input = document.getElementById("siteSearchInput"); const dropdown = document.getElementById("siteSearchResults"); const searchBtn = document.getElementById("siteSearchBtn"); if (!input || !dropdown) return; const SITE_INDEX = [{title: "Sugar Manufacturing & Refining Division",category: "Division",url: "divisions.html#sugar",desc: "High-grade refined food & pharmaceutical sugar (32,000+ TCD capacity)."},{title: "Biofuels & Power Division",category: "Division",url: "divisions.html#biofuel",desc: "150,000 L/day fuel-grade bio-ethanol distillery and renewable export power."},{title: "White Crystalline Sugar (1kg, 2kg, 5kg)",category: "Product",url: "index.html#crafting-sugar",desc: "Pure, refined 100% white crystalline sugar sachet & family packs."},{title: "Crystal and Soft Brown Sugar (0.5kg)",category: "Product",url: "index.html#crafting-sugar",desc: "Organic light & dark brown sugar for culinary baking."},{title: "Annual Report 2025 (PDF)",category: "Financial Report",url: "investors.html#financial-vault",desc: "Audited Financial Statements & SECP filing for year 2025."},{title: "Condensed Interim Report Q3 2026",category: "Financial Report",url: "investors.html#financial-vault",desc: "Quarterly financial results for period ended March 2026."},{title: "Half Yearly Financial Report 2026",category: "Financial Report",url: "investors.html#financial-vault",desc: "Financial results for the half year ended 31 March 2026."},{title: "Notice of Extraordinary General Meeting (EGM)",category: "Notice",url: "investors.html#financial-vault",desc: "Official notice for Extraordinary General Meeting for shareholders."},{title: "Corporate Briefing Session 2026",category: "Notice",url: "investors.html#financial-vault",desc: "Presentation and investor briefing session updates."},{title: "Board of Directors & Management Profile",category: "Governance",url: "investors.html#board-directors",desc: "Profiles of Board of Directors and senior leadership team."},{title: "Company's Own Complaint Handling Cell & SECP",category: "Compliance",url: "index.html#complaint",desc: "SECP SDMS portal, investor complaints and Jama Punji."},{title: "About Shakarganj Limited (50+ Years History)",category: "Company Profile",url: "about.html",desc: "Incorporated in 1967, premier Pakistani industrial conglomerate."},{title: "Share Registrar & Shareholding Pattern",category: "Investor Relations",url: "investors.html#shareholder-info",desc: "CorpLink Share Registrar office, Lahore & PSX shareholding details."},{title: "Contact Corporate Office (Lahore HQ)",category: "Contact",url: "contact.html",desc: "Executive Floor, IT Tower, Hali Road, Gulberg III, Lahore."}]; function performSearch() {const query = input.value.toLowerCase().trim(); if (!query) {dropdown.style.display = "none"; dropdown.innerHTML = ""; return;} const matches = SITE_INDEX.filter(item => item.title.toLowerCase().includes(query) || item.category.toLowerCase().includes(query) || item.desc.toLowerCase().includes(query)); if (matches.length === 0) {dropdown.innerHTML = '<div class="no-results-box">No matching pages or documents found for "<strong>' + query + '</strong>"</div>';} else {dropdown.innerHTML = matches.map(item => ` <a href="${item.url}" class="search-result-item"> <div class="search-res-header"> <div class="search-title-group"> <span class="search-res-title">${item.title}</span> <span class="search-cat-badge">${item.category}</span> </div> <span class="search-action-btn">View &rarr;</span> </div> <div class="search-res-desc">${item.desc}</div> </a> `).join("");} dropdown.style.display = "block";} input.addEventListener("input",performSearch); input.addEventListener("keyup",performSearch); input.addEventListener("focus",function() {if (input.value.trim()) performSearch();}); if (searchBtn) {searchBtn.addEventListener("click",performSearch);} document.addEventListener("click",function(e) {if (!input.contains(e.target) && !dropdown.contains(e.target) && (!searchBtn || !searchBtn.contains(e.target))) {dropdown.style.display = "none";}});} if (document.readyState === "loading") {document.addEventListener("DOMContentLoaded",setupSiteSearch);} else {setupSiteSearch();}})(); </script> """
for t in html_targets: with open(t,"r",encoding="utf-8") as f: content = f.read() if "<script>" in content and "setupSiteSearch" in content: start_script = content.find("<script>",content.find("setupSiteSearch") - 100) end_script = content.find("</script>",start_script) + 9 if start_script != -1 and end_script != -1: new_content = content[:start_script] + inline_js + content[end_script:] with open(t,"w",encoding="utf-8") as f: f.write(new_content) print("Updated inline setupSiteSearch script with rich item rendering!") .notices-section{padding:5rem 0 6rem;background-color:var(--bg-main, #f8fafc);border-top:1px solid var(--border-color, #e2e8f0)}.notices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:2.5rem}.notice-card{background-color:var(--bg-surface, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 12px);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 12px #0000000d;transition:all .25s ease}.notice-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000001f;border-color:var(--primary, #005a2b)}.notice-img-link{display:block;overflow:hidden;aspect-ratio:4 / 3;background-color:#f1f5f9}.notice-img-wrapper{width:100%;height:100%;overflow:hidden}.notice-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.notice-card:hover .notice-img-wrapper img{transform:scale(1.05)}.notice-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.notice-date{font-size:.82rem;color:var(--text-muted, #64748b);display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem}.notice-title{font-size:1.15rem;font-weight:700;line-height:1.4;color:var(--text-main, #1e293b);margin-bottom:.75rem}.notice-gold-bar{width:48px;height:4px;background-color:#d97706;margin:.5rem 0 1rem;border-radius:2px}.sugar-carousel{position:relative;margin-top:2.5rem}} .sugar-details{display:flex;flex-direction:column;justify-content:center}.sugar-badge{display:inline-block;background:#d9770633;color:#fbbf24;border:1px solid rgba(251,191,36,.3);padding:.35rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700;margin-bottom:1rem;width:fit-content}.sugar-title{font-size:2.2rem;font-weight:800;color:#fff;margin-bottom:1rem;line-height:1.25}.sugar-desc{font-size:1rem;color:#ffffffd9;line-height:1.6;margin-bottom:1.5rem}.sugar-sizes-title{font-size:.88rem;text-transform:uppercase;letter-spacing:1px;color:#fff9;margin-bottom:.5rem}.sugar-sizes-list{display:flex;gap:.6rem;flex-wrap:wrap}.size-pill{background:#ffffff26;border:1px solid rgba(255,255,255,.25);padding:.3rem .85rem;border-radius:6px;font-size:.85rem;font-weight:600}.sugar-img-container{position:relative;text-align:center;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1),transparent 70%);padding:2rem;border-radius:var(--radius-lg, 12px)}.sugar-img-container img{max-width:100%;max-height:320px;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.25))}.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem}.carousel-arrow{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;&:hover{background:#fff;color:var(--primary, #005a2b)}}.carousel-dots{display:flex;gap:.6rem}.carousel-dots .dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .2s ease;&.active{background:#fbbf24;width:28px;border-radius:6px}}.top-bar{background-color:#08131f!important;color:#94a3b8!important;font-size:.825rem!important;padding:.5rem 0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.stock-bar{background:linear-gradient(90deg,#004722,#005a2b,#004722)!important;color:#fff!important;padding:.55rem 0!important;font-size:.875rem!important;font-weight:600!important}.stock-badge{background:#003318!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;padding:.3rem .85rem!important;border-radius:9999px!important}.pulse-dot{background-color:#10b981!important}.navbar{background-color:#fff!important;border-bottom:1px solid #e2e8f0!important}.hero{position:relative!important;padding:4.5rem 0 4rem!important;background:linear-gradient(115deg,#fff 35%,#aee3cb 70%,#68c79c)!important;overflow:hidden!important}[data-theme=dark] .hero{background:linear-gradient(115deg,#0b1a28 40%,#0d382b 75%,#05402b)!important}.hero-badge{display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.45rem 1.25rem!important;background-color:#fff!important;border:1px solid #c3e6d3!important;border-radius:9999px!important;font-size:.9rem!important;font-weight:700!important;color:#005a2b!important;margin-bottom:1.5rem!important;box-shadow:0 2px 8px #0000000a!important}.hero-title{font-family:var(--font-heading, "Outfit", sans-serif)!important;font-size:2.75rem!important;font-weight:800!important;letter-spacing:-.5px!important;color:#0f172a!important;line-height:1.25!important;margin-bottom:1.25rem!important}[data-theme=dark] .hero-title{color:#f8fafc!important}.text-sugar-green{color:#005a2b!important;font-weight:800!important}.text-amber{color:#d97706!important;font-weight:800!important}.hero-desc{font-size:1.08rem!important;color:#475569!important;max-width:720px!important;margin:0 auto 2.25rem!important;line-height:1.6!important;font-weight:500!important}[data-theme=dark] .hero-desc{color:#cbd5e1!important}.hero-buttons{display:flex!important;align-items:center!important;justify-content:center!important;gap:1.25rem!important;margin-bottom:2.25rem!important}.btn-primary{background:#004d25!important;color:#fff!important;border-radius:12px!important;padding:.85rem 1.75rem!important;font-weight:700!important;box-shadow:0 4px 14px #004d254d!important;border:none!important}.btn-primary:hover{background:#003318!important;box-shadow:0 6px 20px #004d2573!important}.btn-secondary{background:#fff!important;color:#0f172a!important;border:1px solid #cbd5e1!important;border-radius:12px!important;padding:.85rem 1.75rem!important;font-weight:700!important;box-shadow:0 2px 8px #0000000f!important}.btn-secondary:hover{background:#f8fafc!important;border-color:#005a2b!important;color:#005a2b!important}.hero-search-wrapper{max-width:720px!important;margin:0 auto 3rem!important}.search-input-box{display:flex!important;align-items:center!important;background:#fff!important;border:2px solid #005a2b!important;border-radius:9999px!important;padding:.75rem 1.5rem!important;box-shadow:0 4px 16px #005a2b1f!important}.search-input-box input{width:100%!important;border:none!important;outline:none!important;background:transparent!important;font-size:.95rem!important;color:#0f172a!important;font-weight:500!important}.search-input-box input::placeholder{color:#64748b!important}.text-navy{color:#0f172a!important;font-weight:800!important}[data-theme=dark] .text-navy{color:#f8fafc!important}.text-sugar-green{color:#046a38!important;font-weight:800!important}.text-olive-green{background:linear-gradient(90deg,#046a38,#467425,#6a7a1b 70%,#7b8116)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;display:inline-block!important;font-weight:800!important}.text-golden-amber{color:#eab308!important;font-weight:800!important}.text-renewable-energy-gradient{background:linear-gradient(90deg,#046a38,#3e7527 28%,#6a7c1b 55%,#9e9514 80%,#eab308)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;display:inline-block!important;font-weight:800!important}.hero{position:relative!important;padding:4.5rem 0 4rem!important;background-color:#fff!important;background-image:radial-gradient(circle at 92% 8%,#78cca4 0%,rgba(174,227,203,.55) 35%,transparent 65%),radial-gradient(circle at 8% 92%,#86d6af 0%,rgba(174,227,203,.5) 35%,transparent 65%),linear-gradient(135deg,#fff,#f2faf5,#fff)!important;overflow:hidden!important}[data-theme=dark] .hero{background-color:#0b1a28!important;background-image:radial-gradient(circle at 92% 8%,#005a2b 0%,rgba(0,90,43,.45) 40%,transparent 70%),radial-gradient(circle at 8% 92%,#044723 0%,rgba(0,90,43,.4) 40%,transparent 70%),linear-gradient(135deg,#0b1a28,#0d281e,#0b1a28)!important}.sugar-heritage-section{padding:5rem 0 6rem!important;background-color:#f8fafc!important;position:relative!important}[data-theme=dark] .sugar-heritage-section{background-color:#0b1a28!important}.sugar-heritage-section .section-subtitle{color:#005a2b!important;font-size:.88rem!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;margin-bottom:.5rem!important}.sugar-heritage-section .section-title{color:#0f172a!important;font-family:var(--font-heading, "Outfit", sans-serif)!important;font-size:2.35rem!important;font-weight:800!important;letter-spacing:-.5px!important}[data-theme=dark] .sugar-heritage-section .section-title{color:#f8fafc!important}.sugar-carousel{position:relative!important;max-width:1060px!important;margin:3rem auto 0!important}.sugar-slide{display:none!important;grid-template-columns:420px 1fr!important;gap:3.5rem!important;align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:20px!important;padding:3.25rem 3.5rem!important;box-shadow:0 12px 35px #0000000f!important;margin-bottom:2rem!important}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sugar-img-container{position:relative!important;background:#f8fafc!important;border-radius:14px!important;padding:2.5rem 1.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:320px!important;border:1px solid #f1f5f9!important}[data-theme=dark] .sugar-img-container{background:#081726!important;border-color:#ffffff0d!important}.sugar-badge{position:absolute!important;top:1rem!important;left:1rem!important;background:#004d25!important;color:#fff!important;padding:.4rem 1rem!important;border-radius:9999px!important;font-size:.8rem!important;font-weight:700!important;box-shadow:0 2px 8px #004d2540!important;z-index:2!important}.sugar-img-container img{max-width:100!important;max-height:260px!important;object-fit:contain!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.12))!important}.sugar-details{display:flex!important;flex-direction:column!important;justify-content:center!important}.sugar-title{font-family:var(--font-heading, "Outfit", sans-serif)!important;font-size:2.1rem!important;font-weight:800!important;color:#005a2b!important;margin-bottom:1rem!important;line-height:1.25!important}[data-theme=dark] .sugar-title{color:#10b981!important}.sugar-desc{font-size:.98rem!important;color:#64748b!important;line-height:1.68!important;margin-bottom:1.75rem!important;font-weight:400!important}[data-theme=dark] .sugar-desc{color:#94a3b8!important}.sugar-sizes-title{font-size:.85rem!important;font-weight:700!important;letter-spacing:1px!important;text-transform:uppercase!important;color:#1e293b!important;margin-bottom:.85rem!important}[data-theme=dark] .sugar-sizes-title{color:#cbd5e1!important}.sugar-sizes-list{display:flex!important;gap:.75rem!important;flex-wrap:wrap!important}.size-pill{background:#f0fdf4!important;border:1px solid #dcfce7!important;color:#005a2b!important;font-size:.88rem!important;font-weight:700!important;padding:.5rem 1.2rem!important;border-radius:9999px!important;display:inline-flex!important;align-items:center!important;box-shadow:0 1px 3px #00000005!important}[data-theme=dark] .size-pill{background:#10b9811a!important;border-color:#10b98133!important;color:#34d399!important}.carousel-controls{display:flex!important;align-items:center!important;justify-content:center!important;gap:1.25rem!important;margin-top:1.75rem!important}.carousel-arrow{width:44px!important;height:44px!important;border-radius:50%!important;background:#fff!important;border:1px solid #cbd5e1!important;color:#0f172a!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 2px 6px #0000000d!important}.carousel-arrow:hover{border-color:#005a2b!important;color:#005a2b!important;transform:scale(1.05)!important}[data-theme=dark] .carousel-arrow{background:#0f2438!important;border-color:#ffffff26!important;color:#f8fafc!important}.carousel-dots{display:flex!important;align-items:center!important;gap:.6rem!important}.carousel-dots .dot{width:8px!important;height:8px!important;border-radius:50%!important;background-color:#cbd5e1!important;cursor:pointer!important;transition:all .25s ease!important}.carousel-dots .dot.active{width:28px!important;height:8px!important;border-radius:4px!important;background-color:#005a2b!important}.sugar-heritage-section{padding:2.25rem 0 2.5rem!important;background:#fff!important;background-image:none!important;color:#0f172a!important;position:relative!important}[data-theme=dark] .sugar-heritage-section{background:#0b1a28!important;background-image:none!important}.sugar-heritage-section .section-header{margin-bottom:1.25rem!important}.sugar-carousel{position:relative!important;max-width:1060px!important;margin:1.25rem auto 0!important}.sugar-slide{padding:2rem 2.5rem!important;margin-bottom:1.25rem!important;box-shadow:0 8px 24px #0000000d!important}.carousel-controls{margin-top:1.25rem!important}.sugar-carousel{position:relative!important;max-width:1060px!important;margin:1.25rem auto 0!important;overflow:hidden!important}.sugar-carousel-track{display:flex!important;width:100%!important;transition:transform .45s cubic-bezier(.25,1,.5,1)!important;will-change:transform!important}.sugar-slide{display:none!important;grid-template-columns:420px 1fr!important;gap:3.5rem!important;align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:20px!important;padding:2rem 2.5rem!important;box-shadow:0 8px 24px #0000000d!important}.sugar-slide.active{display:grid!important;animation:fadeInSlide .3s ease forwards!important}[data-theme=dark] .sugar-slide{background:#0f2438!important;border-color:#ffffff1a!important}@media (max-width: 900px){.sugar-slide{grid-template-columns:1fr!important;padding:2rem 1.5rem!important;gap:2rem!important}}.notices-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1.5rem!important;margin-top:2.5rem!important}.notice-card{display:flex!important;flex-direction:column!important;height:100%!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 4px 14px #0000000a!important;transition:transform .25s ease,box-shadow .25s ease!important}.notice-card:hover{transform:translateY(-4px)!important;box-shadow:0 8px 24px #0000001a!important;border-color:#005a2b!important}.notice-img-wrapper{width:100%!important;height:160px!important;overflow:hidden!important;background:#f8fafc!important}.notice-img-wrapper img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .3s ease!important}.notice-card:hover .notice-img-wrapper img{transform:scale(1.04)!important}.notice-content{padding:1.15rem 1.15rem 1.35rem!important;display:flex!important;flex-direction:column!important;flex-grow:1!important;justify-content:space-between!important}.notice-title{font-size:.95rem!important;font-weight:700!important;line-height:1.4!important;color:#0f172a!important;margin-bottom:.85rem!important;a{color:#0f172a!important;text-decoration:none!important;transition:color .2s ease!important}a:hover{color:#005a2b!important}}.notice-date{font-size:.825rem!important;color:#64748b!important;display:flex!important;align-items:center!important;gap:.4rem!important;font-weight:500!important}@media (max-width: 1024px) and (min-width: 641px){.notices-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.25rem!important}}@media (max-width: 640px){.notices-grid{grid-template-columns:1fr!important;gap:1.25rem!important}}.divisions-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:2.25rem!important;max-width:960px!important;margin:2.5rem auto 0!important}.division-card{background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 10px 30px #0000000f!important;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease!important}[data-theme=dark] .division-card{background-color:#0f2438!important;border-color:#ffffff1a!important}.division-card:hover{transform:translateY(-6px)!important;box-shadow:0 16px 40px #0000001f!important;border-color:#005a2b!important}.card-image{position:relative!important;height:200px!important;overflow:hidden!important;background-color:#f1f5f9!important}.division-card-img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .4s ease!important}.division-card:hover .division-card-img{transform:scale(1.05)!important}.card-tag{position:absolute!important;top:1rem!important;right:1rem!important;background:#0f172a80!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;padding:.35rem 1rem!important;border-radius:9999px!important;font-size:.8rem!important;font-weight:700!important;z-index:2!important;box-shadow:0 2px 8px #0003!important}.card-body{padding:0 2rem 2.25rem!important;position:relative!important}.division-icon{position:relative!important;z-index:10!important;width:64px!important;height:64px!important;margin-top:-32px!important;margin-bottom:1.25rem!important;background-color:#fff!important;border:3px solid #ffffff!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 8px 20px #0000001f!important;font-size:1.8rem!important}[data-theme=dark] .division-icon{background-color:#0b1a28!important;border-color:#0b1a28!important}.card-body h3{font-family:var(--font-heading, "Outfit", sans-serif)!important;font-size:1.6rem!important;font-weight:800!important;color:#0f172a!important;margin-bottom:.75rem!important}[data-theme=dark] .card-body h3{color:#f8fafc!important}.card-body p{font-size:.98rem!important;color:#64748b!important;line-height:1.6!important;margin-bottom:1.5rem!important}[data-theme=dark] .card-body p{color:#94a3b8!important}@media (max-width: 768px){.divisions-grid{grid-template-columns:1fr!important}}.card-image{position:relative!important;height:240px!important;overflow:hidden!important;background-color:#0b1a28!important}.division-card-img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;transition:transform .4s ease!important}.card-tag{position:absolute!important;top:1rem!important;right:1rem!important;background:#004d25!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;padding:.4rem 1.15rem!important;border-radius:9999px!important;font-size:.825rem!important;font-weight:700!important;z-index:2!important;box-shadow:0 3px 10px #004d2559!important}.card-tag{display:none!important}