:root{--navy:#24251f;--navy2:#171813;--steel:#55584d;--copper:#b86c32;--paper:#f2efe7;--ink:#20221d;--muted:#6f7168;--line:rgba(32,34,29,.15)}
body{background:var(--paper)}
.site-header{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,92vw);height:64px;padding:0 10px 0 20px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(27,28,23,.78);backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 12px 38px rgba(0,0,0,.14);transition:width .5s,height .5s,background .4s}
.site-header.scrolled{top:12px;width:min(1050px,90vw);height:58px;position:fixed;background:rgba(27,28,23,.94);animation:none}
.brand-mark{border-radius:10px;background:var(--copper);border:0;color:#fff;width:34px;height:34px;box-shadow:0 5px 15px rgba(184,108,50,.3)}
.desktop-nav{background:rgba(255,255,255,.065);padding:6px;border-radius:999px;gap:3px}
.desktop-nav a{padding:9px 15px;border-radius:999px;transition:color .3s,background .3s,transform .3s}.desktop-nav a:hover,.desktop-nav a.active{background:#f1eee5;color:#24251f;transform:translateY(-1px)}
.nav-cta{border-radius:999px;padding:13px 18px;background:var(--copper);transition:transform .25s,box-shadow .25s}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(184,108,50,.35)}
.hero{background:#20211c}.hero-bg{filter:saturate(.68) sepia(.12);background-image:linear-gradient(90deg,rgba(24,25,20,.94),rgba(24,25,20,.66) 43%,rgba(24,25,20,.12) 76%),linear-gradient(0deg,rgba(24,25,20,.86),transparent 40%),url('assets/hero-industrial.png')}
.product-card:hover,.product-card.active,.quality,.presence{background:#24251f}.lab-panel{background:radial-gradient(circle at 50% 50%,#535849,#24251f 64%)}
footer{background:#171813;border-radius:36px 36px 0 0;margin-top:-30px;position:relative;overflow:hidden}footer:before{content:'SGI';position:absolute;right:-1vw;bottom:-7vw;font:400 24vw/1 Newsreader,serif;color:rgba(255,255,255,.025);pointer-events:none}
.button,.arrow-link,.industry-grid article,.product-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background .35s}.button:hover{transform:translateY(-3px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.line-flow:after,.process-rail i,.quality:before,.lab-panel:before,.lab-panel:after,.lab-orbit,.pin{animation:none!important}}
@media(max-width:900px){.site-header{top:10px;height:60px}.site-header.scrolled{top:8px}.mobile-menu{background:#1c1d18}}
.process-real{height:580px;margin-top:60px;border-radius:28px;background:url('assets/manganese-process-real.png') center/cover;display:block;isolation:isolate;box-shadow:0 30px 70px rgba(32,34,29,.18)}.process-real:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);pointer-events:none}.process-shade{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(0deg,rgba(18,19,15,.92),rgba(18,19,15,.08) 70%),linear-gradient(90deg,rgba(18,19,15,.25),transparent 55%);z-index:-1}.process-title{position:absolute;left:4%;top:7%;color:white;display:flex;flex-direction:column;gap:8px}.process-title span{font-size:8px;letter-spacing:.2em;color:#d79560}.process-title strong{font:400 31px Newsreader}.process-rail{position:absolute;left:5%;right:5%;bottom:111px;height:1px;background:rgba(255,255,255,.28);overflow:visible}.process-rail i{position:absolute;width:88px;height:3px;top:-1px;border-radius:9px;background:linear-gradient(90deg,transparent,#e49354,transparent);filter:drop-shadow(0 0 8px #e49354);animation:processScan 4.5s cubic-bezier(.4,0,.2,1) infinite}.process-rail i:after{content:'';position:absolute;right:0;top:-4px;width:10px;height:10px;border-radius:50%;background:#f0a467;box-shadow:0 0 0 7px rgba(240,164,103,.16)}@keyframes processScan{0%{left:0;opacity:0}8%{opacity:1}90%{opacity:1}100%{left:calc(100% - 88px);opacity:0}}.process-stages{position:absolute;left:5%;right:5%;bottom:32px;display:grid;grid-template-columns:repeat(4,1fr);color:white}.process-stages div{position:relative;padding-top:20px}.process-stages div:before{content:'';position:absolute;top:-5px;left:0;width:9px;height:9px;border:2px solid #d58449;border-radius:50%;background:#24251f}.process-stages b{display:block;color:#d98a4f;font-size:8px;margin-bottom:7px}.process-stages span{font-size:9px;line-height:1.5;letter-spacing:.1em;color:#e8e7e1}.quality{margin:30px 3vw;padding:110px 5.5vw 0;border-radius:34px;overflow:hidden;position:relative;box-shadow:0 30px 80px rgba(30,31,26,.18)}.quality:before{content:'';position:absolute;width:420px;height:420px;border-radius:50%;right:13%;top:12%;background:radial-gradient(circle,rgba(184,108,50,.09),transparent 67%);animation:ambientPulse 4s ease-in-out infinite}@keyframes ambientPulse{50%{transform:scale(1.15);opacity:.5}}.lab-panel{border-radius:28px;overflow:hidden}.lab-panel:before,.lab-panel:after{animation:rippleWave 3.2s ease-out infinite;opacity:0}.lab-panel:after{animation-delay:1.6s}@keyframes rippleWave{0%{transform:scale(.45);opacity:.75;border-color:rgba(213,130,72,.7)}100%{transform:scale(1.42);opacity:0;border-color:rgba(213,130,72,0)}}.lab-orbit{animation:coreFloat 4s ease-in-out infinite;box-shadow:0 25px 65px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.05)}@keyframes coreFloat{50%{transform:translateY(-8px);box-shadow:0 38px 78px rgba(0,0,0,.5),0 0 35px rgba(184,108,50,.12)}}.presence{margin:70px 3vw;border-radius:34px;padding-left:5.5vw;padding-right:3vw;box-shadow:0 30px 80px rgba(30,31,26,.18);position:relative}.presence:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.pin{animation:mapRipple 2.4s ease-out infinite}.pin:nth-of-type(2){animation-delay:.4s}.pin:nth-of-type(3){animation-delay:.8s}.pin:nth-of-type(4){animation-delay:1.2s}@keyframes mapRipple{0%,100%{box-shadow:0 0 0 0 rgba(216,137,78,.45),0 0 18px #d8894e}50%{box-shadow:0 0 0 14px rgba(216,137,78,0),0 0 30px #d8894e}}
@media(max-width:700px){.process-real{height:520px;border-radius:20px;background-position:42% center}.process-title{left:6%}.process-stages{grid-template-columns:1fr 1fr;gap:14px}.process-rail{display:none}.process-stages div{padding:10px;background:rgba(20,21,17,.68);backdrop-filter:blur(5px);border-radius:10px}.process-stages div:before{display:none}.quality,.presence{margin-left:12px;margin-right:12px;border-radius:24px}.quality{padding-left:20px;padding-right:20px}}
.lab-panel{background:radial-gradient(circle at 50% 48%,#4b4033 0,#32332c 38%,#252620 72%);overflow:hidden;isolation:isolate}.lab-panel:before,.lab-panel:after{width:min(68%,360px);height:auto;aspect-ratio:1;max-width:360px}.lab-panel:after{width:min(88%,460px);max-width:460px}.lab-orbit{background:linear-gradient(145deg,#7a4a2d,#3b2c23 72%);border:1px solid rgba(231,157,99,.22)}.quality:before{background:radial-gradient(circle,rgba(184,108,50,.12),transparent 64%)}@keyframes rippleWave{0%{transform:scale(.72);opacity:.75;border-color:rgba(213,130,72,.72)}100%{transform:scale(1.08);opacity:0;border-color:rgba(213,130,72,0)}}
@media(max-width:700px){.lab-panel{min-height:410px}.lab-panel:before{width:58%;max-width:280px}.lab-panel:after{width:82%;max-width:370px}.lab-orbit{width:170px;height:170px}.lab-orbit span{font-size:48px}.lab-note{left:20px;bottom:18px}.quality:before{display:none}}